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
<!DOCTYPE html>
<html lang="de">
<head>
<title>oeffisear.ch BETA</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">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Öffisearch">
<meta name="format-detection" content="telephone=no">
<link rel="apple-touch-startup-image" sizes="512x512" href="img/favicon-512x512.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="64x64" href="img/favicon-64x64.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#s">
<link rel="stylesheet" type="text/css" href="css/product_selector.css" defer>
<link rel="stylesheet" type="text/css" href="css/style.css" defer>
<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-image: url("img/bg.webp");
background-size: cover;
background-attachment: fixed;
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>
</body>
<script type="module" src="js/app.js"></script>
</html>