index.html

﻿<!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>