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 <!DOCTYPE html>
<html lang="de">
<head>
<title>Öffisearch</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#ffffff">
<meta name="description" content="Plan your public transport journeys">
<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png">
<link rel="manifest" href="/manifest.json">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="modulepreload" href="js/api.js">
<link rel="modulepreload" href="js/sprintf.min.js">
<link rel="modulepreload" href="js/languages.js">
<link rel="modulepreload" href="js/app_functions.js">
<link rel="modulepreload" href="js/canvas.js">
<link rel="modulepreload" href="js/helpers.js">
<link rel="modulepreload" href="js/journeysView.js">
<link rel="modulepreload" href="js/journeyView.js">
<link rel="modulepreload" href="js/lit-html.js">
<link rel="modulepreload" href="js/overlays.js">
<link rel="modulepreload" href="js/router.js">
<link rel="modulepreload" href="js/searchView.js">
<link rel="modulepreload" href="js/settingsView.js">
<link rel="modulepreload" href="js/languages.js">
<link rel="manifest" href="manifest.json">
<style>
body {
background-color: #2a2a2a;
min-height: 100vh;
overflow-x: hidden;
overflow-y: visible;
}
#overlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background-color: rgba(0, 0, 0, .7);
overflow: hidden;
display: flex;
}
#overlay>* {
margin: auto;
}
#logo {
background-color: #7171e5;
border-radius: 15%;
width: 50vmin;
height: 50vmin;
}
#logo>svg {
width: 75%;
height: 75%;
margin: 12.5%;
fill: white;
}
</style>
</head>
<body>
<div id="content"></div>
<div id="overlay">
<noscript>JavaScript is required to use Öffisearch</noscript>
<div id="logo">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2c-4 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h2.23l2-2H14l2 2h2v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM7.5 17c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm3.5-7H6V6h5v4zm2 0V6h5v4h-5zm3.5 7c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/><path fill="none" d="M0 0h24v24H0V0z"/></svg>
</div>
</div>
<script type="module" src="js/app.js"></script>
</body>
</html>