chore: add static site to hosting (#303)

* chore: add static website for preparation of launch * add icons and resolve loading errors
CovOpen · Nov 1, 2020 · fe05056 · fe05056
1 parent fe8316d
commit fe05056
Show file tree

Hide file tree

Showing 15 changed files with 332 additions and 0 deletions.
diff --git a/hosting/static/Dosis-Light.ttf b/hosting/static/Dosis-Light.ttf
diff --git a/hosting/static/Dosis-SemiBold.ttf b/hosting/static/Dosis-SemiBold.ttf
diff --git a/hosting/static/images/icons/favicon-16x16.png b/hosting/static/images/icons/favicon-16x16.png
diff --git a/hosting/static/images/icons/favicon-32x32.png b/hosting/static/images/icons/favicon-32x32.png
diff --git a/hosting/static/images/icons/favicon-96x96.png b/hosting/static/images/icons/favicon-96x96.png
diff --git a/hosting/static/images/icons/icon-128x128.png b/hosting/static/images/icons/icon-128x128.png
diff --git a/hosting/static/images/icons/icon-144x144.png b/hosting/static/images/icons/icon-144x144.png
diff --git a/hosting/static/images/icons/icon-152x152.png b/hosting/static/images/icons/icon-152x152.png
diff --git a/hosting/static/images/icons/icon-192x192.png b/hosting/static/images/icons/icon-192x192.png
diff --git a/hosting/static/images/icons/icon-384x384.png b/hosting/static/images/icons/icon-384x384.png
diff --git a/hosting/static/images/icons/icon-512x512.png b/hosting/static/images/icons/icon-512x512.png
diff --git a/hosting/static/images/icons/icon-72x72.png b/hosting/static/images/icons/icon-72x72.png
diff --git a/hosting/static/images/icons/icon-96x96.png b/hosting/static/images/icons/icon-96x96.png
diff --git a/hosting/static/index.html b/hosting/static/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CovMap</title>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+    <!--[if IE]><link rel="icon" type="image/png" href="/images/icons/favicon-96x96.png" sizes="96x96" /><![endif]-->
+    <link rel="icon" type="image/png" href="/images/icons/favicon-32x32.png" sizes="32x32" />
+    <link rel="icon" type="image/png" href="/images/icons/favicon-16x16.png" sizes="16x16" />
+    <link rel="preload" href="/Dosis-SemiBold.ttf" as="font" crossorigin="anonymous" />
+    <link rel="preload" href="/Dosis-Light.ttf" as="font" crossorigin="anonymous" />
+    <meta name="theme-color" content="#E3E9F3">
+    <meta name="description" content="Tool zur Visualisierung von epidemiologischen Daten und Frühindikatoren des SARS-CoV-2 Infektionsgeschehens" />
+    <meta name="keywords" content="CovMap, Corona, Coronavirus, Vorhersage, Regionales Risiko">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="CovMap" />
+    <meta property="og:image" content="https://covmap.de/images/icons/icon-192x192.png" />
+    <meta property="og:description" content="Tool zur Visualisierung von epidemiologischen Daten und Frühindikatoren des SARS-CoV-2 Infektionsgeschehens" />
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:title" content="CovMap">
+    <meta property="twitter:description" content="Tool zur Visualisierung von epidemiologischen Daten und Frühindikatoren des SARS-CoV-2 Infektionsgeschehens">
+    <meta property="twitter:image" content="https://covmap.de/images/icons/icon-192x192.png">
+
+    <link rel="apple-touch-icon" sizes="192x192" href="/images/icons/icon-192x192.png">
+    <style>
+      body {
+        margin: 0;
+      }
+
+      @font-face {
+        font-family: 'Dosis';
+        font-weight: 600;
+        src: url('/Dosis-SemiBold.ttf') format('truetype');
+      }
+
+      @font-face {
+        font-family: 'Dosis';
+        font-weight: 300;
+        src: url('/Dosis-Light.ttf') format('truetype');
+      }
+    </style>
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"></link><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"></link><link rel="manifest" href="/manifest.json"></link><meta name="theme-color" content="#003f97"></meta><meta name="apple-mobile-web-app-capable" content="no"></meta><meta name="apple-mobile-web-app-status-bar-style" content="default"></meta><meta name="apple-mobile-web-app-title" content="CovMap"></meta><link rel="apple-touch-icon" href="/apple-touch-icon.png"></link><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#003f97"></link><meta name="msapplication-TileImage" content="/mstile-144x144.png"></meta><meta name="msapplication-TileColor" content="#ffffff"></meta></head>
+  <body>
+    <div id="app">
+      <div style="display: flex; justify-content: center; align-items: center; height: 100vh; flex-direction: column; background-color: #E3E9F3;">
+        <img src="/logo.svg" alt="CovMap" style="height: 5rem;">
+        <div style="margin-top: 1rem; font-family: Dosis, sans-serif; color: #002E62;">Bald verfügbar.</div>
+        <noscript style="display: flex;  justify-content: center; align-items: center; flex-direction: column;">
+          <div id="noscript-caption" style="font-family: Dosis, sans-serif; font-weight: 600; color: #FEAE00;">CovMap funktioniert nicht ohne Javascript.</div>
+        </noscript>
+      </div>
+    </div>
+</html>
diff --git a/hosting/static/logo.svg b/hosting/static/logo.svg