summaryrefslogtreecommitdiff
path: root/screenshots.html
diff options
context:
space:
mode:
authorFlorian Frank <flori@ping.de>2009-08-24 16:44:34 +0200
committerFlorian Frank <flori@ping.de>2009-08-24 16:46:55 +0200
commitd67fc23b150b60d4ce38f2f171d72035fc505976 (patch)
tree9157af63606736480836ade69ef63bf99a4e8ea5 /screenshots.html
downloadjson-d67fc23b150b60d4ce38f2f171d72035fc505976.tar.gz
initial commit
Diffstat (limited to 'screenshots.html')
-rw-r--r--screenshots.html107
1 files changed, 107 insertions, 0 deletions
diff --git a/screenshots.html b/screenshots.html
new file mode 100644
index 0000000..a189799
--- /dev/null
+++ b/screenshots.html
@@ -0,0 +1,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>
+