-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (149 loc) · 10.1 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="do-index">
<head>
<meta charset="utf-8" />
<title>dokieli</title>
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link href="media/css/basic.css" media="all" rel="stylesheet" title="Basic" />
<link href="media/css/lncs.css" media="all" rel="stylesheet alternate" title="LNCS" />
<link href="media/css/acm.css" media="all" rel="stylesheet alternate" title="ACM" />
<link href="media/css/do.css" media="all" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css" media="all" rel="stylesheet" />
<link href="media/css/editor.css" media="all" rel="stylesheet" />
<script src="scripts/simplerdf.js"></script>
<script src="scripts/medium-editor.min.js"></script>
<script src="scripts/medium-editor-tables.min.js"></script>
<script src="scripts/do.js"></script>
<!-- Important Owl stylesheet -->
<link rel="stylesheet" href="owl-carousel/owl.carousel.css">
<!-- Default Theme -->
<link rel="stylesheet" href="owl-carousel/owl.theme.css">
<!-- jQuery 1.7+ -->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<!-- Include js plugin -->
<script src="assets/owl-carousel/owl.carousel.js"></script>
</head>
<body about="" prefix="rdf: http://www.w3.org/1999/02/22-rdf-syntax-ns# rdfs: http://www.w3.org/2000/01/rdf-schema# owl: http://www.w3.org/2002/07/owl# xsd: http://www.w3.org/2001/XMLSchema# dcterms: http://purl.org/dc/terms/ dctypes: http://purl.org/dc/dcmitype/ foaf: http://xmlns.com/foaf/0.1/ v: http://www.w3.org/2006/vcard/ns# pimspace: http://www.w3.org/ns/pim/space# cc: http://creativecommons.org/ns# skos: http://www.w3.org/2004/02/skos/core# prov: http://www.w3.org/ns/prov# schema: https://schema.org/ rsa: http://www.w3.org/ns/auth/rsa# cert: http://www.w3.org/ns/auth/cert# cal: http://www.w3.org/2002/12/cal/ical# wgs: http://www.w3.org/2003/01/geo/wgs84_pos# org: http://www.w3.org/ns/org# biblio: http://purl.org/net/biblio# bibo: http://purl.org/ontology/bibo/ book: http://purl.org/NET/book/vocab# ov: http://open.vocab.org/terms/ doap: http://usefulinc.com/ns/doap# dbr: http://dbpedia.org/resource/ dbp: http://dbpedia.org/property/ sio: http://semanticscience.org/resource/ opmw: http://www.opmw.org/ontology/ deo: http://purl.org/spar/deo/ doco: http://purl.org/spar/doco/ cito: http://purl.org/spar/cito/ fabio: http://purl.org/spar/fabio/ oa: http://www.w3.org/ns/oa# as: http://www.w3.org/ns/activitystreams# solid: http://www.w3.org/ns/solid/terms#" typeof="schema:CreativeWork sioc:Post prov:Entity">
<main>
<article about="" typeof="schema:Article doap:Project">
<h1 property="schema:name doap:name">Title Guideline</h1>
<div id="content">
<p id="introduction" property="schema:description doap:shortdesc">Description ... ... ...</p>
<section id="features" inlist="" rel="schema:hasPart" resource="#features">
<div datatype="rdf:HTML" property="schema:description">
<ul>
<li><a href="#context">
<i class="fa fa-2x fa-context"><img alt="Context logo" src="media/images/context.svg" width="128" /></i>
<span>Context</span>
</a></li>
<li><a href="#challenges">
<i class="fa fa-2x fa-challenges"><img class="img-circle" alt="challenges logo" src="media/images/challenges.svg" width="128" /></i>
<span>Challenges</span>
</a></li>
<li><a href="#actions">
<i class="fa fa-2x fa-actions"><img alt="actions logo" src="media/images/actions.svg" width="128" /></i>
<span>Actions</span>
</a></li>
<li><a href="#results">
<i class="fa fa-2x fa-results"><img alt="results logo" src="media/images/results.svg" width="128" /></i>
<span>Results</span>
</a></li>
<li><a href="#impact">
<i class="fa fa-2x fa-impact"><img alt="impact logo" src="media/images/impact.svg" width="128" /></i>
<span>Impact</span>
</a></li>
<li><a href="#scalingup">
<i class="fa fa-2x fa-scalingup"><img alt="Scaling Up logo" src="media/images/scalingup.svg" width="128" /></i>
<span>Scaling Up</span>
</a></li>
</ul>
<script>//<![CDATA[
var actionMenu = document.querySelectorAll('.action-menu');
for (var i = 0; i < actionMenu.length; i++) {
actionMenu[i].addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
if (document.body.classList.contains('on-document-menu')) {
DO.U.hideDocumentMenu(e);
}
else {
DO.U.showDocumentMenu(e);
}
});
}
//]]></script>
</div>
</section>
<section id="context" inlist="" rel="schema:hasPart" resource="#context">
<h2 property="schema:name">Context</h2>
<div datatype="rdf:HTML" property="schema:description">
<p>bla bla bla.</p>
<p>bla bla bla</p>
</div>
</section>
<section id="challenges" inlist="" rel="schema:hasPart" resource="#challenges">
<h2 property="schema:name">Challenges</h2>
<div datatype="rdf:HTML" property="schema:description">
<p>bla bla bla.</p>
<p>bla bla bla</p>
</div>
</section>
<section id="actions" inlist="" rel="schema:hasPart" resource="#actions">
<h2 property="schema:name">Actions</h2>
<div datatype="rdf:HTML" property="schema:description">
<p>bla bla bla.</p>
<p>bla bla bla</p>
</div>
</section>
<section id="results" inlist="" rel="schema:hasPart" resource="#results">
<h2 property="schema:name">Results</h2>
<div datatype="rdf:HTML" property="schema:description">
<p>bla bla bla.</p>
<p>bla bla bla</p>
</div>
</section>
<section id="impact" inlist="" rel="schema:hasPart" resource="#impact">
<h2 property="schema:name">Impact</h2>
<div datatype="rdf:HTML" property="schema:description">
<p>bla bla bla.</p>
<p>bla bla bla</p>
<code style=display:block;white-space:pre-wrap>
<video poster="http://www.html5rocks.com/es/tutorials/video/basics/star.png" id="video-canvas-frames" controls="" >
<source src="http://www.html5rocks.com/es/tutorials/video/basics/Chrome_ImF.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"">
<source src="http://www.html5rocks.com/es/tutorials/video/basics/Chrome_ImF.webm" type="video/webm; codecs="vp8, vorbis"">
<source src="http://www.html5rocks.com/es/tutorials/video/basics/Chrome_ImF.ogv" type="video/ogg; codecs="theora, vorbis"">
</video>
</code>
<video poster="http://www.html5rocks.com/es/tutorials/video/basics/star.png" id="video-canvas-frames" controls="" >
<source src="http://www.html5rocks.com/es/tutorials/video/basics/Chrome_ImF.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"">
<source src="http://www.html5rocks.com/es/tutorials/video/basics/Chrome_ImF.webm" type="video/webm; codecs="vp8, vorbis"">
<source src="http://www.html5rocks.com/es/tutorials/video/basics/Chrome_ImF.ogv" type="video/ogg; codecs="theora, vorbis"">
</video>
</div>
</section>
<section id="scalingup" inlist="" rel="schema:hasPart" resource="#scalingup">
<h2 property="schema:name">Scaling Up</h2>
<div datatype="rdf:HTML" property="schema:description">
<p>bla bla bla.</p>
<p>bla bla bla</p>
</div>
</section>
</div>
</article>
</main>
<footer>
<section rel="schema:hasPart" resource="#help-and-shape">
<div class="footer">
<div class="row">
<div class="col-md-9 col-md-push-3">
<img src="http://giv-oct.uni-muenster.de:5000/img/oct-logo@2x.png" alt="GEO-C" width="128" title="GEO-C">
</div>
<div class="col-md-3 col-md-pull-9"><p>
<a href="https://geo-c.eu">Project website</a>. Supported by <a href="https://github.com/linkeddata/dokieli">dokieli</a>.</p>
</div>
</div>
</div>
</section>
</footer>
</body>
</html>