-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
400 lines (379 loc) · 18.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
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
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
<!DOCTYPE html>
<html lang="en">
<head>
<title>FreeCodeCamp Vienna</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css">
<link rel="stylesheet" href="./styles.css">
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
</head>
<body>
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper teal">
<a href="#" class="brand-logo">FreeCodeCampVienna</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="https://www.meetup.com/fccvienna/"><i class="fa fa-meetup material-icons" aria-hidden="true"></i></a></li>
<li><a href="https://github.com/FCCVienna/FCCVienna"><i class="fa fa-github material-icons" aria-hidden="true"></i></a></li>
<li><a href="https://www.facebook.com/groups/free.code.camp.vienna.austria"><i class="fa fa-facebook material-icons" aria-hidden="true"></i></a></li>
<li><a href="https://twitter.com/freecodecampvie"><i class="fa fa-twitter material-icons" aria-hidden="true"></i></a></li>
</ul>
</div>
</nav>
</div>
<div class="parallax-container" id="steinbauer1">
<div class="parallax"><img src="https://images.unsplash.com/photo-1466656528034-6b43e26d9834?dpr=2&auto=format&fit=crop&w=1080&h=268&q=80&cs=tinysrgb&crop=" onerror="brokenImage('./images/steinbauer1ultra.jpg','steinbauer1')" alt="Background picture showing a view of Vienna"
/></div>
</div>
<div id="steinbauer1new" style="display:none"></div>
<div class="section teal">
<div class="row container center">
<h2>The official local group of</h2>
<h3><a href="https://www.freecodecamp.org/" class="teal-text text-darken-4">FreeCodeCamp</a> in Vienna, Austria</h3>
<img src="./images/austriaflag.png" alt="Flag of Austria" height=100em />
</div>
</div>
<div class="section teal">
<div class="row center">
<div class="row">
<div class="col s12 m4">
<div class="card teal darken-4">
<div class="card-content white-text">
<span class="card-title">Shared Values</span>
<h2><i class="fa fa-free-code-camp large" aria-hidden="true"></i></h2>
<p>We completely share the values and ideas of the FreeCodeCamp platform.</p>
</div>
<div class="section card-hover">
<a href="https://www.freecodecamp.org/" target="_blank">FreeCodeCamp.org</a> is a place, where you can learn how to code - for free
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card teal darken-4">
<div class="card-content white-text">
<span class="card-title">Exchange</span>
<h2><i class="fa fa-connectdevelop large" aria-hidden="true"></i></h2>
<p>We connect developers and help beginners. We get people into coding.</p>
</div>
<div class="section card-hover">Get in touch with us on <a href="https://www.facebook.com/groups/free.code.camp.vienna.austria">Facebook</a> or <a href="https://twitter.com/freecodecampvie">Twitter</a>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card teal darken-4">
<div class="card-content white-text">
<span class="card-title">Events</span>
<h2><i class="fa fa-calendar large" aria-hidden="true"></i></h2>
<p>We organize events, talks, coding sessions and just have fun. :) </p>
</div>
<div class="section card-hover">See our next event on <a href="https://www.meetup.com/fccvienna/" target="_blank">meetup</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel carousel-slider">
<div class="carousel-fixed-item center middle-indicator">
<div class="left">
<a class="movePrevCarousel middle-indicator-text waves-effect waves-light content-indicator" href="Previo" >
<i class="fa fa-angle-left material-icons"></i>
</a>
</div>
<div class="right">
<a href="Siguiente" class=" moveNextCarousel middle-indicator-text waves-effect waves-light content-indicator">
<i class="fa fa-angle-right material-icons"></i>
</a>
</div>
</div>
<a class="carousel-item" href="#"><img src="images/team/team1.jpg"></a>
<a class="carousel-item" href="#"><img src="images/team/team3.jpg"></a>
<a class="carousel-item" href="#"><img src="images/team/team4.jpg"></a>
<a class="carousel-item" href="#"><img src="images/team/team5.jpg"></a>
<a class="carousel-item" href="#"><img src="images/team/team6.jpg"></a>
<a class="carousel-item" href="#"><img src="images/team/team7.jpg"></a>
</div>
<div class="section teal darken-1">
<div class="container row">
<div class="col s12 m4">
<h3 class="center">Goals</h3>
<p>Connecting people with similar ambitions in real life and provide a platform for exchange and improvement. Everybody with an interest in coding is welcome. We are leading the local FCC Group in Vienna and provide monthly meetups for members.</p>
</div>
<div class="col s12 m8">
<h3 class="center">Program</h3>
<div class="row">
<div class="col s12 m6">
<dl>
<dt>Showcase</dt>
<dd> A person guiding the audience through a codebase they are currently working on.</dd>
<dt>Discussion Circle</dt>
<dd> Setting different topics and letting the audience discuss.</dd>
</dl>
</div>
<div class="col s12 m6">
<dl><dt>Presentations and Talks</dt>
<dd> Different topics with following QA</dd>
<dt>Coding Sessions</dt>
<dd> Mob Sessions</dd>
<dd> FCC Algorithms</dd>
<dd> Other small Algorithms</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="section teal">
<div class="container row">
<div class="col s12 m12 center">
<h3>Sponsors</h3>
<p>We are always looking for sponsors! </br>
<a class="teal-text text-darken-4" href="#about">Get in contact with one of the organizers to discuss further details.</a>
</p>
</div>
</div>
<div class="container row" style="padding: 20px 0;">
<div class="col s12 m3"><a class="sponsor-logo" href="http://www.sektor5.at/">
<img class="center-block" src="./images/sektor5-logo.png" alt="sektor5">
</a></div>
<div class="col s12 m3"><a class="sponsor-logo" href="http://www.stockwerk.co.at/">
<img class="center-block" src="./images/stockwerk-logo.png" alt="Stockwerk">
</a></div>
<div class="col s12 m3"><a class="sponsor-logo" href="http://kivu.tech/"><img class="center-block" src="./images/kivu-logo.png" alt="KIVU"></a></div>
<div class="col s12 m3"><a class="sponsor-logo" href="http://101.at/"><img class="center-block" src="./images/101-logo.png" alt="101CodingDesign"></a></div>
</div>
<div class="container row" style="padding: 20px 0;">
<div class="col s12 m3"><a class="sponsor-logo" href="www.codefactory.wien">
<img class="center-block" src="./images/codeFactory-logo.jpg" alt="codeFactory">
</a></div>
<div class="col s12 m3"><a class="sponsor-logo" href="https://ebcont.com/"><img class="center-block" src="./images/ebcont-base.png" alt="EBCONT"></a></div>
<div class="col s12 m3"><a class="sponsor-logo" href="https://sipwise.com/"><img class="center-block" src="./images/sipwise-logo.svg" alt="Sipwise"></a></div>
<div class="col s12 m3"><a class="sponsor-logo" href="https://pusher.com/"><img class="center-block" src="./images/pusher-logo.png" alt="Pusher"></a></div>
</div>
</div>
<div class="section teal darken-1">
<div class="container row">
<h3 class="center">Our work reflected in numbers</h3>
<div class="section">
<img src="./images/meetupStats.png?raw=true" class="responsive-img z-depth-5" alt="Total and Active Members chart"/>
</div>
<ul id="staggeredList">
<li class="section center section">
<h4>Founded:</h4>
<p><time datetime="2015-11-13">November 13th 2015</time></p>
</li>
<li class="section center">
<h4>Currently:</h4>
<p>More than 1800 meetup.com members</p>
<p>More than 900 facebook members</p>
<p>More than 450 twitter followers</p>
</li>
<li class="section center">
<h4>Contributed on Open Source:</h4>
<p>More than 150 Github commits</p>
</li>
<li class="section center">
<h4>Events organized:</h4>
<p>50+</p>
</li>
<li class="section center">
<h4>Number of people helped out</h4>
<p>A lot </p>
</li>
</ul>
</div>
</div>
<div class="section teal">
<div class="container row">
<h3 class="center">Partners and Friends of FCCVienna</h3>
<p class="center">If you enjoyed taking part in one of our meetings, and you feel like connecting to other people, these partners are definitely worth checking out.</p>
</div>
<div class="container row">
<ul class="normalize-ul">
<li>
<div class="col s12 m4">
<a class="partner-logo" href="http://www.webclerks.at/">
<img class="center-block" src="./images/webclerks-logo.jpeg" alt="webclerks">
<p class="center">Webclerks</p>
</a>
</div>
</li>
<li>
<div class="col s12 m4">
<a class="partner-logo" href="https://reactiveconf.com/">
<img class="center-block" src="./images/reactive-conf-logo.jpg" alt="reactive conf">
<p class="center">ReactiveConf</p>
</a>
</div>
<div class="col s12 m4">
<a class="partner-logo" href="https://101.at/">
<img class="center-block" src="./images/101-logo.png" alt="101 coding und design">
<p class="center">101: Coding und Design</p>
</a>
</div>
</li>
</div>
</div>
<div class="section teal darken-1">
<div class="container row">
<h3 class="center">Contributors</h3>
<p class="center">These are the people who have contributed actively more than once with content for our meetings. Without these creators, there would be no FCCVienna.</p>
<div class="col s12 m4 offset-m2">
<ul class="normalize-ul center">
<li>
<img class="profile-picture" src="https://github.com/matthiasliszt.png" alt="Matthias Liszt" />
<a href="https://matthiasliszt.github.io">Matthias Liszt</a>
</li>
<li>
<img class="profile-picture" src="https://github.com/42pre.png" alt="Martin Plochberger" />
<a href="https://github.com/42pre">Martin Plochberger</a>
</li>
<li>
<img class="profile-picture" src="https://github.com/edorivai.png" alt="Edo Rivai" />
<a href="https://github.com/edorivai">Edo Rivai</a>
</li>
<li>
<img class="profile-picture" src="https://github.com/bonny3d.png" alt="Bonny Dongre" />
<a href="https://github.com/bonny3d">Bonny Dongre</a>
</li>
<li>
<img class="profile-picture" src="https://github.com/abisz.png" alt="Simon Reinsperger" />
<a href="https://github.com/abisz">Simon Reinsperger</a>
</li>
<li>
<img class="profile-picture" src="https://github-images.s3.amazonaws.com/enterprise/2.8/assets/images/help/profile/identicon.png" alt="Markus Hösel" />
Markus Hösel
</li>
<li>
<img class="profile-picture" src="https://github.com/achim-tecklenburg.png" alt="Achim Tecklenburg" />
<a href="https://github.com/achim-tecklenburg">Achim Tecklenburg</a>
</li>
<li>
<img class="profile-picture" src="https://github.com/random-access.png" alt="Monika Schrenk" />
<a href="https://github.com/random-access">Monika Schrenk</a>
</li>
</ul>
</div>
<div class="col s12 m4">
<ul class="normalize-ul center">
<li>
<img class="profile-picture" src="https://github-images.s3.amazonaws.com/enterprise/2.8/assets/images/help/profile/identicon.png" alt="Michael Beck" />
Michael Beck
</li>
<li>
<img class="profile-picture" src="https://github-images.s3.amazonaws.com/enterprise/2.8/assets/images/help/profile/identicon.png" alt="Manuel Matuzovic" />
Manuel Matuzovic
</li>
<li>
<img class="profile-picture" src="https://github.com/lukastillmann.png" alt="Lukas Tillmann" />
<a href="https://github.com/lukastillmann">Lukas Tillmann</a>
</li>
<li>
<img class="profile-picture" src="https://github.com/darkhouse2.png" alt="Adi Marvillo" />
<a href="https://github.com/darkhouse2">Adi Marvillo</a>
</li>
<li>
<img class="profile-picture" src="https://github.com/phbrasiliano.png" alt="Phellipe Brasiliano" />
<a href="https://github.com/phbrasiliano">Phellipe Brasiliano</a>
</li>
<li class="image-and-text">
<img class="profile-picture" src="https://github.com/calmandniceperson.png" alt="Michael Köppl" />
<a href="https://github.com/calmandniceperson">Michael Köppl</a>
</li>
<li>
<img class="profile-picture" src="https://github-images.s3.amazonaws.com/enterprise/2.8/assets/images/help/profile/identicon.png" alt="Manfred Specht" />
<a href="http://javascript.consulting/">Manfred Specht</a>
</li>
<li class="image-and-text">
<img class="profile-picture" src="https://github.com/createdd.png" alt="Daniel Deutsch" />
<a href="https://github.com/Createdd">Daniel Deutsch</a>
</li>
</ul>
</div>
</div>
</div>
<div class="parallax-container" id="steinbauer2">
<div class="parallax"><img src="https://images.unsplash.com/photo-1456746263245-1d5a803ee466?dpr=2&auto=format&fit=crop&w=1080&h=291&q=80&cs=tinysrgb&crop=" onerror="brokenImage('./images/steinbauer2ultra.jpg','steinbauer2')" alt="Background picture showing skyscrapers in Vienna"
/></div>
</div>
<div id="steinbauer2new" style="display:none;"></div>
<footer class="page-footer teal">
<div class="container">
<div class="row">
<div id="about" class="col l6 s12">
<h5 class="white-text">About</h5>
<p class="grey-text text-lighten-4">
This is one of the local groups of the <a href="https://www.freecodecamp.com/" class="teal-text text-darken-4">FreeCodeCamp</a> platform. It is
organized a team of volunteers and the help of <a href="https://ebcont.com/" class="teal-text text-darken-4">EBCONT</a>, with the goal of supporting newcomers and experienced developers alike.
</p>
<br/>
<h6 class="black-text">Currently organized by: </h6>
<ul>
<li>
<div class="row valign-wrapper">
<div class="col s2">
<a href="http://rob.ee/">
<img src="https://avatars3.githubusercontent.com/u/13132899?v=3&s=460" alt="Avatar of Robert Axelsen" class="circle responsive-img">
</a>
</div>
<div class="col s10">
<span class="black-text">
Robert Axelsen (founder and organizer) - Software Developer and Public Speaker, passionate about Open Source, Community and Education. Life-long learner.
</span>
</div>
</div>
</li>
<li>
<div class="row valign-wrapper">
<div class="col s2">
<a href="https://www.misterclarity.com/">
<img src="https://avatars3.githubusercontent.com/u/20151398?s=460&u=bc4747a04a09a8332b75d03f089a92ef96fd5c8a&v=4" alt="Avatar of Vlad Petrea" class="circle responsive-img">
</a>
</div>
<div class="col s10">
<span class="black-text">
Vlad Petrea (organizer) - Business Analyst and Animal Nature Coach.
</span>
</div>
</div>
</li>
</ul>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Other platforms</h5>
<ul>
<li><a href="https://www.meetup.com/fccvienna/" class="teal-text text-darken-4">Meetup.com</a></li>
<li><a href="https://github.com/FCCVienna/FCCVienna" class="teal-text text-darken-4">Github</a></li>
<li><a href="https://www.facebook.com/groups/free.code.camp.vienna.austria" class="teal-text text-darken-4">Facebook</a></li>
<li><a href="https://twitter.com/freecodecampvie" class="teal-text text-darken-4">Twitter</a></li>
<li><a href="https://www.instagram.com/freecodecamp_vienna/" class="teal-text text-darken-4">Instagram</a></li>
</ul>
<h5 class="white-text">Contact</h5>
<h6 class="teal-text text-darken-4">freecodecampvie@gmail.com</h6>
<h5 class="white-text">Photo credit</h5>
<a href="https://unsplash.com/@usinglight" class="teal-text text-darken-4"> Photo by Stefan Steinbauer on Unsplash</a>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container center">
<p class="white-text" id="copyright"></p>
<p class="teal-text text-darken-4">
Built by <a href="http://createdd.com/" class="teal-text text-darken-4">Daniel Deutsch</a> and a bunch of enthusiastic contributors on <a href="https://github.com/FCCVienna/FCCVienna.github.io" class="teal-text text-darken-4">GitHub</a>.
</p>
</div>
</div>
</footer>
<button id="scrolltop" class="btn btn-default"><i class="fa fa-arrow-up"></i></button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/js/materialize.min.js"></script>
<script src="./index.js"></script>
</body>
<script>
document.getElementById('copyright').appendChild(document.createTextNode(`© ${new Date().getFullYear()} Copyright FCCVienna`))
</script>
</html>