Detect and warn about the <meta> parsing bug (and hypothetical <link> dito)
[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 src="../lib/jquery-1.4.4.min.js"></script>
9 <script src="../lib/jquery-ui-1.7.2.custom.min.js"></script>
10 <script src="../lib/jquery.textarearesizer.compressed.js"></script>
11 <script src="../lib/json2.js"></script>
12 <script src="../jquery.microdata.js"></script>
13 <script src="../jquery.microdata.json.js"></script>
14 <script src="../jquery.microdata.rdf.js"></script>
15 <script src="../jquery.microdata.vcard.js"></script>
16 <script src="../jquery.microdata.vevent.js"></script>
17 <script src="live.js"></script>
18 </head>
19 <body>
20
21 <h1><a href=".">Live Microdata</a></h1>
22
23 <span class="tool permalink"><a href="">permalink</a></span>
24
25 <form class="tool validate" action="http://validator.nu/" method="post"
26       enctype="multipart/form-data" target="_blank"
27 ><input type="hidden" name="showsource" value="yes"
28 ><input type="hidden" name="content"
29 ><button type="submit" title="Validate with Validator.nu (opens a new tab)"
30 >validate</button></form>
31
32 <form class="examples">
33 Examples:
34 <select title="Select an example to load it below...">
35 <option value=""></option>
36 <option value="vcard-jack">vCard: Jack Bauer</option>
37 <option value="vcard-avenueq">vCard: Avenue Q</option>
38 <option value="vevent-bluesday">vEvent: Bluesday Tuesday</option>
39 <option value="work-waterfall">Licensing works: Waterfall</option>
40 <option value="work-gallery">Licensing works: Gallery</option>
41 <option value="rdf-geek">RDF: Just a Geek</option>
42 <option value="schemaorg-book">schema.org/Book</option>
43 <option value="schemaorg-person">schema.org/Person</option>
44 <option value="schemaorg-product">schema.org/Product</option>
45 </select>
46 </form>
47
48 <div class="warnings"></div>
49
50 <textarea>Write HTML/Microdata markup here...</textarea>
51
52 <div id="tabs">
53   <ul>
54     <li><a href="#preview">Preview</a></li>
55     <li><a href="#json" title="Microdata as JSON">JSON</a></li>
56     <li><a href="#turtle" title="RDF triples as Turtle">Turtle</a></li>
57     <li><a href="#vcard" title="Contact information as vCard">vCard</a></li>
58     <li><a href="#ical" title="Calendar events as iCalendar">iCal</a></li>
59   </ul>
60   <div id="preview"><iframe src="preview.html"></iframe></div>
61   <div id="json"></div>
62   <div id="turtle"></div>
63   <div id="vcard"></div>
64   <div id="ical"></div>
65 </div>
66
67 <footer>
68 <p><q>When in doubt, refer to the
69 <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/microdata.html">spec</a>.</q>
70 &ndash; <cite>old Chinese proverb</cite></p>
71 <p>The <a href="https://gitorious.org/microdatajs/">source code</a> is available under the MIT license.</p>
72 </footer>
73
74 </body>
75 </html>