-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
103 lines (95 loc) · 4.41 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<title>Fachschaft-ET</title>
<!-- Include Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<!-- Include Styles -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link rel="stylesheet" href="css/mystyle.css">
</head>
<body class="page-body">
<video autoplay muted loop class="background-video">
<source src="videos/background.mp4" type="video/mp4">
</video>
<a href="index.html">
<img class="img img-fachschaft" src="images/banner.svg" alt="Fachschaftslogo">
</a>
<div class="container-fluid page-content">
<div class="row m-5">
<div class="col-12 p-3">
<div class="info-body">
<h1 class="display-4 m-1 text-center">Moin !</h1>
<label class="lead info-label mb-1">Info:</label>
<p class="lead">
Die Fachschaft für Technische Informatik und Elektrotechnik
</p>
<p class="lead">
Bei uns bekommt Ihr alle Skripte und Übungen zu eurem Studium. Ebenfalls stehen die vorderen Räumlichkeiten allen Studenten zur freien Verfügung und dürfen gerne genutzt werden um Gruppenarbeiten zu erledigen oder einfach nur um zu lernen.
</p>
<p class="lead">
Natürlich stehen die Mitglieder euch bei Fragen rund ums Studium immer gerne zur Seite. =)
</p>
<p class="lead">
Raum: ZO6-4/5
</p>
<p class="lead">Status: <span id="status"></span></p>
</div>
</div>
<!--
<div class="col-md-6 p-3">
<div class="option-wrapper p-2">
<a class="text-center option" href="/scripts">
<h3 class="display-1">
<span class="fa fa-list-alt option-icon"></span>
<p class="option-title">Jetzt Skripte bestellen</p>
</h3>
</a>
</div>
</div>
<div class="col-md-6 p-3">
<div class="option-wrapper p-2">
<a class="text-center option" href="display.html">
<h3 class="display-1">
<span class="fa fa-tv option-icon"></span>
<p class="option-title">Display anzeigen</p>
</h3>
</a>
</div>
</div>
-->
</div>
</div>
<div class="row footer">
<div class="col-4">
<a class="footer-link" href="https://www.facebook.com/FSElektrotechnik/">Facebook</a>
</div>
<div class="col-4">
<a class="footer-link" href="terms.html">Impressum</a>
</div>
<div class="col-4">
<a class="footer-link" href="privacy.html">Datenschutz</a>
</div>
</div>
<script>
$.get('/data/sensors', function(data) {
var status = '';
var color = '';
var element = document.getElementById('status');
if (data.door_private == 1) {
status = 'offen';
color = 'green';
} else {
status = 'geschlossen';
color = 'red';
}
element.innerHTML = 'Fachschaft ' + status;
element.style.color = color;
})
</script>
</body>
</html>