-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (47 loc) · 4.31 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
<!DOCTYPE html>
<html>
<head>
<!-- Default header -->
<meta charset="utf-8">
<meta name="author" content="Eric Skaliks">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<!-- Mitteilung an den Browser (besonders Opera Mobile), dass es sich um eine fuer Smartphones optimierte Seite handelt (immer Anzeigen. Sicher ist sicher.)-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="cleartype" content="on"><meta name="MobileOptimized" content="320"><meta name="HandheldFriendly" content="True"><meta name="apple-mobile-web-app-capable" content="yes">
<!-- Page header TODO: Content -->
<title>Difos</title>
<meta name="description" lang="de" content="TODO: Description">
<meta name="keywords" lang="de" content="TODO: Keywords">
<link rel="shortcut icon" type="image/png" href="./res/img/favicon.png"/> <!-- TODO: favicon -->
<link rel="manifest" href="./manifest.json"> <!-- TODO: Manifest -->
<!-- TODO: sidemap -->
<!-- Boxloader, https://codepen.io/josh-conley/pen/oFBib (modified Version) -->
<style>
.backgroundloading .inactive {width: 500px;height: 500px;top: calc(50% - 220px);background-color: #DDD;}
.backgroundloading {pointer-events: none;user-select: none;left: 0;display: block; background-color: transparent; color: #eee; text-align: center; position: fixed; width: 100%; height: 100%;}
.loader { top: 30%; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;display: inline-block;width: 30px; height: 30px; position: relative; border: 4px solid #DDD; -webkit-animation: loader 4s infinite ease; animation: loader 4s infinite ease; }
.loader-inner {vertical-align: top; display: inline-block; width: 100%; background-color: #DDD; -webkit-animation: loader-inner 4s infinite ease-in; animation: loader-inner 4s infinite ease-in; }
@keyframes loader{0%{transform:rotate(0);-webkit-transform:rotate(0)}25%,50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)}100%,75%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes loader{0%{transform:rotate(0);-webkit-transform:rotate(0)}25%,50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)}100%,75%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes loader-inner{0%,100%,25%{height:0%}50%,75%{height:100%}}@-webkit-keyframes loader-inner{0%,100%,25%{height:0%}50%,75%{height:100%}}
@-webkit-keyframes einblenden {0%{opacity:0}100%{opacity:1}}@keyframes einblenden {0%{opacity:0}100%{opacity:1}}@-webkit-keyframes einblendenc {0%{margin-left:-30px}30%{margin-left:-30px}100%{margin-left:0}}@keyframes einblendenc {0%{margin-left:-30px}30%{margin-left:-30px}100%{margin-left:0}}
</style>
<!-- Error-messages -->
<style>
.fullpopup{background:#de5e5e;position:fixed;width:100%;height:100%;z-index:100000000;color:#fff;font-size:16px;left:0;top:0}.fullpopup .h{font-weight:700;font-size:25px;padding:20px 0;background:#a00;margin:15px 0}.showdelayed{-webkit-animation:showlater 5s;-moz-animation:showlater 5s;-o-animation:showlater 5s;animation:showlater 5s}.showdelayed15{-webkit-animation:showlater 15s;-moz-animation:showlater 15s;-o-animation:showlater 15s;animation:showlater 15s}
@-webkit-keyframes showlater{0%,90%{opacity:0}100%{opacity:1}}@-moz-keyframes showlater{0%,90%{opacity:0}100%{opacity:1}}@-o-keyframes showlater{0%,90%{opacity:0}100%{opacity:1}}@keyframes showlater{0%,90%{opacity:0}100%{opacity:1}}
</style>
<div style="display: none" id="err-js"></div>
<div class="showdelayed15 fullpopup" id="javascript_popup"><div class="h"><div class="centered">
Javascript ist deaktiviert
</div></div><div class="centered">
Diese Website benötigt Javscript um korrekt zu arbeiten. Bitte aktiviere Javascript in deinem Browser und <a href="./">lade die Seite neu</a>!
</div></div>
</head><body style="margin:0;padding:0;border:none">
<div class="backgroundloading" id="mainloader" style="top: 0;z-index: 11;background:#fff;transition: all ease .3s;">
<span class="loader" style='border-color: #3c4754;' id="loaderLogin"><span class="loader-inner" style='background: #3c4754;'></span></span>
</div>
<div style="width: 100%; height: 100%; position: fixed; top:0; left:0" id="mainCanvas"> </div>
<div id="GUIBase"></div>
<script src="dist/app.js" type="text/javascript"></script>
</body>
</html>