This repository has been archived by the owner on Nov 19, 2020. It is now read-only.
forked from oSoc15/website
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
161 lines (152 loc) · 7.93 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
<!DOCTYPE html>
<html>
<head>
<title>Datawijs</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Datawijs is een interactieve videoreeks die jongeren Open Data laat ontdekken.">
<meta name="author" content="Datawijs team, Open Knowledge Belgium">
<meta name="viewport" content="width=device-width">
<meta property="og:title" content="Datawijs" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://datawijs.be" />
<meta property="og:image" content="http://datawijs.be/images/logo.png" />
<meta property="og:description" content="Datawijs is een interactieve videoreeks die jongeren Open Data laat ontdekken." />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@OpenKnowledgeBE">
<meta name="twitter:title" content="Datawijs">
<meta name="twitter:description" content="Datawijs is een interactieve videoreeks die jongeren Open Data laat ontdekken.">
<meta name="twitter:image" content="http://datawijs.be/images/logo.png" />
<meta name="twitter:url" content="http://datawijs.be/" />
<link rel="stylesheet" href="css/index.css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:600,400" rel="stylesheet" type="text/css">
<script src="bower_components/modernizr/modernizr.js"></script>
<!-- FAVICONS -->
<link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="images/favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/favicon/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="images/favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/favicon/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="images/favicon/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="images/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#FFFFFF">
<!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
<script type="text/javascript">
window.cookieconsent_options = {"message":"This website uses cookies to ensure you get the best experience on our website","dismiss":"Got it!","learnMore":"More info","link":"null","theme":"dark-bottom"};
</script>
<script type="text/javascript" src="js/cookieconsent.min.js"></script>
<!-- End Cookie Consent plugin -->
</head>
<body>
<div class="page">
<header class="header">
<nav class="nav container" role="navigation">
<span class="logo pull-left">
<a href="#" class="scrollTop">Datawijs.be</a>
</span>
<ul>
<li><a href="#partners" data-target="partners" class="scroll">Partners</a></li>
<li><a href="#FAQ" data-target="FAQ" class="scroll">FAQ</a></li>
</ul>
</nav>
</header>
<main>
<div class="videowrapper">
<iframe width="970" height="571" src="klynt-video.html" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>
</div>
<article class="faq" id="FAQ">
<div class="container">
<h2>FAQ</h2>
<div class="newspaper">
<div>
<h3>Wat is Datawijs?</h3>
<p>
Datawijs is een interactieve videoreeks om jongeren wegwijs te maken in Open Data. We tonen je de basis van Open Data en je kan zelf aan de slag gaan met echte Open Data om een interactieve tijdslijn, map of visualisatie te maken.
</p>
</div>
<div>
<h3>Wat zijn Open Data?</h3>
<p>
Open data zijn data die je vrij mag gebruiken, herbruiken en opnieuw verspreiden. Zonder enige vorm van beperking, tenzij in het uiterste geval met de eis tot bronvermelding en gelijk delen. En als dat je nog niet wijzer maakt bekijk je best de videoreeks. Die zal alles duidelijk maken.
</p>
</div>
<div>
<h3>Hoe werkt het?</h3>
<p>
Datawijs is een interactieve videoreeks, wat wil zeggen dat je zelf kiest hoeveel filmpjes je bekijkt en in welke volgorde. Enkele videos bevatten ook opdrachten en kan je op de weblinks in de filmpjes klikken als je meer informatie over het onderwerp wil.
</p>
</div>
</div>
</div>
</article>
<article class="partners" id="partners">
<div class="container">
<h2>Een initiatief van:</h2>
<ul class="grid">
<li>
<a href="http://www.openknowledge.be/" title="Open Knowledge Belgium" target="_blank"><img src="images/logo-openknowledgebe.svg" alt="Open Knowledge Belgium"></a>
</li>
<li>
<a href="http://www.mediaraven.be/" title="Mediaraven" target="_blank"><img src="images/logo-mediaraven.png" alt="Mediaraven"></a>
</li>
</ul>
</div>
<div class="container">
<h2>CICI-Project dankzij:</h2>
<ul class="grid">
<li>
<a href="http://www.flandersdc.be/" title="Flanders DC" target="_blank"><img src="images/logo-flandersdc.png" alt="Flanders DC"></a>
</li>
<li>
<a href="http://www.iwt.be/" title="IWT" target="_blank"><img src="images/logo-IWT.png" alt="IWT"></a>
</li>
<li>
<a href="https://www.vlaanderen.be" title="Vlaanderen" target="_blank"><img src="images/logo-vlaanderen.png" alt="Vlaanderen"></a>
</li>
</ul>
</div>
</article>
</main>
<footer class="footer">
<div class="container">
<p>
<span class="logo">
<a href="#" class="scrollTop">Datawijs.be</a>
</span>
</p>
<p>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons-Licentie" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Datawijs</span> van <a xmlns:cc="http://creativecommons.org/ns#" href="www.openknowledge.be" property="cc:attributionName" rel="cc:attributionURL">Open Knowledge Belgium</a> is in licentie gegeven volgens een <br> <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Naamsvermelding-GelijkDelen 4.0 Internationaal-licentie</a>.
</p>
<p>
Broncode website vrij terug te vinden op
<a href="https://github.com/openknowledgebe/datawijs">GitHub</a>.
<br>Videomateriaal vrij terug te vinden op
<a href="https://vimeo.com/channels/datawijs/">Vimeo</a>.
<br>Website ontwikkeld door
<a href="https://twitter.com/sandmeert">@sandmeert</a>.
</p>
</div>
</footer>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69345964-1', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="Player/js/libs/jquery-1.10.2.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>