Link to Gitorious from Live Microdata
[microdatajs:microdatajs.git] / live / index.html
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>Live Microdata</title>
6 <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.7.2.custom.css">
7 <link rel="stylesheet" href="live.css">
8 <script>
9 document.createElement('audio');
10 document.createElement('video');
11 document.createElement('figure');
12 document.createElement('figcaption');
13 document.createElement('section');
14 document.createElement('time');
15 document.createElement('footer');
16 </script>
17 <script src="../lib/jquery-1.4.1.min.js"></script>
18 <script src="../lib/jquery-ui-1.7.2.custom.min.js"></script>
19 <script src="../lib/jquery.textarearesizer.compressed.js"></script>
20 <script src="../lib/json2.js"></script>
21 <script src="../jquery.microdata.js"></script>
22 <script src="../jquery.microdata.json.js"></script>
23 <script src="../jquery.microdata.rdf.js"></script>
24 <script src="../jquery.microdata.vcard.js"></script>
25 <script src="../jquery.microdata.vevent.js"></script>
26 <script src="live.js"></script>
27 </head>
28 <body>
29
30 <h1><a href=".">Live Microdata</a></h1>
31
32 <span class="link"><a href="" id="permalink">permalink</a></span>
33
34 <form class="examples">
35 Examples:
36 <select title="Select an example to load it below...">
37 <option value=""></option>
38 <option value="vcard-jack">vCard: Jack Bauer</option>
39 <option value="vcard-avenueq">vCard: Avenue Q</option>
40 <option value="vevent-bluesday">vEvent: Bluesday Tuesday</option>
41 <option value="work-waterfall">Licensing works: Waterfall</option>
42 <option value="work-gallery">Licensing works: Gallery</option>
43 <option value="rdf-geek">RDF: Just a Geek</option>
44 </select>
45 </form>
46
47 <textarea>Write HTML/Microdata markup here...</textarea>
48
49 <div id="tabs">
50   <ul>
51     <li><a href="#preview">Preview</a></li>
52     <li><a href="#json" title="Microdata as JSON">JSON</a></li>
53     <li><a href="#turtle" title="RDF triples as Turtle">Turtle</a></li>
54     <li><a href="#vcard" title="Contact information as vCard">vCard</a></li>
55     <li><a href="#ical" title="Calendar events as iCalendar">iCal</a></li>
56   </ul>
57   <div id="preview"><i>... and it will be rendered here</i></div>
58   <div id="json"></div>
59   <div id="turtle"></div>
60   <div id="vcard"></div>
61   <div id="ical"></div>
62 </div>
63
64 <footer>
65 <p><q>When in doubt, refer to the
66 <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/microdata.html">spec</a>.</q>
67 &ndash; <cite>old Chinese proverb</cite></p>
68 <p>The <a href="https://gitorious.org/microdatajs/">source code</a> is available under the MIT license.</p>
69 </footer>
70
71 </body>
72 </html>