91 lines
2.9 KiB
HTML
91 lines
2.9 KiB
HTML
<!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="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>
|