-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
100 lines (90 loc) · 3.86 KB
/
index.html
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
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
class="wf-adelle1adelle2-n6-active wf-active">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Live Loop</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="css/1140.css" type="text/css" media="screen" />
<!--[if lte IE 9]>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
<![endif]-->
<link rel="stylesheet" href="css/typeimg.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/smallerscreen.css" media="only screen and (max-width: 1023px)" />
<link rel="stylesheet" href="css/mobile.css" media="handheld, only screen and (max-width: 767px)" />
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="jquery.simplemodal.1.4.1.min.js"></script>
<script src="live-loop.js"></script>
</head>
<body onload="liveloop.setupUi();">
<div class="titlebar">
<h1>Live Loop</h1>
</div>
<div class="container vspacing">
<div class="row">
<div class="twelvecol">
<h1>The RDFa markup playground.
<span class="subhead">Linked Data, love and hugs.</span></h1>
</div>
</div>
<div class="row">
<div class="twelvecol last">
<p class="largeprint">
Live Loop lets you play with
<a href="http://www.youtube.com/watch?v=ldl0m-5zLz4">HTML+RDFa</a> markup and instantly
see the data that your markup produces.</p>
</div>
</div>
<pre id="code-prologue"><html></pre>
<div id="prefix-editor" class="simple-modal-container" style="display: none;">
<h1 class="largebutton">Prefix Editor</h1>
<p>The prefix editor allows you to add and remove prefixes from the current
document. To add a prefix, just type the short name, such as "dc" or "foaf"
into the box below and the prefix URL will be automatically filled out for
you if it is known. Press the 'Enter' key to add it to the list of
prefixes for the document. Click the '-' icon to remove a prefix.
Press the 'Esc' key to close this editor.</p>
<div id="prefix-list"></div>
<div id="prefix-list-editor"></div>
</div>
<div class="row">
<form class="twelvecol last">
<textarea id="code-body" name="rdfa" rows="15"><p property="dc:creator">Alice</p></textarea>
</form>
</div>
<pre id="code-epilogue"></html></pre>
</div>
<div>Hover over the <html> element above to add prefixes to the document.</div>
<img id="triples-loading" style="margin: 2px 2px; float: left; display: none;"
src="loading.gif" />
<div class="container onblack">
<div class="row">
<div class="twelvecol">
<div id="triple-data">
</div>
</div>
</div>
</div>
<div class="container vspacing">
<div class="row">
<div class="threecol">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png" /></a>
</div>
<div class="ninecol last">
<span>* Support for RDFa 1.1 coming soon...</span>
<p>© 2010 <a href="http://digitalbazaar.com/">Digital Bazaar</a>, Inc.
Website CSS created by <a href="http://cssgrid.net/">@andytlr</a>
and is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/au/">
Creative Commons Attribution-ShareAlike 3.0 Australia License</a>. All other
website content is licensed under a
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">
Creative Commons Attribution-ShareAlike 3.0 License</a>
</p>
</div>
</div>
</div>
</body>
</html>