-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
82 lines (65 loc) · 3.46 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
<!Doctype HTML>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Vertretungsplan</title>
<meta name="title" content="Vertretungsplan">
<meta name="description" content="Minimalistischer, alternativer Vertretungsplan für das ÖG">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Vertretungsplan">
<meta property="og:description" content="Minimalistischer, alternativer Vertretungsplan für das ÖG">
<meta property="og:image" content="img/banner.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="Vertretungsplan">
<meta property="twitter:description" content="Minimalistischer, alternativer Vertretungsplan für das ÖG">
<meta property="twitter:image" content="img/banner.png">
<meta name="twitter:dnt" content="on">
<!-- Icons -->
<link rel="apple-touch-icon" href="icons/pwa/apple-touch-icon-512x512.png" sizes="any" type="image/png">
<link rel="shortcut icon" href="icons/oeg-logo-blue.png" sizes="any" type="image/png" media="(prefers-color-scheme: light)">
<link rel="shortcut icon" href="icons/oeg-logo-white.png" sizes="any" type="image/png" media="(prefers-color-scheme: dark)">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,900&display=swap" rel="stylesheet">
<!-- Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://spyrexde.github.io/Bay.js/src/Bay.js"></script>
</head>
<body>
<script src="js/main.js" type="module"></script>
<div id="navbar">
<button id="btn-prev-day" class="navbar-btn"><img src="icons/arrow-left.svg" class="navbar-arrow" alt="Vorheriger Tag"></button>
<div id="title-box">
<span id="title-day"></span>
</div>
<button id="btn-next-day" class="navbar-btn"><img src="icons/arrow-right.svg" class="navbar-arrow" alt="Nächster Tag"></button>
</div>
<button id="settings-btn" onclick="Settings.show()"><img src="icons/settings.svg" class="settings-btn-icon" alt="Einstellungen"></button>
<div id="settings-overlay-container">
<div id="escape-right" onclick="Settings.hide();"></div>
<div id="escape-left" onclick="Settings.hide();"></div>
<div id="escape-bottom" onclick="Settings.hide();"></div>
<div id="escape-top" onclick="Settings.hide();"></div>
<div id="settings-overlay">
<h1>Einstellungen</h1>
<loading-hint id="settings-loading">Einstellungen laden...</loading-hint>
<!--Setting components-->
<div id="settings-footer">
<a href="https://antricks.dev/" target="_blank"><img title="Moritz" class="avatar-link" src="icons/penguin.png" alt="Antricks' Avatar"></a>
<a href="https://github.com/SpyrexDE" target="_blank"><img title="Fabian" class="avatar-link" id="spyrex" src="https://avatars.githubusercontent.com/u/57133330?v=4" alt="Spyrex' Avatar"></a>
</div>
</div>
</div>
<div class="messages"></div>
<div class="affected-elements"></div>
<div class="substitutions"></div>
<loading-hint id="loading">Vertretungen laden...</loading-hint>
<noscript><p id="noscript-hint">Für die Nutzung dieses Vertretungsplans ist JavaScript notwendig.</p></noscript>
<div id="gimmick"></div>
</body>
</html>