/
privacyVideo.html
86 lines (83 loc) · 4.29 KB
/
privacyVideo.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
<!DOCTYPE html>
<html>
<head>
<title>Online Privacy Video's</title>
<link rel="stylesheet" type="text/css" href="styles/privacyVideo.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="js/privacyVideo.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">Online Privacy</a>
</div>
<ul class="nav navbar-nav">
<li><a href="privacyVideo.html">Zet jij je leven op Internet?</a></li>
<li><a href="contribute.html">Help ons</a></li>
</ul>
</div>
</nav>
<!-- Main container -->
<div class="container-fluid" id="background">
<!-- Header -->
<div class="container-fluid" id="header">
<h2 id="title3"><span>Zet jij je leven zomaar op het internet?</span></h2>
</div>
<div class="container-fluid" id="headerSub">
<h3 id="h3">Privacy is een grondrecht. Niemand is verplicht zijn persoonlijke leven te delen. Toch doen veel mensen dat, want een app kan niet worden gebruikt zonder gegevens en het is zo leuk om een video te plaatsen. Wat doe jij? Zet jij alles op het web:</h3>
<div id="buttons">
<button id="answerOne">JA</button>
<button id="answerTwo">NEE</button>
</div>
</div>
<!-- Videos -->
<div class="container-fluid" id="video">
<h1>Video's</h1>
<div class="row">
<div class="col-sm-3" id="videoKind">
<iframe width="300" height="350" src="https://www.youtube.com/embed/KA6DtKFjy_8" frameborder="0" allowfullscreen></iframe>
<button id="dropbtnKind">Jonas Couzy (10)</button>
<div class="slideText" id="kind">
<h4>'Ik vind dat mijn Instagram Ajax-fan account best door iedereen mag worden bekeken'</h4>
<h5>Jonas (10) weet al goed hoe hij zijn privacy moet beschermen op het internet. Zijn YouTube-account is weliswaar tot zijn ongenoegen door zijn ouders op privè gezet, hij weet ook waarom. Als hij een keer zijn broertje pest en dat op YouTube zet, dan kan dat later bij een sollicitatie terugkomen. Dan denken ze misschien dat hij een pestkop is, terwij die video van lang geleden is. Zijn Instagram account staat ook op privè, maar zijn Instagram Ajax-account mag wat hem betreft wel openbaar. Zoiets moet iedereen toch kunnen zien?</h5>
</div>
</div>
<div class="col-sm-3" id="videoVolw">
<iframe width="300" height="350" src="https://www.youtube.com/embed/85mu9PLWCuI" frameborder="0" allowfullscreen></iframe>
<button id="dropbtnVolw">Betaal met privacy</button>
<div class="slideText" id="volw">
<h4>Gratis gebruik van app's bestaat niet, want je betaalt altijd met foto's en vrienden</h4>
<h5>Soms lijkt het dat Facebook, Instagram of andere social media gratis is. Dat is niet waar. Je betaalt met je persoonlijke gegevens, met de vrienden die je op de foto zet en deelt, de locatie waar je bent en als je veel post, met alles wat je door een dag heen doet. Al die gegevens worden opgeslagen en gebruikt om je andere producten te verkopen. Zo komt het dat je zonnige vakanties in je tijdlijn krijgt, zodra je met je vrienden over vakantie hebt gesproken. Banken willen je graag hypotheekadvies gevens als je funda.nl op Instagram liked. Het is dus domweg reclame. </h5>
</div>
</div>
</div>
</div>
</div>
<!--Footer-->
<div class="container-fluid" id="footer">
<div id="toTop">
<a href="#header">Naar boven</a>
</div>
<div id="toLinks">
<a href="http:/www.facebook.com" target="_blank">
<img src="images/icon_facebook.png" alt="image" width="40">
</a>
<a href="http:/www.twitter.com" target="_blank">
<img src="images/icon_twitter.png" alt="image" width="40">
</a>
<a href="http:/www.instagram.com" target="_blank">
<img src="images/icon_instagram.png" alt="image" width="40">
</a>
<a href="http:/www.youtube.com" target="_blank">
<img src="images/icon_youtube.png" alt="image" width="40">
</a>
</div>
</div>
</body>
</html>