-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
277 lines (256 loc) · 10.8 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
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Introducing Cloud68</title>
<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
<meta name="author" content="Hakim El Hattab">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/black.css" id="theme">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/monokai.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section data-background="assets/poster.jpg">
<h1>Introducing Cloud68</h1>
<p>
<!--<small>Created by <a href="http://hakim.se">Hakim El Hattab</a> and <a href="https://github.com/hakimel/reveal.js/graphs/contributors">contributors</a></small>-->
</p>
</section>
<section>
<section data-background="assets/my-name-is.jpg">
<h2>Let's start with the basics</h2>
<p>Who am I?</p>
</section>
<section data-background="#D4145A">
<h2>My name is Boris Budini</h2>
<h3 class="fragment">I come from Albania</h3>
<p class="fragment">And I'm really excited to attend my first FOSSCOMM</p>
</section>
<section data-background="assets/lego.jpg">
<h1>I am a part of</h1>
<h3 class="fragment">Open Labs Hackerspace</h3>
<h3><span class="fragment">Collective 68</span><span class="fragment">, Cloud68</span> <span class="fragment">& CityZenApp</span></h3>
</section>
<section data-background="#D4145A">
<h1>And the most important thing about me is..</h1>
</section>
<section data-background="assets/topkek.gif">
<h2>I love cats</h2>
<h4>Her name's TopKek</h4>
</section>
</section>
<section>
<section data-background="assets/story.jpg">
<h2>Enough about me</h2>
<p>Let's start with a <em>story</em></p>
</section>
<section data-background="assets/internet.jpg">
<h2>Back in 1989</h2>
<p>A smart fella named Tim Berners Lee did something</p>
<p class="fragment">That revolutionalized the way we communicate</p>
</section>
<section data-background="#F15A24">
<h2>Simpler times</h2>
<p>And at first, it wasn't as ginormous as it is today</p>
</section>
<section data-background="#F15A24">
<h2>Here's how it used to work back then</h2>
<p>Computers ran code, and served it to the users that wanted to see the output</p>
</section>
<section data-background="#F15A24">
<h2>But there was a problem</h2>
<p>Who was going to pay for these computers?</p>
<p class="fragment">The developers couldn't afford them</p>
<p class="fragment">And the user didn't want to pay for each site that they would access</p>
</section>
<section data-background="#F15A24">
<h2>And so, a "solution" was found</h2>
<p class="fragment">Sites were going to be free to access, granted that you had an internet connection</p>
<p class="fragment">And the developers needed to make money in some other way</p>
<p class="fragment">Which lead them towards the path of</p>
</section>
<section data-background="#F15A24">
<h2>ADVERTISMENTS</h2>
<p class="fragment">But here's the thing</p>
<p class="fragment">The internet isn't a TV</p>
<p class="fragment">Because you have ways of delivering the right content to the right user</p>
</section>
</section>
<section>
<section data-background="#D4145A">
<h2>The realization</h2>
<p class="fragment">If you could analyze the content & data each user consumed</p>
<p class="fragment">You could have a higher propability of those ads being clicked, since they were tailored</p>
<p class="fragment">And therefore, you'd make more money</p>
</section>
<section data-background="#F15A24">
<h2>And the privacy implications?</h2>
<p class="fragment">This was (and still <strong>is</strong>) a huge abuse of privacy</p>
<p class="fragment">But don't worry!</p>
<p class="fragment">Because <strong><span class="fragment">it</span> <span class="fragment">gets</span> <span class="fragment">worse!</span></strong></p>
</section>
</section>
<section>
<section data-background="#D4145A">
<h2>National and international pressure</h2>
<p class="fragment">After attacks such as 9/11 happened</p>
<p class="fragment">The government started to get even more demanding</p>
<p class="fragment">What they wanted, was <span>Backdoors</span></p>
</section>
<section data-background="#F15A24">
<h2>Because</h2>
<p class="fragment">If you monitored every citizen of every country</p>
<p class="fragment">You can (<strong>theoratically</strong>) prevent terroists</p>
<p style="font-size: 41px;"><span class="fragment">Certainly this power wasn't going to be abused</span><span class="fragment">.. Right?</span></p>
</section>
<section data-background="#F15A24">
<h2>And that's what they started to do</h2>
<p class="fragment">Without telling anyone anything</p>
<p class="fragment">Until whistleblowers spoke out</p>
<p class="fragment">Such as <span>Snowden</span>, who exposed everything the NSA was doing</p>
</section>
<section>
<h2>PRISM</h2>
<p class="fragment">NSA was using big platforms</p>
<p class="fragment">To gather more data from us</p>
<p class="fragment">With the help of</p>
<p><span class="fragment" style="color: #17ff2e;">Google, </span><span class="fragment" style="color: #1b91ff;">Facebook, </span><span class="fragment" style="color: #ff2c2d;">Microsoft</span></p>
</section>
</section>
<section data-background="#D4145A">
<h2>Let's recap</h2>
<p>Where are we now?</p>
</section>
<section>
<section data-background="#D4145A">
<h2>So is that it?</h2>
<p class="fragment">Should we just give up?</p>
<p class="fragment">And let other people turn us and our privacy into money?</p>
<h2 class="fragment">NO!</h2>
</section>
</section>
<section>
<section data-background="assets/revolution.jpg">
<h2>And so</h2>
<p class="fragment">People fought back</p>
<p class="fragment">And the <strong>IndieWeb</strong> was born</p>
</section>
<section data-background="#F15A24">
<h2>What is this IndieWeb thingie?</h2>
<p class="fragment">It's an alternative to the Big Data Companies</p>
<p class="fragment">A way to rebel against Google, Facebook, Microsoft</p>
<p class="fragment">It is diverse & powerful</p>
</section>
<section data-background="#F15A24">
<h2>Cool but where do I download it?</h2>
<p>That's not how it works.</p>
<p class="fragment">You host platforms (programs) on a computer and serve that platform over the internet</p>
<p class="fragment">Do you see the problem here?</p>
</section>
<section data-background="#F15A24">
<h2>Not everyone is<br>tech-literate</h2>
<p>My mom doesn't even know how to search on Google</p>
<p class="fragment"> Let alone run and operate a software stack</p>
</section>
<section data-background="#F15A24">
<h2>But the IndieWeb is so powerful though</h2>
<p>Not only powerful, but also
<ul>
<li class="fragment">diverse (many different platforms)</li>
<li class="fragment">transparent (open source software that you host yourself)</li>
<li class="fragment"><strong>free</strong> (as in freedom)</li>
</ul>
</p>
<p class="fragment">We can't let people miss out on it</p>
</section>
</section>
<section data-background="#D4145A">
<h2>So what can be done?</h2>
<p>We can help eachother</p>
<p>And help those who are tech illiterate</p>
</section>
<section data-background="#D4145A">
<h2>Introducing</h2>
<p>IndieWeb hosters</p>
<ul class="fragment">
<li>Cloud68</li>
<li>IndieHosters</li>
<li>And many more</li>
</ul>
</section>
<section>
<section data-background="#60adff">
<h2>About Cloud68</h2>
<p>We are firm believers that you should be in control of your data</p>
</section>
<section data-background="#662d91">
<h2>Which is why we only host platforms that are open source and respect open standards</h2>
<p class="fragment">We offer encryption</p>
<p class="fragment">And a variety of platforms</p>
<p class="fragment">You can always check us out at <a href="https://cloud68.co" target="_blank">cloud68.co</a></p>
</section>
</section>
<section data-background="#D4145A">
<h2>Is this the solution</h2>
<p> No. It is not</p>
</section>
<section data-background="#D4145A">
<h2>In an ideal world</h2>
<p>Everyone is tech literate</p>
</section>
<section data-background="#D4145A">
<h2>But until then</h2>
<p>We have to find other ways to fight mass surveillance</p>
</section>
<section data-background="#D4145A">
<h2>And with that</h2>
<p class="fragment"> I want to give all of you a big thank you</p>
<p class="fragment"> And if you have any questions, now's your chance</p>
</section>
<section data-background="assets/qa.jpg">
<h2>Q&A</h2>
<p>Don't be shy</p>
</section>
</div>
</div>
<script src="js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
center: true,
hash: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true },
{ src: 'plugin/search/search.js', async: true },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>