This repository has been archived by the owner on May 22, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
executable file
·426 lines (386 loc) · 16.5 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
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Homepage of the HTWK-App">
<meta name="author" content="Roy Meissner">
<link rel="shortcut icon" href="assets/images/Icons/news.png">
<meta name="google-site-verification" content="dacvyXPj86SyrsSxOI68z2Inbu1Zw4NinkiKZKaOnUE">
<title>HTWK-App</title>
<!-- Bootstrap + FontAwesome -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous" defer>
<!-- Fonts from Google Fonts -->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato:300,400,900" defer>
</head>
<style>
a.btn {
font-size: 130%;
margin: 7px;
}
a.btn i {
color: white;
}
#googleplay {
padding: 0 0 40px 0;
}
@media (min-width: 1200px) {
#btn-1 {
margin-top: 30px;
}
#btn-2 {
margin-top: 50px;
}
}
</style>
<body>
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;"></iframe>
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#headerwrap"><b>HTWK-APP</b></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="#overview">Übersicht</a>
</li>
<li>
<a class="page-scroll" href="#planning">In Planung</a>
</li>
<li>
<a class="page-scroll" href="#contact">Links</a>
</li>
<li>
<a class="page-scroll" href="#team">Team</a>
</li>
<li>
<a class="page-scroll" href="devs.html">Für Entwickler</a>
</li>
</ul>
</div>
</div>
</div>
<div id="headerwrap">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h1>Die Hochschule jeden Tag in der Tasche</h1>
<br>
<ul class="listing">
<li>Keine Lust jeden Tag gefühlte tausend mal nach deinen Noten zu schauen?</li>
<li>Schon mal nicht gewusst wo das Gebäude steht, in dem du gleich Unterricht hast?</li>
<li>Gibt es eigentlich deinen Lieblingssportkurs an der HTWK?</li>
</ul>
<br>
<h4 style="color:white">
Wenn dir diese Fragen bekannt vorkommen, dann solltest du eindeutig einen Blick auf die neue HTWK-App werfen!
</h4>
<br>
<br>
<div class="text-center">
<a href="//play.google.com/store/apps/details?id=com.HTWK_App.App" target="_blank">
<img alt="Get it on Google Play" src="assets/images/play_store.png" id="googleplay" />
</a>
<a href="https://htwk-app.imn.htwk-leipzig.de/app" target="_blank" class="btn btn-success" role="button" style="margin: 0; margin-left: 10px; margin-bottom: 39px; font-size: 170%;">
Im Browser öffnen<i class="fa fa-fw fa-external-link"></i>
</a>
<button type="button" data-toggle="modal" data-target="#noApp" class="btn btn-warning" style="margin-bottom: 7px;">Kein Anroid? Hier zur Alternative...</button>
</div>
</div>
<!-- /col-lg-6 -->
<div class="col-lg-6 visible-md visible-lg white " id="presentation">
<a href="#">
<div class="overlay">
<div class="txt center-block">Willst du die HTWK-App mal ausprobieren?
<br>
<br> Einfach auf das Tablet klicken ;)</div>
</div>
</a>
</div>
<!-- /col-lg-6 -->
<div class="col-lg-6 visible-xs visible-sm white" id="presentation-mobile">
</div>
<!-- /col-lg-6 -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /headerwrap -->
<div class="container" id="overview">
<div class="row mt centered">
<div class="col-lg-6 col-lg-offset-3">
<h1>Den Studienalltag im Blick
<br/>und das mit modernem Design</h1>
<h3>Dabei wird vor allem auf Aktualität und Sicherheit geachtet: Alles was du siehst wird speziell für dich zusammengestellt und dabei durch modernste Technik gesichert.</h3>
</div>
</div>
<!-- /row -->
<div class="row mt centered">
<div class="col-lg-4">
<img src="assets/images/Icons/news.png" width="130" alt="">
<h4>News</h4>
<hr>
<p>Aktuelle News der HTWK und der Region Leipzig</p>
</div>
<!--/col-lg-4 -->
<div class="col-lg-4">
<img src="assets/images/Icons/info.png" width="130" alt="">
<h4>Informationen</h4>
<hr>
<p>Speiseplan deiner Lieblingsmensa</p>
<p>Sportkurse und deren Infos</p>
<p>Mitarbeiter- und Dozentenverzeichnis</p>
<p>Gebäude-Infos und Navigation</p>
<p>Wichtige Verweise, die man immer mal braucht</p>
<p>Einrichtung des WLans</p>
</div>
<!--/col-lg-4 -->
<div class="col-lg-4">
<img src="assets/images/Icons/students.png" width="130" alt="">
<h4>Studentenalltag</h4>
<hr>
<p>Dein persönlicher Stundenplan</p>
<p>Übersicht über deine Noten</p>
<p>Abfrage deiner HTWK-Mails</p>
<p>Suche nach einem leerem Seminarraum</p>
</div>
<!--/col-lg-4 -->
</div>
<!-- /row -->
<hr />
</div>
<!-- /container -->
<div class="container" id="planning">
<div class="row mt centered">
<div class="col-lg-6 col-lg-offset-3">
<h1>Was ist derzeit in Planung?</h1>
</div>
</div>
<!-- /row -->
<!-- CAROUSEL -->
<div class="row mt centered">
<div class="col-lg-6 col-lg-offset-3">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="assets/images/app/p01.png" alt="">
<p>Derzeit gibt es noch einige kleinere Bugs in der App. Diese werden wir mit Nachdruck ausmerzen, damit die App auf so vielen Geräten wie möglich fehlerfrei funktioniert.</p>
</div>
<div class="item">
<img src="assets/images/app/p03.png" alt="">
<p>Querverweise innerhalb der App werden demnächst kein Problem mehr sein. Damit findest du noch schneller die Informationen, die du brauchst!</p>
</div>
</div>
</div>
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<!-- /col-lg-8 -->
</div>
<!-- /row -->
<hr />
</div>
<!--/container -->
<div class="container" id="contact">
<div class="row mt centered">
<div class="col-lg-6 col-lg-offset-3">
<h1>Freiheit ist das größte Gut!</h1>
<h4>Und genau nach diesem Grundsatz ist auch die App entstanden</h4>
</div>
</div>
<!-- /row -->
<div class="row mt centered">
<div class="col-lg-4">
<h4>Würdest du gern mitarbeiten oder deine eigenen Ideen einbringen? Kein Problem! Die App ist <i>Open-Source</i>.</h4><i>Auch wenn du kein Programmierer bist kannst du dich einbringen. Wir suchen immer Personen, die Bilder entwerfen, am Design arbeiten oder Werbung für die App machen.<br>Schreib uns dazu doch einfach eine E-Mail ;-)</i>
<br>
<a href="//github.com/HTWK-App" target="_blank" class="btn btn-warning" role="button"><i class="fa fa-fw fa-lg fa-github"></i>Auf zu Github</a>
</div>
<!--/col-lg-4 -->
<div class="col-lg-4">
<h4>Hast du Vorschläge für <i>neue Funktionen</i>? Schreib uns doch einfach eine E-Mail!</h4><i>Egal ob du dich an einer Funktion störst oder DIE Idee hast, wir werden uns alle Vorschläge genau durchlesen, dir Feedback geben und gegebenfalls Fragen stellen.</i>
<br>
<a href="javascript:linkTo_UnCryptMailto('rfnqyt?wt~2rjnxxsjwElr}3sjy', 5);" target="_blank" class="btn btn-warning" id="btn-1" role="button"><i class="fa fa-fw fa-lg fa-envelope"></i>E-Mail an uns</a>
</div>
<!--/col-lg-4 -->
<div class="col-lg-4">
<h4>Sind dir <i>Fehler aufgefallen</i>? Trag sie doch einfach in unserem Bugtracker ein!</h4><i>Denk aber bitte daran, dass wir nicht hellsehen können ;-) Wir brauchen eine genaue Bescheibung was nicht funktioniert hat und was du erwartet hast. Das am besten auch mit einem Screenshot!</i>
<br>
<a href="https://github.com/HTWK-App/Smartphone-App/issues/new" target="_blank" class="btn btn-warning" id="btn-2" role="button"><i class="fa fa-fw fa-lg fa-bug"></i>Bug melden</a>
</div>
<!--/col-lg-4 -->
</div>
<!-- /row -->
<hr>
</div>
<!--/container -->
<div class="container" id="team">
<div class="row mt centered">
<div class="col-lg-6 col-lg-offset-3">
<h1>Unser aktuelles Team:</h1>
</div>
</div>
<!-- /row -->
<div class="row mt centered" id="members">
<div class="col-lg-6">
<img class="img-circle" src="//avatars.githubusercontent.com/u/1965431?" width="140" alt="">
<h4>Henri Knochenhauer</h4>
<p>Java Server-Applikation
<br> Server-Betrieb
</p>
<p><i><a href="javascript:linkTo_UnCryptMailto('rfnqyt?mpsthmnElrfnq3htr', 5);"><i class="fa fa-lg fa-envelope"></i></a>
</i> <i><a href="http://www.hknochi.de/about" target="_blank"><i class="fa fa-lg fa-globe"></i></a>
</i>
</p>
</div>
<!--/col-lg-4 -->
<div class="col-lg-6">
<img class="img-circle" src="//avatars.githubusercontent.com/u/855967?" width="140" alt="">
<h4>Roy Meissner</h4>
<p>Projektleitung
<br> Mobile-App
<br> Scala-Microservices
<br> Server-Betrieb
</p>
<p><i><a href="javascript:linkTo_UnCryptMailto('rfnqyt?wt~2rjnxxsjwElr}3sjy', 5);"><i class="fa fa-lg fa-envelope"></i></a>
</i> <i><a href="//rmeissn.github.io" target="_blank"><i class="fa fa-lg fa-globe"></i></a>
</i>
</p>
</div>
<!--/col-lg-4 -->
</div>
<!-- /row -->
<div class="row mt centered">
<div class="col-lg-6 col-lg-offset-3">
<h2>Wer uns alles unterstützt hat:</h2>
</div>
</div>
<!-- /row -->
<div class="row mt centered">
<div class="col-lg-3">
<h4>Matthias Tempel</h4>
<i class="retired">Anpassungen für iPhone/iPad</i>
</div>
<div class="col-lg-3">
<h4>Benjamin Westphal</h4>
<i class="retired">Design der Icons und der App</i>
</div>
<div class="col-lg-3">
<h4>Hubertus Willuhn</h4>
<i class="retired">Programmierung der Smartphone-App<br>Refactoring und Performance-Optimierung</i>
</div>
<div class="col-lg-3">
<h4>Vincent Thiele</h4>
<i class="retired">Bugfixing/Erweiterung der Smartphone-App</i>
<a href="//github.com/vincent-t" target="_blank"><i class="fa fa-lg fa-github"></i></a>
</div>
</div>
<div class="row mt centered">
<div class="col-lg-6 col-lg-offset-3">
<h4>Sowie jede Menge Betatester!</h4>
</div>
</div>
<hr/>
</div>
<!-- /container -->
<footer class="footer">
<div class="container">
<p class="centered">Design by BlackTie.co - Attribution License 3.0 - 2014 , edited by us
<br/> Icons by <a href="http://www.pixelkit.com/" target="_blank">PixelKit</a> - Creative Commons Attribution 3.0 Unported (CC BY 3.0)</p>
</div>
</footer>
<div id="noApp" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="ModalLabel">Alternativen für die Mobile App</h4>
</div>
<div class="modal-body">
<p>Du hast ein <i>Iphone</i>, <i>Blackberry</i> oder etwas ganz <i>anderes</i> und findest unsere App im jeweiligen Store nicht? Kein Problem. Auch auf diesen Geräten kannst du unsere App nutzen!</p>
<hr>
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<h4>Anleitung</h4>
<p>Die meisten Browser können Links zu Webseiten genau so auf deinem Homescreen platzieren, als ob du eine App starten würdest.</p>
<p> Unter Chrome findest du diese Funktion auf einer Webseite im Menü unter "<i>Zum Startbildschirm hinzufügen</i>". Öffne einfach die App über den folgenden Button und füge sie zu deinem Startbildschirm hinzu.</p>
<div class=" text-center">
<a href="https://htwk-app.imn.htwk-leipzig.de/app" target="_blank" class="btn btn-success" style="font-size: 100%; margin: 0; margin-bottom: 10px;">Zur HTWK-App</a>
</div>
</div>
<div class="col-md-6">
<img src="assets/images/chrome.png" width="100%">
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous" defer></script>
<script type="application/javascript" src="assets/javascript/docs.min.js"></script>
<script type="application/javascript" src="assets/javascript/prettify.js"></script>
<script type="application/javascript">
$("div#presentation div.overlay").one("click", function() {
$('div#presentation').append('<iframe src="//rawgit.com/HTWK-App/Smartphone-App/master/www/index.html" id="presentation"></iframe>');
$(this).toggle();
});
function UnCryptMailto(s, shift) {
var n = 0;
var r = "";
for (var i = 0; i < s.length; i++) {
n = s.charCodeAt(i);
if (n >= 8364) n = 128;
r += String.fromCharCode(n - (shift));
}
return r;
}
function linkTo_UnCryptMailto(s, shift) {
location.href = UnCryptMailto(s, shift);
}
// jQuery for page scrolling feature - requires jQuery Easing plugin
$('a.page-scroll').bind('click', function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1500, 'easeInOutExpo');
event.preventDefault();
});
// Closes the Responsive Menu on Menu Item Click
$('.navbar-collapse ul li a').click(function() {
$('.navbar-toggle:visible').click();
});
</script>
</body>
</html>