Fix the styling of <footer> in IE6
[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.vcard.js"></script>
15 <script src="../jquery.microdata.vevent.js"></script>
16 <script src="live.js"></script>
17 <script>document.createElement('footer');</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="schemaorg-book">schema.org/Book</option>
42 <option value="schemaorg-person">schema.org/Person</option>
43 <option value="schemaorg-product">schema.org/Product</option>
44 </select>
45 </form>
46
47 <div class="warnings"></div>
48
49 <textarea>Write HTML/Microdata markup here...</textarea>
50
51 <div id="tabs">
52   <ul>
53     <li><a href="#preview">Preview</a></li>
54     <li><a href="#json" title="Microdata as JSON">JSON</a></li>
55     <li><a href="#vcard" title="Contact information as vCard">vCard</a></li>
56     <li><a href="#ical" title="Calendar events as iCalendar">iCal</a></li>
57   </ul>
58   <div id="preview"><iframe src="preview.html"></iframe></div>
59   <div id="json"></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>