index.php 15.2 KB
Newer Older
Florian Moser's avatar
$+    
Florian Moser committed
1
2
<?php
include "../src/bootstrap.php";
Florian Moser's avatar
Florian Moser committed
3

Florian Moser's avatar
Florian Moser committed
4
5
$sendContactRequest = isset($_POST["email"]) && strlen($_POST["email"]) > 3 &&
    isset($_POST["message"]) && strlen($_POST["message"]) > 3 &&
Florian Moser's avatar
Florian Moser committed
6
    !isset($_POST["robot"]) && isset($_POST["human"]);
Florian Moser's avatar
Florian Moser committed
7
8

if ($sendContactRequest) {
Florian Moser's avatar
Florian Moser committed
9
10
11
    sendMail($_POST["email"], $_POST["message"]);
}

12
13
$invalidUri = false;
if ($_SERVER["REQUEST_URI"] !== "/") {
Florian Moser's avatar
Florian Moser committed
14
15
16
17
18
19
    $redirect = getRedirect($_SERVER["REQUEST_URI"]);
    if ($redirect !== false) {
        http_response_code(302);
        header("Location: " . $redirect);
        exit;
    }
Florian Moser's avatar
Florian Moser committed
20

21
22
23
24
    http_response_code(404);
    $invalidUri = true;
}

Florian Moser's avatar
$+    
Florian Moser committed
25
?>
Florian Moser's avatar
$+    
Florian Moser committed
26
27
<!DOCTYPE html>
<html lang="en">
Florian Moser's avatar
$+    
Florian Moser committed
28
<?php
Florian Moser's avatar
$+    
Florian Moser committed
29
include "../templates/head.html"
Florian Moser's avatar
$+    
Florian Moser committed
30
?>
Florian Moser's avatar
$+    
Florian Moser committed
31
32
<body>

33
34
35
36
<?php if ($invalidUri) { ?>
    <section>
        <div class="container">
            <div class="alert alert-danger">
Florian Moser's avatar
Florian Moser committed
37
                Sorry, we could not find what you were looking for at <?= $_SERVER["REQUEST_URI"] ?>!
38
39
40
41
42
43
                Contact us and we'll find it for you :)
            </div>
        </div>
    </section>
<?php } ?>

Florian Moser's avatar
$+    
Florian Moser committed
44
<section class="inverted">
Florian Moser's avatar
$+    
Florian Moser committed
45
    <div class="container">
46
        <p id="ads" class="d-none adblock-warning">
nilsl's avatar
nilsl committed
47
            You have turned off or did not install an Adblocker!
Florian Moser's avatar
Florian Moser committed
48
49
50
51
            Install it now for <a target="_blank" href="https://addons.mozilla.org/de/firefox/addon/ublock-origin/">Firefox</a> or
            <a target="_blank" href="https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm?hl=de">Chrome</a>.<br/>
            Because <a class="smooth-scroll" href="#privacy">privacy</a> is a human right.
        </p>
Florian Moser's avatar
$+    
Florian Moser committed
52
53
        <div class="main">
            <div class="teaser">
Florian Moser's avatar
Florian Moser committed
54
55
                <div class="logo-wrapper">
                    <img class="img-fluid logo" src="/images/logo.svg" alt="the alternative logo">
Florian Moser's avatar
Florian Moser committed
56
                </div>
Florian Moser's avatar
Florian Moser committed
57

Florian Moser's avatar
$+    
Florian Moser committed
58
59
                <div class="spacer"></div>
                <p>
Florian Moser's avatar
Florian Moser committed
60
                    We are students of ETH who help you with linux<br/>
Florian Moser's avatar
Florian Moser committed
61
62
                    at our <a class="smooth-scroll" href="#events">events</a>
                    and in our <a class="smooth-scroll" href="#contact">office</a>.
63
                    For free!
Florian Moser's avatar
$+    
Florian Moser committed
64
65
66
                </p>
                <p>
                    Because we love Open Source and Free Software<br/>
