summaryrefslogtreecommitdiff
path: root/screenshots.html
blob: a1897998381eec790044b093e9b34325ab2718e0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html 
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <title>JSON implementation for Ruby</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>
  <body>

    <ul id="linkbox">
      <li><a href="/index.html">Homepage</a></li>
      <li><a href="http://github.com/flori/json/tree/master">Github Repository</a></li>
      <li><a href="http://rubyforge.org/projects/json">Rubyforge Project</a></li>
      <li><a href="http://rubyforge.org/frs/?group_id=953">Download</a></li>
      <li><a href="doc/index.html">Documentation</a></li>
      
      <li><a href="screenshots.html">Screenshots</a></li>
      
    </ul>

    <img id="logo" src="json.png" alt="JaSON, the Argonaut" title="JaSON, the Argonaut" />

    <div id="content">
      <h1>json &ndash; JSON implementation for Ruby</h1>

      <h2>Screenshots</h2>
      <p>Here are some Screenshots from the graphical JSON Editor
      <i>edit_json.rb</i>, that is included in the library package. To run it, a
      working installation of <a
      href="http://ruby-gnome2.sourceforge.jp/">Ruby GTK2</a> is necessary.</p>
      
      <div style="text-align: center">
      <a href="edit_json.png">
        <img src="edit_json.png" width="400" height="300" alt="Screenshot #1" />
      </a>
      <br />
      <span class="caption">Screenshot #1 (Click to enlarge)</span>
      </div>
      
      <div style="text-align: center">
      <a href="diagrams/JSON_array.png">
        <img src="diagrams/JSON_array.png" width="400" height="300" alt="Screenshot #2" />
      </a>
      <br />
      <span class="caption">Screenshot #2 (Click to enlarge)</span>
      </div>
      
      <div style="text-align: center">
      <a href="diagrams/JSON_float.png">
        <img src="diagrams/JSON_float.png" width="400" height="300" alt="Screenshot #3" />
      </a>
      <br />
      <span class="caption">Screenshot #3 (Click to enlarge)</span>
      </div>
      
      <div style="text-align: center">
      <a href="diagrams/JSON_integer.png">
        <img src="diagrams/JSON_integer.png" width="400" height="300" alt="Screenshot #4" />
      </a>
      <br />
      <span class="caption">Screenshot #4 (Click to enlarge)</span>
      </div>
      
      <div style="text-align: center">
      <a href="diagrams/JSON_object.png">
        <img src="diagrams/JSON_object.png" width="400" height="300" alt="Screenshot #5" />
      </a>
      <br />
      <span class="caption">Screenshot #5 (Click to enlarge)</span>
      </div>
      
      <div style="text-align: center">
      <a href="diagrams/JSON.png">
        <img src="diagrams/JSON.png" width="400" height="300" alt="Screenshot #6" />
      </a>
      <br />
      <span class="caption">Screenshot #6 (Click to enlarge)</span>
      </div>
      
      <div style="text-align: center">
      <a href="diagrams/JSON_string.png">
        <img src="diagrams/JSON_string.png" width="400" height="300" alt="Screenshot #7" />
      </a>
      <br />
      <span class="caption">Screenshot #7 (Click to enlarge)</span>
      </div>
      
      <div style="text-align: center">
      <a href="diagrams/JSON_value.png">
        <img src="diagrams/JSON_value.png" width="400" height="300" alt="Screenshot #8" />
      </a>
      <br />
      <span class="caption">Screenshot #8 (Click to enlarge)</span>
      </div>
      
    </div>
    <p class="valid">
      <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10"
        alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
    </p>
  </body>
</html>