-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
248 lines (218 loc) · 9.99 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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Digirights.info">
<meta name="author" content="Digirights.info">
<title>Digirights.info</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top">
<div class="container">
<a class="navbar-brand" href="#">Digirights.info</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="http://okffi-prod1.kapsi.fi/digirightsinfo/enroll-now/">Enroll NOW!</a>
</li>
</ul>
</div>
</div>
</nav>
<header>
<div class="container">
<div class="jumbotron">
<div class="video">
<video id="tvideo" preload="auto" muted autoplay loop style="width:100%; height:100%">
<source id="mp4" src="assets/bgenhover.mp4" type="video/mp4">
<p>Your browser does not support HTML5 Video!</p>
</video>
</div>
<div class="overlay">
<a href="#" class="titles"><p>GDPR for citizens</p></a>
</div>
</div>
</div>
</header>
<section>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<div class="p-5 embed-responsive embed-responsive-16by9">
<p><iframe class="embed-responsive-item" src="https://www.youtube.com/embed/b0uPvIyfT18" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></p>
</div>
</div>
<div class="col-lg-6 order-lg-1">
<div class="p-5">
<h2 class="display-7">Digital Rights for Citizens is a MOOC created by <a href="http://okf.fi" target="_blank">Open Knowledge Finland</a> and funded by <a href="https://www.internetsociety.org/" target="_blank">Internet Society</a> and <a href="https://eurooppatiedotus.fi/" target="_blank">Eurooppatiedotus</a> to help citizens understand and execute new rights in daily life.</h2>
</div>
</div>
</div>
</div>
</section>
<section style="margin-top: 5em; background-color: rgba(0,0,0,.05);">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<div class="p-5">
<img class="img-fluid" src="assets/linssi.svg" alt="Who is this for?">
</div>
</div>
<div class="col-lg-6 order-lg-1">
<div class="p-5">
<h2 class="display-4">Who is this for?</h2>
<p>Digital Citizen Rights can be complicated but we’re working on putting their essentials in a language anyone can understand.</p>
<p>You don’t have to be a lawyer to take to course but come as yourself, an average citizen interested in having more control over your online life.</p>
<p>This course is for you if you’re thinking about questions such as:</p>
<ul class="lead">
<li>How can I stop irrelevant telemarketing</li>
<li>Why and how do companies use my Loyalty Card data?</li>
<li>How can I find information on how organizations use my data?</li>
<li>What benefits could I receive if I was able to receive my data?</li>
<li>What would a society look like where I would be able to transfer My Data as needed?</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="p-5">
<img class="img-fluid" src="assets/digirights-data-robot-2.jpg" alt="When can I Join in?">
</div>
</div>
<div class="col-lg-6">
<div class="p-3">
<h2 class="display-4">When can I join in?</h2>
<p>The first opportunity to take the course begins on<br/> <strong>Monday 6.11.2018</strong></p>
<p><a class="btn btn-success btn-lgt" href="http://okffi-prod1.kapsi.fi/digirightsinfo/enroll-now/" target="_blank" role="button">Enroll NOW</a>
</p>
</div>
</div>
</div>
<hr />
</div>
</section>
<section>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-1">
<div class="p-5">
<h2 class="display-5">Outcomes for learners</h2>
<p>Upon completion, learners will be able to:</p>
<ul class="lead">
<li>Understand what are the new digital rights and why should we care</li>
<li>Have an idea of how to find out what an organization is using your data for</li>
<li>Understand what types of personal data the organization is collecting</li>
<li>Gain access to personal data</li>
<li>Erase personal data from unwanted parties</li>
<li>Evaluate what type of benefits you might get from your personal data</li>
<li>Understand cases and examples from different industries</li>
<li>Get a glimpse into to future of the personal data society and understand the MyData and data portability opportunity</li>
</ul>
</div>
</div>
<div class="col-lg-6 order-lg-2">
<div class="p-5">
<img class="img-fluid" src="assets/tieskari.svg" alt="outcomes for learners">
</div>
</div>
</div>
<hr />
</div>
</section>
<section>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<div class="p-5">
<img class="img-fluide" src="assets/palat.svg" alt="Course modules">
</div>
</div>
<div class="col-lg-6 order-lg-2">
<div class="p-5">
<h2 class="display-5">Course modules</h2>
<ol class="lead">
<li>Why Should We Citizens Care About Our Digital Rights?</li>
<li>GDPR in a Nutshell</li>
<li>The Ecosystem of Your Personal Data</li>
<li>Understanding and requesting your data</li>
<li>Exercising your digital rights</li>
<li>Special Digital Rights</li>
<li>The Future of Digital Citizen Rights: MyData – Personal Data at Your Disposal</li>
</ol>
</div>
</div>
</div>
<hr />
</div>
</section>
<section>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4">
<div class="p-5">
<a href="http://okf.fi/" target="_blank"> <img class="img-fluid" src="assets/logo-okfi.jpg" alt="Open Knowledge Finland"></a>
</div>
</div>
<div class="col-lg-4">
<div class="p-5">
<a href="https://eurooppatiedotus.fi/" target="_blank"> <img class="img-fluid" src="assets/logo-eurooppatiedotus.jpg" alt="Open Knowledge Finland"></a>
</div>
</div>
<div class="col-lg-4">
<div class="p-5">
<a href="https://www.internetsociety.org/" target="_blank"> <img class="img-fluid" src="assets/logo-internetsociety.jpg" alt="Open Knowledge Finland"></a>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="py-5 bg-black">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4">
<div class="p-5">
<a href="http://digirights.info"><img src="assets/logo-digirights.svg" alt="Digirights.info" /></a>
</div>
</div>
<div class="col-lg-4">
<div class="p-5">
<ul class="list-unstyled text-white">
<li><a href="https://www.facebook.com/groups/480060989056949/" target="_blank">GDPR for Citizens Facebook group</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="p-5">
<p class="text-white">This MOOC is created by <br/><a href="https://fi.okfn.org/new-digital-rights-mooc/" target="_blank">New Digital Rights project.</a></p>
</div>
</div>
</div>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript CDN -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.overlay').mouseout(function() {
$('#tvideo').get(0).currentTime = 0;
});
});
</script>
</body>
</html>