-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
339 lines (259 loc) · 12.3 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
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>BFC Orientation</title>
<meta name="description" content="Opening presentation about the spirit of FOSS and Mozilla">
<meta name="author" content="BITS Firefox Community">
<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">
<link rel="stylesheet" href="css/reveal.min.css">
<link rel="stylesheet" href="css/theme/default.css" id="theme">
<!-- For syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<h1>BFC Orientation</h1>
<h3>Bon Voyage towards FOSS and Mozilla</h3>
<p>
<h6 "fragment highlight-red">Talk by</h6>
<small> <a href="https://www.facebook.com/gokul.krishnan.963"> Gokula Krishnan</a> <br>
<a href="https://www.facebook.com/sidcode94">Siddhant Shrivastava</a> <br>
<a href="https://www.facebook.com/pulipaka.subrahmanyam">Subrahmanyam Pulipakka</a> </small>
</p>
<br>
<h5 style="color:cyan;">Date : 21st Jan 2014 </h5>
<h5 style="color:cyan;">Venue : LTC 5101 </h5>
</section>
<section>
<h2 class="fragment highlight-red">FOSS ? What's that ?</h2>
<p class="fragment">... Any Guesses ? ...</p>
<p class="fragment" style="color:cyan;">FOSS stands for Free and Open Source Software</p>
<aside class="notes">
FOSS Notes
</aside>
</section>
<!-- Example of nested vertical slides -->
<section>
<section>
<h2 class="fragment highlight-red">Why FOSS ?</h2>
<p class="fragment">
Free as in FREEdom, Free Speech, and Free hugs !
</p>
<p class="fragment">
Open in the sense of easy access to source code to everyone !
</p>
<p class="fragment" style="color:cyan;">
FOSS provides THREE ( 3 ) S's - <font color="cyan">Serve , Study , Share !</font></p>
<a href="#" class="image navigate-down">
<img class="fragment" width="400" height="300" src="http://abc123pics.com/images/kulor_site.jpg" alt="Foss">
</a>
<br>
</section>
<section>
<h2 class="fragment highlight-red">Serve</h2>
<p class="fragment">Provide Full Freedom to use the software to meet the requirements</p>
<a class="fragment" href="#">
<img width="400" height="326" src="http://penguinpetes.com/images/FOSS_is_freedom.jpg" alt="Unicorn">
</a>
</section>
<section>
<h2 class="fragment highlight-red">Study</h2>
<p class="fragment">Full freedom to Study "How the Software is Developed" and to Modify it</p>
<a class="fragment" href="#">
<img width="800" height="500" src="img/kernel.png" alt="Unicorn">
</a>
</section>
<section>
<h2 class="fragment highlight-red">Share</h2>
<p class="fragment">Freedom to redistribute the original and modified versions of the software</p>
<a href="#/2" class="image" >
<img class="fragment" width="400" height="326" src="http://pearlrichards.files.wordpress.com/2010/12/open-source-vs-free-software-tim-oreilly-richard-stallman-485.jpg" alt="">
</a>
</section>
</section>
<section>
<h2 class="fragment highlight-red" > Trends in Open Source </h2>
<tr>
<td>
<img width="400" height="500" src="img/trends.png" alt="Unicorn">
</td>
<td> </td>
<td> </td>
<td> </td>
<td>
<img width="400" height="500" src="img/trends2.png" alt="Unicorn">
</td>
</tr>
</section>
<section>
<h2 class="fragment highlight-red">Who makes FOSS ?</h2>
<ul>
<li class="fragment">Collaborative Effort of a large number of people</li>
<li class="fragment">Like minded individuals sharing their Knowledge</li>
<li class="fragment">Only aim: To make good software better</li>
<li class="fragment">Don't have deadlines or strict hierarchies</li>
</ul>
</section>
<section>
<h2 class="fragment highlight-red">How does Linux work?</h2>
<video src="vid/linux.mp4" controls></video>
</section>
<section>
<h2 class="fragment highlight-red">What can you do with FOSS?</h2>
<ul>
<li class="fragment">Reuse, modify, build, and integrate software based on the available systems </li>
<li class="fragment">Customize and modify software according to need</li>
<li class="fragment"> Involve yourself in helping out millions of people like you, and get credit along the way</li>
</ul>
</section>
<section>
<h2 class="fragment highlight-red" >How to get started with the FOSS life?</h2>
<ul>
<li class="fragment">Watch out for BITS Firefox Community's future lecture sessions </li>
<li class="fragment"> Install a Linux distro ( We'll help you with that if you want).</li>
<li class="fragment"> Start using revision control (Git, Mercurial, etc)</li>
<li class="fragment"> Make the free OS your primary one.</li>
<ul>
<li class="fragment">Sage, Octave, R for your Math assignments</li>
<li class="fragment">LibreOffice/ Apache Open Office</li>
<li class="fragment">VLC, GIMP, Audacity, Blender</li>
</ul>
</ul>
</ul>
</section>
<section data-background="img/firefox1.jpg">
<h1>MOZILLA</h1>
<p class="fragment" style="color:cyan;">Building and Protecting the Web For People !</p>
</section>
<section>
<h2 "fragment highlight-red"> A Different Kind of Browser </h2>
<video src="vid/diff.mp4" controls></video>
</section>
<section data-background="img/bfc.jpg">
<h2>Mozilla - A Brief Intro</h2>
<p class="fragment">Their most popular product</p>
<img class="fragment" src="https://mozorg.cdn.mozilla.net/media/img/contribute/firefox.png?2013-06" height="100" width="100">
<p class="fragment">Developed by the Mozilla Community</p>
<img class="fragment" src="https://mozorg.cdn.mozilla.net/media/img/contribute/dinohead.png" height="100" width="100">
<p class="fragment" style="color:cyan;"> Any changes approved by a majority before being applied !</p>
</section>
<section data-background="img/bfc.jpg">
<h2>Mozilla a Global Community !</h2>
<ul>
<li class="fragment">Community of Volunteers and Enthusiasts</li>
<li class="fragment">Works to protect and shape the web even better</li>
<li class="fragment">Believes Web is the world's biggest public resource and an asset of the people</li>
<li class="fragment">Aiming for an Open Web for OUR goodwill </li>
</ul>
</section>
<section data-background="img/bfc.jpg">
<h2>More About Mozilla ! </h2>
<ul>
<li class="fragment">Mozilla Foundation is a Non-Profit organization that supports Opensource Mozilla Projects</li>
<li class="fragment">Mozilla Foundation apart from being a global community , has it's own subsidiary </li>
<li class="fragment">Mozilla Corporation (MoCo) which is taxable</li>
<li class="fragment" style="color:cyan;"> Mozilla mission is to promote Openness , Innovation and Opportunity on the web (i.e) Open Web </li>
</ul>
</section>
<section data-background="img/bfc.jpg">
<h2> Firefox Products</h2>
<ol>
<li class="fragment"> Desktop - <font color="red"> Firefox and Thunderbird </font></li>
<li class="fragment"> Android - <font color="red"> Firefox for Android</font> </li>
<li class="fragment"> OS - <font color="red"> FirefoxOS</font></li>
<li class="fragment"> Market Place - <font color="red"> A Creation and Distribution platform for apps</font></li>
</ol>
</section>
<section>
<h2> Mozilla Products</h2>
<img src="img/mozprod.png"/>
</section>
<section data-background="img/bfc.jpg">
<h2> Developer Products</h2>
<ol>
<li class="fragment"> Bugzilla - <font color="red"> Bug tracking system</font> </li>
<li class="fragment"> Firebug - <font color="red"> Inspect , analyze and debug </font></li>
<li class="fragment"> XUL runner - <font color="red"> An environment for running XUL based applications</font></li>
<li class="fragment"> Gecko - <font color="red"> Layout Engine</font></li>
<li class="fragment"> Firefox API's - <font color="red"> Foundation for Firefox API's</font></li>
</ol>
</section>
<section data-background="img/bfc.jpg">
<h1> How to Get Involved ? </h1>
<h4 class="fragment highlight-red"> The success of Mozilla mission depends on participation from people like US </h4>
<p class="fragment"> Find an opportunity that interest you and start contributing ! </p>
<img class="fragment" src="http://2.bp.blogspot.com/-R6jdn4DkalU/TaW0usY05xI/AAAAAAAAAAg/zfUCoU8NsIE/s320/best-business-opportunities.jpg" width=200 height=300>
</section>
<section data-background="img/bfc.jpg">
<h2>BFC - What it is and not</h2>
<ul>
<li class = "fragment">Community not Club</li>
</ul>
</section>
<section data-background="img/bfc.jpg">
<h2> Contributing to BFC </h2>
<ul>
<li class="fragment"> Club Organizing team </li>
<li class="fragment"> Communications team </li>
<li class="fragment"> Outreach team </li>
<li class="fragment"> Recruitments team </li>
<li class="fragment"> Events team </li>
<li class="fragment"> Developer relations </li>
<li class="fragment"> Technical team </li>
</ul>
</section>
<section data-background="img/bfc.jpg">
<h2>BFC on the Web</h2>
<ul>
<li><a href="https://www.faceboo`k.com/BitsFirefox">Facebook Page</a></li>
<li><a href="http://bitsfirefox.wordpress.com/">Wordpress Blog</a></li>
<li><a href="https://wiki.mozilla.org/BITS_Firefox_Community">Mozilla Wiki Page</a></li>
<li><a href="bitsfirefox@gmail.com">Email : bitsfirefox@gmail.com</a></li>
</ul>
</section>
<section data-background="img/bfc.jpg">
<h1>Interested ?</h1>
<h5>Interactions tomorrow!</h5>
<h6 class="fragment highlight-red">Venue : Sky Lawns</h6>
<h6 class="fragment highlight-red">Time : 5 pm</h6>
<!-- "<h6 class="fragment highlight-red">Mail: bitsfirefox@gmail.com</h6>" -->
</section>
<section>
<p style="font-size: 100px">Thank You!</p>
<img src="img/redpanda.jpg"\>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.min.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
// Optional libraries used to extend on reveal.js
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, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
// { src: 'plugin/search/search.js', async: true, condition: function() { return !!document.body.classList; } }
// { src: 'plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
</body>
</html>