-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
319 lines (286 loc) · 9.96 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Access for Members only</title>
<style type="text/css">
body {
background: #e7e7e7;
font-family: Verdana, sans-serif;
font-size: 11pt;
text-align: justify;
margin: 0 auto;
max-width: 1200px;
min-width: 750px;
}
.page {
background: #ffffff;
margin: 15px 20px;
border: 2px solid #c0c0c0;
padding: 10px;
}
header {
background: #89ba50;
border: 2px solid #678f38;
background: -moz-linear-gradient(top, #89ba50 0%, #729943 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89ba50), color-stop(100%, #729943));
background: linear-gradient(to bottom, #89ba50 0%, #729943 100%);
text-align: center;
padding: 10px;
color: #ffffff;
}
header img {
max-width: 950px;
width: 100%;
}
header h1 {
color: #ffffff;
}
.body {
padding: 10px;
}
span.tt {
font-family: monospace;
}
span.bold {
font-weight: bold;
}
a:link {
text-decoration: none;
font-weight: bold;
color: #C00;
}
a:visited {
text-decoration: none;
font-weight: bold;
color: #999;
}
a:active {
text-decoration: none;
font-weight: bold;
color: #F00;
background: #FC0;
}
h2 {
text-align: center;
margin: 20px 0 0;
}
.button {
display: block;
cursor: pointer;
position: relative;
text-decoration: none;
vertical-align: middle;
text-align: center;
line-height: 110%;
color: #FFFFFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 2px 5px -2px #111111, 0 2px 5px 0 rgba(255, 255, 255, 0.3) inset;
}
.member-button {
background: none repeat scroll 0 0 #D9650C;
background: -moz-linear-gradient(top, #d9650c 0%, #bf590b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9650c), color-stop(100%, #bf590b));
background: linear-gradient(to bottom, #d9650c 0%, #bf590b 100%);
border: 1px solid #995309;
font-size: 1.7em;
padding: 0.6em;
}
.nonmember-button {
background: none repeat scroll 0 0 #444444;
background: -moz-linear-gradient(top, #444444 0%, #282828 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #282828));
background: linear-gradient(to bottom, #444444 0%, #282828 100%);
border: 1px solid #222222;
font-size: 1.3em;
padding: 15px;
}
.button-link {
color: #FFF;
}
.nonmember-button:hover, .member-button:hover {
box-shadow: black 0px 0px 10px;
}
.nonmember-button, .member-button {
box-shadow: black 0px 0px 0px;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
display: table;
margin: 15px auto;
}
.row {
display: table;
width: 100%;
}
.row > div {
width: 50%;
padding: .3em 1em .1em;
display: table-cell;
}
.row p {
margin: 0;
line-height: 1.5;
}
.row ul {
margin-top: 10px;
}
.row ul li {
margin-top: 5px;
line-height: 1.4;
}
.row.buttons > div {
vertical-align: middle;
}
header .row > div {
font-size: 2em;
font-weight: bold;
padding: 10px 5px 0px;
text-align: center;
width: 50%;
}
footer {
text-align: center;
font-size: 13px;
margin: 15px 0 20px 0;
}
</style>
</head>
<body>
<div class="page">
<header>
<img src="https://dokumente.stusta.de/logo/StuStaNet_Logo.png" alt="StuStaNet Logo">
<div class="row">
<div>Deutsch</div>
<div>English</div>
</div>
</header>
<div class="body">
<div class="row">
<div>
<p>Herzlichen Glückwunsch! Du hast deine IP-Adresse richtig eingestellt. Jetzt sind es nur noch wenige Schritte, bis du im Internet surfen kannst.</p>
</div>
<div>
<p>Congratulations! You have successfully set up your IP address configuration. Just a few more steps are necessary until you can browse the Internet.</p>
</div>
</div>
<div class="row">
<div>
<p>Das Internet in der StuSta wird von motivierten Studenten im Verein <a href="https://wiki.stusta.de/Admin_werden">StuStaNet</a> in deren Freizeit betrieben.</p>
</div>
<div>
<p>The Internet in the StuSta is operated by motivated students in the <a href="https://wiki.stusta.de/Admin_werden/en">StuStaNet</a> association in their free time.</p>
</div>
</div>
<div class="row">
<div>
<h2>Warum bekomme ich diese Seite angezeigt?</h2>
</div>
<div>
<h2>Why am I seeing this page?</h2>
</div>
</div>
<div class="row">
<div>
<p>Mögliche Gründe:</p>
<ul>
<li>Du bist gerade neu eingezogen.</li>
<li>Du bist kürzlich eingezogen und der Vormieter deines Zimmers war StuStaNet Mitglied. Die Mitgliedsdienste wurden nun deaktiviert.</li>
<li>Du bist bereits Mitglied, aber in dieses Zimmer umgezogen.
Schreib an den <a href="mailto:[email protected]?subject=Umzugsantrag">StuStaNet Vorstand</a>
damit die Mitgliederdienste in deinem Zimmer freigeschaltet werden.
</li>
</ul>
</div>
<div>
<p>Possible reasons:</p>
<ul>
<li>You you just moved in.</li>
<li>You moved in recently and the previous tenant of your room was a StuStaNet member. The member services have now been deactivated.</li>
<li>You moved within the StuSta. If you became a member of StuStaNet before, then just write an e-mail to the <a href="mailto:[email protected]?subject=notice%20of%20move">StuStaNet executive board</a> to have the membership services activated in your new room.</li>
</ul>
</div>
</div>
<div class="row">
<div>
<h2>Was muss ich jetzt tun?</h2>
</div>
<div>
<h2>What do I have to do now?</h2>
</div>
</div>
<div class="row">
<div>
<h2>Option A:</h2>
</div>
</div>
<div class="row buttons">
<div>
<a class="button member-button" href="https://reg.stusta.de/">
<span class="button-link">Die einfache Lösung</span>
</a>
</div>
<div>
<a class="button member-button" href="https://reg.stusta.de">
<span class="button-link">The simple solution</span>
</a>
</div>
</div>
<div class="row">
<div>
<p><a href="https://reg.stusta.de">Werde Mitglied im StuStaNet.</a> Du erhältst automatisch Internet-Zugriff über unsere Server und musst dich um nichts weiter kümmern, um erweiterten Zugriff auf das Internet zu bekommen. Mit dieser Option kannst du das Internet wie von zu Hause gewohnt benutzen.</p>
</div>
<div>
<p><a href="https://reg.stusta.de">Become a StuStaNet member.</a> You will automatically gain Internet access via our servers and won't have to do anything else to enjoy extended Internet access. With this option you can use the Internet the way you always do.</p>
</div>
</div>
<div class="row">
<div>
<p>Die <a href="https://wiki.stusta.de/Sprechstunde">Aufnahmegebühr</a> liegt bei einmalig 20 Euro (Bar- und Kartenzahlung möglich). Als Mitglied profitierst du zusätzlich von unseren zahlreichen <a href="https://wiki.stusta.de/StuStaNet-Dienste">Diensten</a>, etwa einer eigenen E-Mail-Adresse, Webspace, Cloudspeicher und dem Zugang zu unserem Daten-/Backupserver.</p>
</div>
<div>
<p>The <a href="https://wiki.stusta.de/Sprechstunde/en">membership admission fee</a> is a one-time payment of 20 Euro (cash and card payment possible). As a member you also profit from numerous <a href="https://wiki.stusta.de/StuStaNet-Dienste/en">member services</a>, such as your own email address, webspace, cloud storage and access to our data- and backup server.
</p>
</div>
</div>
<div class="row">
<div>
<h2>Option B:</h2>
</div>
</div>
<div class="row buttons">
<div>
<a class="nonmember-button" href="https://wiki.stusta.de/Netzwerkanleitung">
<span class="button-link">Internetzugang über den Proxy-Server</span>
</a>
</div>
<div>
<a class="nonmember-button" href="https://wiki.stusta.de/Netzwerkanleitung/en?uselang=en">
<span class="button-link">Internet access via the proxy server</span>
</a>
</div>
</div>
<div class="row">
<div>
<p>Richte in deinem Web-Browser und deinen Programmen den <a href="https://wiki.stusta.de/Netzwerkanleitung">Proxy-Server</a> der Studentenstadt ein. Das ist kostenlos, <i>funktioniert aber nicht für alle Programme und Protokolle</i>. Beispielsweise erlauben viele Online-Spiele sowie Streaming-Dienste keine Proxy-Konfiguration.</p>
</div>
<div>
<p>Configure Studentenstadt's <a href="https://wiki.stusta.de/Netzwerkanleitung/en?uselang=en">proxy server</a> in your web browsers and applications. This is free, but <i>does not work for all programs and protocols</i>. For example, many online games and streaming services will stop working as well, since they don't allow for proxy configurations.</p>
</div>
</div>
<div class="row">
<div>
<p>Wenn du Probleme mit der Einrichtung des Proxys hast, kannst du entweder <a href="https://wiki.stusta.de/Sprechstunde">Mitglied im StuStaNet</a>werden (dann ist keine Konfiguration notwendig) oder einen unserer <a href="http://dokumente.stusta.de/adminliste/adminliste.html">Netzwerkadministratoren</a> um Hilfe bitten.</p>
</div>
<div>
<p>If you experience problems with configuring the proxy you can either <a href="https://wiki.stusta.de/Sprechstunde/en?uselang=en">become a StuStaNet member</a> (then no further configuration is needed with your programs) or you can ask a <a href="http://dokumente.stusta.de/adminliste/adminliste.html">network administrator</a> for help.</p>
</div>
</div>
</div>
</div>
<footer>
<a href="https://stustanet.de/impressum">Impressum</a>
</footer>
</body>
</html>