Florian Moser's avatar
Florian Moser committed
67
                    and want to help you to get started (<a class="smooth-scroll" href="#philosophy">here's why</a>).
Florian Moser's avatar
$+    
Florian Moser committed
68
                </p>
Florian Moser's avatar
Florian Moser committed
69
70
71
72
73
                <p>
                    This semester, we organize <a href="https://events.thealternative.ch" target="_blank">REPLICATE</a>: Events<br/>
                    to help you use and produce Free and Open<br/>
                    Science, Hardware, Software and File Formats.
                </p>
Florian Moser's avatar
$+    
Florian Moser committed
74

Florian Moser's avatar
Florian Moser committed
75
76
                <div class="resources">
                    <p>
Florian Moser's avatar
Florian Moser committed
77
                        guides:
Lukas Tobler's avatar
Lukas Tobler committed
78
79
                        <a href="/guides/install.php">installation</a>
                        <a href="/guides/bash.php">bash</a>
Florian Moser's avatar
Florian Moser committed
80
81
                        |
                        <a href="https://gitlab.ethz.ch/thealternative/courses" target="_blank">courses</a>
Florian Moser's avatar
Florian Moser committed
82
83
84
                    </p>
                </div>

Florian Moser's avatar
Florian Moser committed
85
                <img class="tux" src="/images/tux.png" alt="tux, the linux mascot">
Florian Moser's avatar
$+    
Florian Moser committed
86
            </div>
Florian Moser's avatar
$+    
Florian Moser committed
87
        </div>
Florian Moser's avatar
$+    
Florian Moser committed
88
89
    </div>
</section>
Florian Moser's avatar
$+    
Florian Moser committed
90

Florian Moser's avatar
Florian Moser committed
91
92
93
<section id="events">
    <div class="container">
        <div class="events">
94
            <p class="event-alert">
Florian Moser's avatar
Florian Moser committed
95
96
                Do you like our talks? Care to support Open Source & Free Software? Or simply want to have some interesting discussions with students of all fields of study? 
                Come joins us at our next "Stammtisch"! Use the contact formular below to lets us know you are interested.
Florian Moser's avatar
Florian Moser committed
97
98
            </p>
        <?php
Florian Moser's avatar
$+    
Florian Moser committed
99

Florian Moser's avatar
Florian Moser committed
100
101
        $eventFiles = getFutureEventFiles();
        printEventsList($eventFiles, true);
Florian Moser's avatar
$+    
Florian Moser committed
102

Florian Moser's avatar
Florian Moser committed
103
104
105
106
        ?>
        </div>
    </div>
</section>
Florian Moser's avatar
$+    
Florian Moser committed
107

Florian Moser's avatar
$+    
Florian Moser committed
108
<section class="inverted" id="contact">
Florian Moser's avatar
$+    
Florian Moser committed
109
    <div class="container">
Florian Moser's avatar
$+    
Florian Moser committed
110
111
        <div class="contact">
            <div class="row team">
Florian Moser's avatar
Florian Moser committed
112
                <div class="col-6 col-sm-3">
113
                    <img class="img-fluid" src="images/nicolas.jpg" alt="nicolas">
Florian Moser's avatar
$+    
Florian Moser committed
114
                    <p class="text-center">
115
116
                        <span class="ressort lead">President</span><br/>
                        Nicolas König
Florian Moser's avatar
$+    
Florian Moser committed
117
                    </p>
Florian Moser's avatar
$+    
Florian Moser committed
118
                </div>
Florian Moser's avatar
$+    
Florian Moser committed
119

Florian Moser's avatar
Florian Moser committed
120
                <div class="col-6 col-sm-3">
121
                    <img class="img-fluid" src="images/alex.jpg" alt="alex">
Florian Moser's avatar
$+    
Florian Moser committed
122
                    <p class="text-center">
123
124
                        <span class="ressort">Vice-President</span><br/>
                        Alexander Schoch
Florian Moser's avatar
$+    
Florian Moser committed
125
                    </p>
Florian Moser's avatar
$+    
Florian Moser committed
126
127
                </div>

Florian Moser's avatar
Florian Moser committed
128
                <div class="col-6 col-sm-3">
Florian Moser's avatar
Florian Moser committed
129
                    <img class="img-fluid" src="images/nils.jpg" alt="nils">
Florian Moser's avatar
$+    
Florian Moser committed
130
131
132
                    <p class="text-center">
                        <span class="ressort lead">Events</span><br/>
                        Nils Leuzinger
Florian Moser's avatar
$+    
Florian Moser committed
133
134
135
                    </p>
                </div>

Florian Moser's avatar
Florian Moser committed
136
                <div class="col-6 col-sm-3">
Florian Moser's avatar
Florian Moser committed
137
                    <img class="img-fluid" src="images/florian.jpg" alt="florian">
Florian Moser's avatar
$+    
Florian Moser committed
138
139
140
141
                    <p class="text-center">
                        <span class="ressort lead">Sponsoring</span><br/>
                        Florian Moser
                    </p>
Florian Moser's avatar
$+    
Florian Moser committed
142
143
144
                </div>
            </div>

Florian Moser's avatar
Florian Moser committed
145
146
147
148
149
150
            <p class="motivation">
                We are both graduates and undergraduates from different fields of study. 
                Together we provide courses and other educational material around Open Source and Free Software. 
                This lowers the entry barrier for others, and improves our own understanding.
            </p>

Florian Moser's avatar
$+    
Florian Moser committed
151
            <div class="row location">
Florian Moser's avatar
Florian Moser committed
152
                <div class="col-lg-3 col-sm-6 col-12 address">
Florian Moser's avatar
$+    
Florian Moser committed
153
                    <p>
Florian Moser's avatar
$+    
Florian Moser committed
154
                        <b>The Alternative</b> <br/>
Florian Moser's avatar
Florian Moser committed
155
                        CAB E14 <br/>
Florian Moser's avatar
$+    
Florian Moser committed
156
157
158
159
                        Universitätsstrasse 6 <br/>
                        8092 Zürich
                    </p>
                    <p>
Florian Moser's avatar
Florian Moser committed
160
                        <a href="https://github.com/TheAlternativeZurich" target="_blank">github</a> |
Alexander Schoch's avatar
Alexander Schoch committed
161
                        <a href="https://gitlab.ethz.ch/thealternative" target="_blank">gitlab</a>
Florian Moser's avatar
$+    
Florian Moser committed
162
                    </p>
Florian Moser's avatar
$+    
Florian Moser committed
163

Florian Moser's avatar
$+    
Florian Moser committed
164
                    <p class="mt-4">
Florian Moser's avatar
Florian Moser committed
165
166
                        a part of <a href="https://ssc.ethz.ch/" target="_blank">SSC</a>
                        <a href="https://vseth.ethz.ch" target="_blank">
Florian Moser's avatar
Florian Moser committed
167
                            <img class="img-fluid vseth-logo" alt="vseth logo" src="/images/vseth.png">
Florian Moser's avatar
$+    
Florian Moser committed
168
                        </a>
Florian Moser's avatar
$+    
Florian Moser committed
169
170
                    </p>
                </div>
Florian Moser's avatar
Florian Moser committed
171
                <div class="col-lg-3 maps" id="maps">
Florian Moser's avatar
$+    
Florian Moser committed
172

Florian Moser's avatar
$+    
Florian Moser committed
173
                </div>
Florian Moser's avatar
$+    
Florian Moser committed
174

Florian Moser's avatar
Florian Moser committed
175
                <div class="col-lg-6  col-sm-6 col-12 contact-form">
Florian Moser's avatar
Florian Moser committed
176
                    <form action="/" method="post">
Florian Moser's avatar
Florian Moser committed
177
                        <?php if ($sendContactRequest) { ?>
Florian Moser's avatar
Florian Moser committed
178
179
180
181
                            <div class="alert alert-success">
                                We have received your contact request, and will reply shortly.
                            </div>
                        <?php } ?>
Florian Moser's avatar
$+    
Florian Moser committed
182
                        <div class="form-group">
Florian Moser's avatar
Florian Moser committed
183
                            <input type="email" name="email" class="form-control" id="email" placeholder="john@doe.com">
Florian Moser's avatar
$+    
Florian Moser committed
184
                        </div>
Florian Moser's avatar
Florian Moser committed
185
                        <div class="form-group">
Florian Moser's avatar
Florian Moser committed
186
187
188
189
190
191
192
193
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" name="robot" id="robot">
                                <label class="custom-control-label" for="robot">I am a robot.</label>
                            </div>
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" name="human" id="human">
                                <label class="custom-control-label" for="human">I am a human.</label>
                            </div>
Florian Moser's avatar
Florian Moser committed
194
                        </div>
Florian Moser's avatar
$+    
Florian Moser committed
195
                        <div class="form-group">
196
197
                            <textarea class="form-control" id="text" rows="6" name="message"
                                      placeholder="message"></textarea>
Florian Moser's avatar
$+    
Florian Moser committed
198
199
200
201
                        </div>
                        <button type="submit" class="btn btn-primary">Send</button>
                    </form>
                </div>
Florian Moser's avatar
$+    
Florian Moser committed
202
            </div>
Florian Moser's avatar
$+    
Florian Moser committed
203
        </div>
Florian Moser's avatar
$+    
Florian Moser committed
204
205
    </div>
</section>
Florian Moser's avatar
$+    
Florian Moser committed
206

Florian Moser's avatar
$+    
Florian Moser committed
207
208
209
210
<section>
    <div class="container">
        <div class="footer">

Florian Moser's avatar
Florian Moser committed
211
            <div class="philosophy" id="philosophy">
Florian Moser's avatar
$+    
Florian Moser committed
212
213
214
215
216
217
218
219
220
221
222
223
224
225

                <h2>Open Source</h2>
                <blockquote class="blockquote">
                    <p class="mb-0">
                        The term "open source" refers to something people can modify and share because its
                        design is publicly accessible.
                    </p>
                    <footer class="blockquote-footer">
                        <cite title="opensource.com">opensource.com</cite>
                    </footer>
                </blockquote>

                <p class="interpretation">
                    Open Source software encourages others to understand how something works exactly because the
nilsl's avatar
nilsl committed
226
                    inner workings of the program are published. Depending on the exact license used, the user may also be allowed
Florian Moser's avatar
$+    
Florian Moser committed
227
228
229
230
231
232
                    to run, modify and distribute the work. <br/>

                    <br/>

                    Using Open Source, you can check that the program does not execute something on your device you
                    do not want; like surveilling your activities or stealing your computational power for its own
nilsl's avatar
nilsl committed
233
                    purposes. However, when software is advertised as Open Source, it does not necessarily guarantee the rights to modify and distribute the work. <br/>
Florian Moser's avatar
$+    
Florian Moser committed
234
235
236
237
238

                    <br/>

                    <small>
                        Examples include
Florian Moser's avatar
Florian Moser committed
239
240
                        <a href="https://www.mozilla.org/de/firefox/" target="_blank">Firefox</a> and
                        <a href="https://www.python.org/" target="_blank">Python</a>.
Florian Moser's avatar
$+    
Florian Moser committed
241
242
243
244
245
246
                    </small>
                </p>

                <h2>Free Software</h2>
                <blockquote class="blockquote">
                    <p class="mb-0">
nilsl's avatar
nilsl committed
247
                        Free software developers guarantee [...] [that] any user can study the
Florian Moser's avatar
$+    
Florian Moser committed
248
249
250
251
252
253
                        source code, modify it, and share the program.
                    </p>
                    <footer class="blockquote-footer"><cite title="Free Software Foundation">fsf.org</cite></footer>
                </blockquote>

                <p class="interpretation">
nilsl's avatar
nilsl committed
254
255
                    Free Software <b>guarantees</b> the rights to run, modify and distribute the work. Depending on the exact license used,
                    it may be enforced that all derivative software must also grant the same rights (this is called <em>Copyleft</em>).<br/>
Florian Moser's avatar
Florian Moser committed
256

Florian Moser's avatar
$+    
Florian Moser committed
257
258
                    <br/>

Florian Moser's avatar
$+    
Florian Moser committed
259
                    Using Free Software, you are allowed to adapt it to your needs; like adding functionality critical
nilsl's avatar
nilsl committed
260
261
                    to your workflows. If you decide to use a Copyleft license, you can additionally be sure your work will benefit all
                    future users of the
Florian Moser's avatar
$+    
Florian Moser committed
262
263
264
265
266
267
                    software in the same way. <br/>

                    <br/>

                    <small>
                        Examples include
Florian Moser's avatar
Florian Moser committed
268
269
                        <a href="https://www.videolan.org/vlc/index.de.html" target="_blank">VLC Media Player</a> and
                        <a href="https://www.linux.org/" target="_blank">Linux</a>.
Florian Moser's avatar
$+    
Florian Moser committed
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
                    </small>
                </p>

                <h2>Proprietary Software</h2>

                <blockquote class="blockquote">
                    <p class="mb-0">
                        Only the original authors of proprietary software can legally copy, inspect, and alter that
                        software. To use proprietary software, computer users must agree (...) that they will not do
                        anything with the software that the software's authors have not expressly permitted.
                    </p>
                    <footer class="blockquote-footer"><cite title="opensource.com">opensource.com</cite></footer>
                </blockquote>

                <p class="interpretation">
                    Proprietary Software severely restricts how users can interact with the software running on their
                    device and does not allow them to read, modify or distribute its source code.<br/>

                    <br/>

                    Using Proprietary Software, you are in danger to lose functionality critical to your workflow
                    (because the owner chose not to provide it anymore), to no longer being able to open your files
                    (because the filetype is no longer supported) or to pay excessive license fees (because there are no
                    comparable alternatives).<br/>

                    <br/>

                    <small>
                        Examples include
Florian Moser's avatar
Florian Moser committed
299
                        <a href="https://www.microsoft.com/de-ch/windows" target="_blank">Windows</a> and
300
                        <a href="https://get.adobe.com/de/reader" target="_blank">Adobe Reader</a>.
Florian Moser's avatar
$+    
Florian Moser committed
301
302
                    </small>
                </p>
Florian Moser's avatar
Florian Moser committed
303
304
305
306
307
308
309
310
311
312
313

                <h2 id="privacy">Privacy</h2>

                <blockquote class="blockquote">
                    <p class="mb-0">
                        No one shall be subjected to arbitrary interference with his privacy, family, home or correspondence, nor to attacks upon his honor and reputation.
                    </p>
                    <footer class="blockquote-footer"><cite title="https://www.un.org/en/universal-declaration-human-rights/">Article 12 of Universal Declaration of Human Rights (1948)</cite></footer>
                </blockquote>

                <p class="interpretation">
Florian Moser's avatar
Florian Moser committed
314
                    Privacy is fundamental to protect yourself and those around you from manipulation.<br/>
Florian Moser's avatar
Florian Moser committed
315
316

                    <br/>
Florian Moser's avatar
Florian Moser committed
317
318
319
320
                    Most webpages and programs track anything you do or click.
                    Use Open Source Software and <a target="_blank" href="https://addons.mozilla.org/de/firefox/addon/ublock-origin/">Adblockers</a> to be reasonably sure that you are not a victim of surveillance.
                    Make anonymity the default to avoid making those stand out, who must stay anonymous.
                    <br/>
Florian Moser's avatar
Florian Moser committed
321
322
323
324

                    <br/>
                    <small>
                        Facebook reveals more about your personality than your friends could [<a target="_blank" href="https://www.pnas.org/content/112/4/1036">Paper</a>]; imagine what your browser history tells about you. <br/>
Florian Moser's avatar
Florian Moser committed
325
                        A firm called Cambridge Analytica (and probably many others) use this technique to influence outcomes of elections [<a href="https://www.tagesanzeiger.ch/ausland/europa/diese-firma-weiss-was-sie-denken/story/17474918">Tagesanzeiger</a>]<br/>
Florian Moser's avatar
Florian Moser committed
326
327
328
                        Edward Snowden used an anonymity service that relies on many "normal" people using the system to avoid suspicion [<a target="_blank" href="https://twitter.com/Snowden/status/1165297667490103302">Twitter</a>].
                    </small>
                </p>
Florian Moser's avatar
$+    
Florian Moser committed
329
            </div>
Florian Moser's avatar
$+    
Florian Moser committed
330
331
332
333
        </div>
    </div>
</section>

Florian Moser's avatar
$+    
Florian Moser committed
334
335
336
337
<?php
include "../templates/scripts.html"
?>

Florian Moser's avatar
$+    
Florian Moser committed
338
339
</body>
</html>