-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
244 lines (203 loc) · 8.76 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Freeways Association</title>
<meta name="description" content="Freeways-ISI presentation for 2015/2016 opening day powered by reveal.js Framework">
<meta name="author" content="Salim Ben Hadj Hassin">
<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, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="css/reveal.css">
<!--black, white, league, sky, beige, simple, serif, blood, night, moon, solarized-->
<link rel="stylesheet" href="css/theme/black.css" id="theme">
<!-- Code syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Progress TOC-->
<link rel="stylesheet" href="css/toc.css">
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div id="toc-list">
<ul id="ul-toc-list">
<li>Presentation</li>
<li>Some definitions</li>
<li>Free software VS proprietary software</li>
<li>Our activities</li>
<li>Hierarchy</li>
<li>Any questions ?</li>
<li>Contact</li>
</ul>
</div>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section data-transition="convex-in concave-out">
<h1>Freeways Association</h1>
<br>
<p>Presented by <a href="https://www.facebook.com/sb2h0">Salim Ben Hadj Hassin</a></p>
<p><small>Oct. 2015</small></p>
<aside class="notes">
Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard) to see them you must run the slides on a local server.
</aside>
</section>
<section data-transition="convex-in concave-out">
<section>
<h2>Presentation</h2>
</section>
<section>
<h2>Who are we ?</h2>
<!--class = "fragment grow, shrink, fade-out, current-visible, highlight-red, highlight-blue"-->
<p class="fragment">In <font color="red">2004</font> a group of engineering students and a teacher funded a club within ISI to promote free software.</p>
<p class="fragment">After years of working in and out of our institute, <font color="red">Freeways</font> evolved in 2014 from a club to an association.</p>
<p class="fragment">Now we continue the mission just in a <font color="red">bigger</font> scale.</p>
</section>
<section>
<h2>Our principales</h2>
<p class="fragment">Freedom in <font color="red">computing</font> is as crucial as freedom of speech.</p>
<p class="fragment">
Freedom to <font color="red">study</font>, <font color = "red">use</font>, <font color = "red">modify</font> and <font color = "red">distribute </font>a program.
</p>
<p class="fragment">Respect the user's <font color="red">privacy</font>.</p>
</section>
<section>
<h2>Our visions</h2>
<p class="fragment">Promote <font color="red">free software</font> and <font color="red">open hardware</font>.</p>
<p class="fragment">Unite students around the <font color="red">philosophy</font> of Free Software.</p>
<p class="fragment">Getting information with <font color="red">ease</font>.</p>
</section>
<section>
<h2>Our mission</h2>
<p class="fragment"><font color="red">Compete</font> in national and international events.</p>
<p class="fragment"><font color="red">Organise</font> events to gather the Free Software community.</p>
<p class="fragment"><font color="red">Make</font> workshops around free/open technologies.</p>
<p class="fragment"><font color="red">Contribute</font> to open/free projects.</p>
</section>
</section>
<section data-transition="convex-in concave-out">
<section>
<h2>Some definitions</h2>
</section>
<section>
<h2>What is free software / open hardware ?</h2>
<p>“Free as in Freedom”</p>
</section>
<section>
<p>By definition a <font color="red">free software</font> must follow the <a href = "http://www.gnu.org/philosophy/free-sw.html">4 freedoms</a> set by the <a href = "http://www.fsf.org/">Free Software Foundation</a>.</p>
<p>But basacilly it's making the code available for the users.</p>
<p>The same for <font color="red">open hardware</font>, but instead of sharing source code we share designs.</p>
</section>
<section>
<h2>What is a proprietary software ?</h2>
</section>
<section>
<p><font color="red">Proprietary</font> or closed-source software is software that is owned by an individual or a company.</p>
<p>The owner <font color="red">deprives</font> users from all their freedoms.</p>
</section>
</section>
<section data-transition="convex-in concave-out">
<section>
<h2>Free VS proprietary software</h2>
</section>
<section>
<h2>From a technical point of view</h2>
<p class="fragment">Why re-invent the wheel ?</p>
<p class="fragment">Does closed source mean better security ?</p>
<p class="fragment">What is <font color="red">social coding</font> ?</p>
</section>
<section>
<h2>We use FOSS everyday</h2>
<p class="fragment">VLC</p>
<p class="fragment">Linux</p>
<p class="fragment">Firefox</p>
<p class="fragment">Arduino</p>
<p class="fragment">MEAN.io : MongoDB, Express, AngularJS, NodeJS</p>
<p class="fragment">...</p>
</section>
<section>
<h2>From an ethical point of view</h2>
<p class="fragment">How can corporations control the users ?</p>
<p class="fragment">How much do you value your freedom ?</p>
<p class="fragment">Which is impossible with FOSS since the code is accessible</p>
</section>
</section>
<!--data-transition="convex-in concave-out"-->
<section data-transition="convex-in concave-out">
<section>
<h2>Our activities</h2>
</section>
<section>
<h2>Training courses</h2>
<p>Android, FirefoxOS, Python, Java EE, Sécurité, Blender, GitHub, ...</p>
</section>
<section>
<h2>Competitions</h2>
<p>TCPC</p>
<p>Global Game Jam</p>
<p>Impunithon</p>
<p>Hackfest</p>
<p>Parliamanthon</p>
</section>
<section>
<h2>Events</h2>
<p>Software Freedom Day</p>
<p>217</p>
</section>
</section>
<section data-transition="convex-in concave-out">
<section>
<h2>Hierarchy</h2>
</section>
<section>
<img data-src="pics/hierarchy-final.png">
</section>
</section>
<section data-transition="convex-in concave-out">
<h2>Any questions ?</h2>
</section>
<section data-transition="convex-in concave-out">
<h2>Contact</h2>
<p>Website : <a href="http://www.freeways.tn">freeways.tn</a></p>
<p>E-mail : <a href="[email protected]">[email protected]</a></p>
<p>GitHub : <a href="https://github.com/freeways">github.com/freeways</a></p>
<p>Facebook page : <a href="https://www.facebook.com/FreewaysAssociation">fb.com/FreewaysAssociation</a></p>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// Optional reveal.js plugins
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ 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, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
// Changing TOC colors
Reveal.addEventListener( 'slidechanged', function( event ) {
// event.previousSlide, event.currentSlide, event.indexh, event.indexv
var list = document.getElementById("ul-toc-list").getElementsByTagName("li");
for (i = 1; i <= list.length; i++) {
if(event.indexh != i){
list[i-1].style.color = "#fff";
}
}
list[event.indexh-1].style.color = "#42affa";
} );
</script>
</body>
</html>