forked from Eigenbaukombinat/junghacker-hp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
250 lines (214 loc) · 12.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{JUNGHACKER} – Programmieren für Kids</title>
<!-- Bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Pacifico|Roboto+Condensed|Roboto:700" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<a name="top"></a>
<section class="fullscreen" id="gradient">
<div class="content-a" >
<div class="content-b">
<img src="logo.svg" style="width: 100%;"/>
<h1>Programmieren für Kids</h1>
<h3>Hackathon für Mädchen und Jungen von 10 bis 18 Jahren</h3>
<h3>im Eigenbaukombinat, Landsberger Straße 3, Halle (Saale)</h3>
<!--<h3><a href="https://eigenbaukombinat.de/tag-der-offenen-tuer-am-22-und-23-april-2017-mit-junghackern-und-hebocon/">Tag der offenen Tür: 22. und 23. April 2017 – von 10 bis 18 Uhr</a></h3>
-->
<h3>Nächster Termin: 25. November 2017</h3>
<a class="btn btn-info btn-lg" role="button" href="#info">Teilnahmeinfos/Anmeldung</a>
<a class="btn btn-info btn-lg" role="button" href="#ablauf">Ablauf/Hinweise</a>
<!--<a class="btn btn-info btn-lg" role="button" href="#team">Team</a>-->
<hr />
<a class="btn btn-default btn-sm" role="button" href="#eltern">für Eltern</a>
<a class="btn btn-danger btn-lg" role="button" href="#mitmachen">Mithelfen</a>
<a class="btn btn-default btn-sm" role="button" href="#impressum">Impressum</a>
</div>
</div>
</section>
<a name="info"></a>
<div class="fullscreen background parallax" style="background-image:url('junghacker_background.svg'); background-color:black;" data-img-width="1600" data-img-height="1964" data-diff="0">
<div class="container">
<div class="row">
<div class="col-md-1">
<a href="#top" role="button" class="btn btn-default btn-lg" style="margin: 10px;">Zurück</a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="txtbox col-md-5 col-sm-4">
<h3>JUNGHACKER ist was für dich, wenn …</h3>
<p>… du zwischen 10 und 18 Jahren alt bist.</p>
<p>… du schon erste Erfahrungen im Programmieren gesammelt hast.</p>
<p>… du gerne mit Elektronik bastelst.</p>
<p>… Linux und freie Software keine Fremdworte für dich sind.</p>
<p>… du das Internet nicht nur benutzen, sondern auch mitgestalten willst.</p>
<p>… dich Spiele zu programmieren mehr interessiert, als zu spielen.</p>
<h3>Programmieren für Kids heißt …</h3>
<p>… echte Programmierprofis unterstützen dich, deine eigenen Ideen umzusetzen.</p>
<p>… du arbeitest gemeinsam mit Gleichgesinnten.</p>
<p>… du erweiterst deinen Horizont und kannst dich ohne Erfolgsdruck ausprobieren.</p>
</div>
<div class="txtbox col-md-5 col-sm-4 col-sm-offset-4 col-md-offset-2">
<h3>Anmeldung</h3>
<!--
<p><strong>Zum nächsten regulären JUNGHACKER-Termin findet am 22.4. und am 23.4. unser großer Tag der offenen Tür statt.</strong> </p>
<p>Hierzu sind alle bisherigen Teilnehmer und Eltern herzlich eingeladen! Bitte habt Verständnis, dass wir an diesem Tag
keine Betreuung der Kinder anbieten können. Weitere Informationen siehe <a href="https://eigenbaukombinat.de/tag-der-offenen-tuer-am-22-und-23-april-2017-mit-junghackern-und-hebocon/">Blogpost</a>.</p><p>
Vorraussichtlich werden wir im Mai dafür zwei JUNGHACKER-Veranstaltungen machen. Die Termine stehen noch nicht 100%ig fest, es werden wohl der 6.5. und der 27.5. sein. Die Anmeldung hierfür wird spätestens zum Tag der offenen Tür starten.</p>
-->
<!--
<p>Die Anmeldung zur aktuellen Veranstaltung am 25. November 2017 ist geschlossen. Der nächste JUNGHACKER findet am <strong>23. September 2017</strong> statt, die Anmeldung dafür wird in Kürze freigeschaltet.</p>
-->
Um mitmachen zu können, musst du dich anmelden. Hierfür haben wir ein Anmeldeformular, in dem wir dich um deinen Namen, deine E-Mail Adresse und dein Alter (zum Zeitpunkt der Veranstaltung) bitten.<br/>
Im Formular hast du ausserdem die Möglichkeit, uns deine Interessen mitzuteilen. So hilfst du uns, die Veranstaltung besser vorzubereiten.<br/>
Wir werden diese Daten selbstverständlich vertraulich behandeln.
</p>
<a role="button" class="btn btn-danger btn-lg" style="margin: 10px;" href="https://app.junghacker.de/register" target="_blank">zur Anmeldung</a>
<p>
Bitte sorge dafür, dass du die angegebene E-Mail Adresse in den Tagen vor der Veranstaltung regelmäßig abrufst, damit du über eventuelle Änderungen bescheid weisst.
</p>
<p>Zur Veranstaltung musst du die unterschriebene <a href="elternzettel.pdf">Einverständniserklärung</a> mitbringen. Ohne diese ist eine Teilnahme leider nicht möglich.</p>
</div>
</div>
</div>
</div>
</div>
<a name="ablauf"></a>
<div class="fullscreen background parallax" style="background-image:url('code.jpg');" data-img-width="1600" data-img-height="1064" data-diff="100">
<div class="container">
<div class="row">
<div class="col-md-1">
<a href="#top" role="button" class="btn btn-default btn-lg" style="margin: 10px;">Zurück</a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="txtbox col-md-offset-5 col-sm-offset-6 col-md-7 col-sm-6">
<h3>Ablauf:</h3>
<p>Damit wir pünktlich beginnen können, bitten wir euch rechtzeitig da zu sein, am besten schon um 9:45.</p>
<p>10:00–10:30 kurze Kennenlernrunde</p>
<p>10:30–11:00 Brainstorming, Projekte finden sich zusammen</p>
<p>11:00–15:30 Coden, Nudeln essen, Coden, Löten, Coden…</p>
<p>15:30–16:00 Präsentation der Projekte</p>
<p>danach könnt ihr gerne noch bleiben, so lange ihr wollt/dürft.</p>
<h3>Hinweise</h3>
<p>Um allen die Teilnahme zu ermöglichen ist die Veranstaltung für die TeilnehmerInnen kostenlos. Wir bitten dennoch um eine kleine Spende,
um dies auch weiterhin aufrecht zu erhalten. Ein Beitrag von ca. 8€ deckt unsere Kosten für das Mittagessen sowie die Verbrauchsmaterialien (Löten).</p>
<p>Falls du einen Laptop besitzt, kannst du den gerne mitbringen. Für alle anderen haben wir Leihgeräte vor Ort.</p>
<p>Du kannst bei uns Getränke, kleine Snacks und Süßigkeiten zu fairen Preisen käuflich erwerben. Von daher wäre es gut, wenn du ein wenig Bargeld dabei hast. Natürlich kannst du dir auch selbst etwas mitbringen.</p>
<p>Bitte vergesse nicht die von deinen Eltern unterschriebenen <a href="elternzettel.pdf">Einverständniserklärung</a> mitzubringen.</p>
<p>Programmierhungrige Minecraft-Fans sollten ihre Minecraft-Zugangsdaten mitbringen.</p>
</div>
</div>
</div>
</div>
<a name="mitmachen"></a>
<div class="fullscreen background parallax" style="background-image:url('mentoren.jpg');" data-img-width="1600" data-img-height="1064" data-diff="100">
<div class="container">
<div class="row">
<div class="col-md-1">
<a href="#top" role="button" class="btn btn-default btn-lg" style="margin: 10px;">Zurück</a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="txtbox col-md-7 col-sm-6">
<h3>Wir können noch Hilfe brauchen:</h3>
<p>Von erfahrenen ProgrammiererInnen die gut mit Kindern und Jugendlichen umgehen können.</p>
<p>Elektronik-ExpertInnen die sich mit Arduino, RaspberryPi und digitaler Schaltungstechnik auskennen.</p>
<p>PädagogInnen, die die Helfer bei nicht-fachlichen Themen beraten und unterstützen.</p>
<p>SpenderInnen, um die für die Teilnehmer kostenlose Veranstaltung auch weiterhin ermöglichen.</p>
<p>KommunikationsexpertInnen, um JUNGHACKER in ganz Halle und darüber hinaus sowohl bei Teilnehmern als auch bei Helfern und potentiellen Unterstützern bekannt zu machen.</p>
<hr />
<h3>Interessiert?</h3>
<p>Schreib uns eine E-Mail an [email protected], oder komme an einem Dienstag oder Donnerstag ab 19 Uhr ins Eigenbaukombinat zum Hackspacetreffen
Die Organisation läuft über die Mailingliste <a href="http://lists.eigenbaukombinat.de/listinfo/junghacker">[email protected]</a>, auch dort kannst du dich gerne anmelden.</p></div>
</div>
</div>
</div>
<a name="eltern"></a>
<div class="fullscreen background parallax" style="background-image:url('eltern.jpg');" data-img-width="1600" data-img-height="1064" data-diff="100">
<div class="container">
<div class="row">
<div class="col-md-1">
<a href="#top" role="button" class="btn btn-default btn-lg" style="margin: 10px;">Zurück</a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="txtbox col-md-5 col-sm-4">
<h3>Hacker sind …</h3>
<p>… nicht böse.</p>
<p>… nicht kriminell.</p>
<p>… kreativ im Umgang mit Technik.</p>
<p>… Freunde von offenen und freien Daten und freier Software.</p>
<p><a href="https://www.ccc.de/de/hackerethik" target="_blank">Hackerethik</a></p>
<h3>Bei einem Hackathon…</h3>
<p>… treffen sich Gleichgesinnte zum gemeinsamen Programmieren.</p>
<p>… herrscht eine offene und tolerante Kultur.</p>
<p>… erweitern die Teilnehmer ihren Horizont und lernen voneinander.</p>
<p>… stärken die Teilnehmer ihr Selbstbewusstsein durch das erreichen von klein gesteckten Zielen.</p>
</div>
<div class="txtbox col-md-5 col-sm-4 col-sm-offset-4 col-md-offset-2">
<h3>Hinweise</h3>
<p>
Bitte sehen Sie davon ab, der Veranstaltung beizuwohnen. Zur Präsentation der Ergebnisse ab ca. 17:30 Uhr sind Sie herzlich eingeladen!
</p>
<p>Die Teilnehmer/innen müssen eine von den Eltern unterschriebene <a href="elternzettel.pdf">Einverständniserklärung</a> mitbringen. Ohne diese ist eine Teilnahme leider nicht möglich.</p>
</div>
</div>
</div>
</div>
</div>
<a name="impressum"></a>
<div class="fullscreen background parallax" style="background-image:url('laptop.jpg');" data-img-width="1600" data-img-height="1064" data-diff="100">
<div class="container">
<div class="row">
<div class="col-md-1">
<a href="#top" role="button" class="btn btn-default btn-lg" style="margin: 10px;">Zurück</a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="txtbox col-md-offset-5 col-sm-offset-6 col-md-7 col-sm-6">
<h3>Impressum</h3>
<p>"{JUNGHACKER} – Programmieren für Kids" ist ein Projekt von:</p>
<p>Eigenbaukombinat Halle e.V.<br />
Landsberger Straße 3<br />
06112 Halle<br />
</p>
<p>Vertreten durch den aktuellen <a href="https://eigenbaukombinat.de/impressum/">Vorstand des Eigenbaukombinats</a>.</p>
<a href="mailto:[email protected]">[email protected]</a></p>
<p><a href="https://eigenbaukombinat.de/wp-content/uploads/2016/04/satzung-2016-04.pdf">aktuelle Satzung</a> (Stand: April 2016)</p>
<p>Vereinsregister: Amtsgericht Stendal, VR 3085</p>
</div>
</div>
</div>
</div>
</body>
</html>