-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
368 lines (333 loc) · 18.6 KB
/
index.php
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
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Cryptoparty | Maschinendeck e.V.</title>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons.min.css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header Section ––––––––––––––––––––––––––––––––––––––––––––––––– -->
<header id="header">
<div class="main_nav">
<div class="container">
<div class="mobile-toggle"></div>
<nav>
<ul>
<li><a class="smoothscroll" href="#header">Home</a></li>
<li><a class="smoothscroll" href="#about">Über Cryptopartys</a></li>
<li><a class="smoothscroll" href="#termin">Termine</a></li>
<li><a class="smoothscroll" href="#team">Die Veranstalter</a></li>
<li><a class="smoothscroll" href="#portfolio">Verwendete Software</a></li>
<li><a class="smoothscroll" href="#testimonial">Kontakt</a></li>
</ul>
</nav>
</div>
</div>
<div class="title">
<div><img src="images/cryptoparty.png"></div>
<div class="smallsep heading"></div>
<article>
<h1 id="headline">Maschinendeck e.V.</h1>
<p id="text">Wir lernen wie Verschlüsselungen funktionieren, E-Mails wie Edward Snowden zu verschlüsseln, beleuchten, was „Metadaten“ beim Surfen im Internet über uns preisgeben, lernen Datenträger (Festplatten, USB-Sticks) sowie Chats und Messenger zu verschlüsseln.</p>
</article>
<a class="smoothscroll" href="#about">
<div class="mouse">
<div class="wheel"></div>
</div>
</a> </div>
<a class="smoothscroll" href="#about">
<div class="scroll-down"></div>
</a> </header>
<!-- About Section
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<section id="about">
<div class="container">
<div class="row">
<h1>Über Cryptopartys</h1>
<div class="block"></div>
<p>Cryptoparty? Was ist das überhaupt?</p>
<p>Bei einer Cryptoparty wird versucht, den Teilnehmern die Grundkenntnisse und Prinzipien der Verschlüsselung näher zu bringen, um somit immer mehr Menschen mit der sicheren Kommunikation im Netz vertraut zu machen. Dabei wird auf den Einsatz von freier und kostenloser Open-Source-Software sehr großen Wert gelegt.
<br>Dank den Enthüllungen von Edward Snowden ist nun klar, dass Geheimdienste wie NSA und BND die Bürger im Internet ausspionieren. Diese Spionage können wir zwar nicht verhindern, jedoch können wir Techniken einsetzen, die es den Geheimdiensten wesentlich schwieriger macht unsere Daten auszuwerten.
Wir stellen in Cryptopartys Programme, Tools und Hinweise vor, welche ohne großen Aufwand das Surfen im Internet sowie das versenden von E-Mails verschlüsselt.
</p>
</div>
<div class="row">
<div class="six columns">
<h3><span class="typcn typcn-key-outline icon"></span>Verschlüsselung von E-Mails</h3>
<p>Lernen, wie einfach die Verschlüsselung von E-Mails ist. Ohne großen Aufwand lassen sich E-Mails sicher Verschlüsseln, sodass keine Dritten den Inhalt dieser Mails auslesen können.</p>
</div>
<div class="six columns">
<h3><span class="typcn typcn-lock-closed-outline icon"></span>Anonymes surfen im Internet</h3>
<p>Mit Hilfe eines speziellen Browsers, dem TOR-Browser, anonym und sicher im Internet surfen. Im Laufe der Veranstaltung wird die besondere Funktionsweise von TOR und die Unterschiede zum "normalen" Internet vorgestellt.</p>
</div>
<div class="row">
<div class="six columns">
<h3><span class="typcn typcn-messages icon"></span>Sicheres Instant-Messaging</h3>
<p>Der weltweit am meisten genutzte Messager ist WhatsApp. Seit dem Kauf 2014 von Facebook und dem Datenaustausch zwischen Facebook und WhatsApp ist die Suche nach einem sicheren Messager immer größer geworden. In der Cryptoparty versuchen wir, sichere und freie Messanger vorzustellen sowie Argumente zum Überreden von Freunden und Familie bereit zu stellen.</p>
</div>
<div class="six columns">
<h3><span class="typcn typcn-image-outline icon"></span>Sicheres Aufbewahren der Urlaubsfotos</h3>
<p>Nichts ist peinlicher als den USB-Stick mit den Urlaubsfotos zu verlieren. Der Finder des USB-Sticks kann ohne Schwierigkeiten den kompletten Inhalt des Sticks auslesen und alle private Urlaubsfotos ansehen. Mit Hilfe von Festplattenverschlüsselung währe das nicht passiert. Darum wird in der Cryptoparty vorgestellt, USB-Sticks oder auch ganze Computerfestplatten sicher zu verschlüsseln, sodass Ein Zugriff ohne Passwort nicht möglich ist.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Termine Section
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<section id="termin">
<div class="container">
<div class="row">
<h1>Termine</h1>
<div class="block"></div>
<p>Das Maschinendeck aus Trier veranstaltet in Kooperation mit der Fachstelle für Kinder- und Jugendpastoral am <strong>25. November 2017, 14 bis 17 Uhr im Haus der Jugend in Bitburg</strong> eine Cryptoparty.
Um besser Planen zu können bitten wir um eine Anmeldung bis zum 01.11.2017 via E-Mail an [email protected].<br><br>
Grundlegende Kenntnisse mit dem Umgang eines Computers sollten vorhanden sein. Eigene Notebooks bzw. Laptops sollten auf jeden Fall mitgebracht werden, um Praxisübungen während der Cryptoparty durchzuführen.
Teilnehmer ohne eigenen Laptop können trotzdem sehr gerne mitmachen, einige Geräte können wir auch zur Verfügung stellen.
Komplette Desktop-Systeme sollten aus Platzgründen jedoch nicht mitgebracht werden! Die oben aufgelisteten Programme müssen noch nicht vor der Cryptoparty installiert sein. Während der Party werden wir diese zusammen Installieren und Konfigurieren.
</p>
</div>
</div>
</section>
<!-- Team Section
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<section id="team">
<div class="container">
<div class="row">
<h1>Die Veranstalter</h1>
<div class="block"></div>
<p>Vom Maschinendeck e.V. aus Trier sind zu gast, Julian "y0sh" und Niklas, auch "Energy" genannt, in Kooperation mit Rafael Stoll von der Fachstelle für Kinder und Jugendpastoral Bitburg des Bistum Triers die Cryptoparty am 25. November 2017, 14 bis 17 Uhr. im Haus der Jugend in Bitburg.</p>
</div>
<div class="row">
<div class="three columns">
<h4>Julian | y0sh</h4>
<p>Mitglied im Maschinendeck e.V.</p>
<p>
<span class="bold">Kontakt</span><br>
<a href="http://y0sh.net" target="_blank"><span class="typcn typcn-home-outline icon"></span></a>
<a href="mailto:[email protected]" target="_blank"><span class="typcn typcn-mail icon"></span></a>
<a href="https://twitter.com/y_0_s_h" target="_blank"><span class="typcn typcn-social-twitter icon"></span></a>
<br> <a href="http://pgp.mit.edu/pks/lookup?op=get&search=0x0679CB2A1DF4D852">PGP-Key</a>
</p>
</div>
<div class="three columns">
<h4>Niklas | Energy</h4>
<p>Mitglied im Maschinendeck e.V.</p>
<p>
<span class="bold">Kontakt</span><br>
<a href="http://www.niklas-schmitt.de" target="_blank"><span class="typcn typcn-home-outline icon"></span></a>
<a href="mailto:[email protected]" target="_blank"><span class="typcn typcn-mail icon"></span></a>
<a href="https://twitter.com/NikPWR" target="_blank"><span class="typcn typcn-social-twitter icon"></span></a>
<br> <a href="https://pgp.mit.edu/pks/lookup?op=get&search=0x48B2693339DA4F66">PGP-Key</a>
</p>
</div>
<div class="three columns">
<h4>Rafael Stoll</h4>
<p>Mitarbeiter der Fachstelle für Kinder und Jugendpastoral Bitburg</p>
<p>
<span class="bold">Kontakt</span><br>
<a href="https://www.facebook.com/Fachstelle-f%C3%BCr-Kinder-und-Jugendpastoral-Bitburg-122957481144125/" target="_blank"><span class="typcn typcn-social-facebook icon"></span></a>
<a href="mailto:[email protected]" target="_blank"><span class="typcn typcn-mail icon"></span></a>
</p>
</div>
</div>
</section>
<!-- Portfolio Section
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<section id="portfolio">
<div class="container">
<h1>Verwendete Software</h1>
<div class="block"></div>
<p>Während dem Verlauf der Cryptoparty werden viele, verschiedene Programme und Software vorgestellt. Generell muss für die Teilnahme an einer Cryptoparty noch keine Software vorinstalliert werden, das wird während der Party mit allen Teilnehmern gemeinsam Schritt für Schritt installiert, konfiguriert und von den Mentoren erklärt.</p>
<div class="row">
<div class="three columns">
<h3>TOR-Browser</h3>
<img src="images/logo_Tor.png" class="image" alt="logo_Tor.png"/>
Mit dem TOR-Browser sicher und anonym im Internet surfen.<br>
<span class="bold">Weiterführende Links</span><br>
Projektwebseite: <a href="https://www.torproject.org">https://www.torproject.org</a><br>
</div>
<div class="three columns">
<h3>GnuPG</h3>
<img src="images/logo_GnuPG.png" class="image" alt="logo_GnuPG.png"/>
Mit Hilfe von GnuPG, einer Open-Source-Version von PGP, können Dateien verschlüsselt werden.<br>
<span class="bold">Weiterführende Links</span><br>
Projektwebseite: <a href="https://www.gnupg.org">https://www.gnupg.org</a><br>
</div>
<div class="three columns">
<h3>Enigmail</h3>
<img src="images/logo_Enigmail.png" class="image" alt="logo_Enigmail.png"/>
Enigmail, ein Add-On für Mozilla Thunderbird, verschlüsselt mit Hilfe von GnuPG E-Mails.<br>
<span class="bold">Weiterführende Links</span><br>
Projektwebseite: <a href="https://www.enigmail.net">https://www.enigmail.net</a><br>
</div>
<div class="three columns">
<h3>VeraCrypt</h3>
<img src="images/logo_VeraCrypt.png" class="image" alt="logo_VerCrypt.png"/>
VeraCrypt wird eingesetzt, um USB-Sticks sowie Festplatten zu verschlüsseln.<br>
<span class="bold">Weiterführende Links</span><br>
Projektwebseite: <a href="https://veracrypt.codeplex.com/">https://veracrypt.codeplex.com/</a><br>
</div>
</div>
<div class="row" style="margin-top: 30px;">
<div class="three columns">
<h3>Signal</h3>
<img src="images/logo_Signal.png" class="image" alt="logo_Signal.png"/>
Signal ist ein weiterer alternativer und sicherer Messanger, auch verfügbar für Smartphones sowie Computer.<br>
<span class="bold">Weiterführende Links</span><br>
Projektwebseite: <a href="https://whispersystems.org/">https://whispersystems.org/</a><br>
</div>
<div class="three columns">
<h3>Threema</h3>
<img src="images/logo_Threema.png" class="image" alt="logo_Threema.png"/>
Threema ist so konzipiert, dass möglichst keine Datenspur entsteht: Gruppen und Kontaktlisten werden auf Ihrem Gerät und nicht auf den Servern verwaltet. Nachrichten werden sofort nach Zustellung gelöscht.<br>
<span class="bold">Weiterführende Links</span><br>
Projektwebseite: <a href="https://threema.ch/de">https://threema.ch/de/</a><br>
</div>
<div class="three columns">
<h3>qTox</h3>
<br><img src="images/logo_qtox.png" class="image" alt="logo_qtox.png"/><br><br><br>
Tox ist eine Peer-to-Peer-Messaging-Software. Die Arbeit an diesem Projekt begann im Jahr 2013 - als Reaktion auf die globale Massenüberwachung durch Geheimdienste - mit dem Ziel, eine freie und quelloffene Skype-Alternative zu schaffen.<br>
<span class="bold">Weiterführende Links</span><br>
Projektwebseite: <a href="https://tox.chat/">https://tox.chat/</a><br>
</div>
<div class="three columns">
<h3>OTR</h3>
<br><img src="images/logo_2otr.png" class="image" alt="logo_2otr.png"/><br><br><br>
Off-the-Record Messaging<br>
<span class="bold">Weiterführende Links</span><br>
Projektwebseite: <a href="https://otr.cypherpunks.ca/">https://otr.cypherpunks.ca/</a><br>
</div>
</div>
</div>
</section>
<!-- Testimonials Section
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<section id="testimonial">
<div class="container">
<div class="quoteLoop">
<blockquote class="quote"> <img src="images/maschinendeck.png" width="100" height="100" alt=""/>
<h5> <br>
”Maschinendeck e.V., Trier”<br>
<small>Hacker, Maker & Nerd Space in Trier</small></h5>
</blockquote>
<blockquote class="quote"> <img src="images/jugend_Bistum_Trier.gif" width="100" height="100" alt=""/>
<h5> <br>
“In Zusammenarbeit mit dem Bistum Trier”<br>
<small>Fachstelle für Kinder und Jugendpastoral Bitburg</small></h5>
</blockquote>
<blockquote class="quote"> <img src="images/maschinendeck.png" width="100" height="100" alt=""/>
<h5> <br>
”Maschinendeck e.V., Trier”<br>
<small>Hacker, Maker & Nerd Space in Trier</small></h5>
</blockquote>
<blockquote class="quote"> <img src="images/jugend_Bistum_Trier.gif" width="100" height="100" alt=""/>
<h5> <br>
“In Zusammenarbeit mit dem Bistum Trier”<br>
<small>Fachstelle für Kinder und Jugendpastoral Bitburg</small></h5>
</blockquote>
<blockquote class="quote"> <img src="images/maschinendeck.png" width="100" height="100" alt=""/>
<h5> <br>
”Maschinendeck e.V., Trier”<br>
<small>Hacker, Maker & Nerd Space in Trier</small></h5>
</blockquote>
<blockquote class="quote"> <img src="images/jugend_Bistum_Trier.gif" width="100" height="100" alt=""/>
<h5> <br>
“In Zusammenarbeit mit dem Bistum Trier”<br>
<small>Fachstelle für Kinder und Jugendpastoral Bitburg</small></h5>
</blockquote>
</div>
</div>
</section>
<!-- Contact Section
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<?php
// An welche Adresse sollen die Mails gesendet werden?
$zieladresse = '[email protected]';
// Welche Adresse soll als Absender angegeben werden?
// (Manche Hoster lassen diese Angabe vor dem Versenden der Mail ueberschreiben)
$absenderadresse = '[email protected]';
// Welcher Absendername soll verwendet werden?
$absendername = 'Formmailer';
// Welchen Betreff sollen die Mails erhalten?
$betreff = 'Kontaktformular';
// Zu welcher Seite soll als "Danke-Seite" weitergeleitet werden?
// Wichtig: Sie muessen hier eine gueltige HTTP-Adresse angeben!
$urlDankeSeite = 'http://cryptoparty.maschinendeck.org/danke.htm';
// Welche(s) Zeichen soll(en) zwischen dem Feldnamen und dem angegebenen Wert stehen?
$trenner = ":\t"; // Doppelpunkt + Tabulator
/**
* Ende Konfiguration
*/
require_once "swiftmail/lib/swift_required.php"; // Swift initialisieren
if ($_SERVER['REQUEST_METHOD'] === "POST") {
$message = Swift_Message::newInstance(); // Ein Objekt für die Mailnachricht.
$message
->setFrom(array($absenderadresse => $absendername))
->setTo(array($zieladresse)) // alternativ existiert setCc() und setBcc()
->setSubject($betreff);
$mailtext = "";
foreach ($_POST as $name => $wert) {
if (is_array($wert)) {
foreach ($wert as $einzelwert) {
$mailtext .= $name.$trenner.$einzelwert."\n";
}
} else {
$mailtext .= $name.$trenner.$wert."\n";
}
}
$message->setBody($mailtext, 'text/plain');
$mailer = Swift_Mailer::newInstance(Swift_MailTransport::newInstance());
$result = $mailer->send($message);
if ($result == 0) {
die("Mail konnte nicht versandt werden.");
}
header("Location: $urlDankeSeite");
exit;
}
header("Content-type: text/html; charset=utf-8");
?>
<div class="container">
<h1>Kontakt</h1>
<div class="block"></div>
<p>Du hast noch Fragen zu Cryptopartys oder zu den Veranstaltern?<br>Melde dich bei uns:</p>
<form action="" method="post">
<div class="row">
<div class="six columns">
<label for="exampleRecipientInput">Name</label>
<input class="u-full-width" type="text" name="Versender">
</div>
<div class="six columns">
<label for="exampleEmailInput">E-Mail</label>
<input class="u-full-width" type="email" name="E-Mail">
</div>
</div>
<div class="row">
<label for="exampleMessage">Nachricht</label>
<textarea name="Bemerkungen" class="u-full-width"></textarea>
<input class="button-primary" type="submit" value="Absenden">
</div>
</form>
</div>
<!-- Footer Section
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<footer>
<div class="container">
<div class="nine columns">
<p>Created with ♥ by Energy & y0sh <br> Maschinendeck e.V. - Hacker, Maker & Nerd Space in Trier</p>
</div>
<div class="three columns">
<a href="http://www.maschinendeck.org/" target="_blank"><span class="typcn typcn-home-outline socialIcons"></span></a>
<a href="mailto:[email protected]" target="_blank"><span class="typcn typcn-mail socialIcons"></span></a>
<a href="https://twitter.com/Maschinendeck_" target="_blank"><span class="typcn typcn-social-twitter-circular socialIcons"></span></a>
</div>
</div>
</footer>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js'></script>
<script src="js/index.js"></script>
<script src="js/crypto-texty.js"></script>
</body>
</html>