From 6ea77e8efa6f1540479c74df02fa6589e3678300 Mon Sep 17 00:00:00 2001
From: Marcell Mars <ki.ber@kom.uni.st>
Date: Fri, 3 Sep 2021 12:18:32 +0200
Subject: [PATCH] standalone logo if ever needed to be print or else...

---
 static/logo/index.html | 145 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 145 insertions(+)
 create mode 100644 static/logo/index.html
diff --git a/static/logo/index.html b/static/logo/index.html
new file mode 100644
index 0000000..e4ed5bf
--- /dev/null
+++ b/static/logo/index.html
@@ -0,0 +1,145 @@
+<!doctype html>
+<html lang="en-us">
+  <head><meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="theme-color" content="#ffffff">
+    <html class="no-js" lang="">
+      <style>
+       @font-face {
+         font-family: "Great Vibes";
+         font-style: normal;
+         font-weight: 400;
+         src: url("../fonts/great-vibes-v7-latin-ext_latin-regular.eot");
+         /* IE9 Compat Modes */
+         src: local("Great Vibes"), local("GreatVibes-Regular"),
+         url("../fonts/great-vibes-v7-latin-ext_latin-regular.eot?#iefix")
+         format("embedded-opentype"),
+         /* IE6-IE8 */ url("great-vibes-v7-latin-ext_latin-regular.woff2")
+         format("woff2"),
+         /* Super Modern Browsers */
+         url("../fonts/great-vibes-v7-latin-ext_latin-regular.woff") format("woff"),
+         /* Modern Browsers */
+         url("../fonts/great-vibes-v7-latin-ext_latin-regular.ttf")
+         format("truetype"),
+         /* Safari, Android, iOS */
+         url("../fonts/great-vibes-v7-latin-ext_latin-regular.svg#GreatVibes")
+         format("svg");
+         /* Legacy iOS */
+       }
+
+       .content {
+         display: flex;
+         justify-content: center;
+         margin-top: 3rem;
+       }
+
+       .sandpointslogosize {
+         font-size: 15rem;
+       }
+
+       .sandpointlogo {
+         border-radius: 50%;
+         border: 0.3em solid red;
+         display: inline-flex;
+         font-family: "Great Vibes", cursive;
+         font-size: 1.2em;
+         font-weight: bold;
+         color: white;
+         background-color: red;
+         position: relative;
+         padding-left: 1em;
+         padding-right: 0.2em;
+         padding-bottom: 1.2em;
+         max-width: 0em;
+         max-height: 0em;
+       }
+
+       .sandpointF {
+         position: absolute;
+         font-size: 1.2em;
+         margin-top: -0.2em;
+         margin-left: -0.44em;
+       }
+
+       .sandpointN {
+         position: absolute;
+         font-size: 0.9em;
+         margin-top: 0.2em;
+         color: red;
+         margin-left: -0.45em;
+       }
+
+       .sandpointC {
+         position: absolute;
+         font-size: 1em;
+         margin-left: -0.4em;
+         margin-top: -0.04em;
+         padding-bottom: 2;
+       }
+
+       @media print {
+         .sandpointlogo {
+           border-radius: 50%;
+           border: 0.3em solid red;
+           display: inline-flex;
+           font-family: "Great Vibes", cursive;
+           font-size: 1.2em;
+           font-weight: bold;
+           color: white;
+           background-color: red;
+           position: relative;
+           padding-left: 1em;
+           padding-right: 0.2em;
+           padding-bottom: 1.2em;
+           max-width: 0em;
+           max-height: 0em;
+         }
+
+         .sandpointF {
+           position: absolute;
+           font-size: 1.2em;
+           margin-top: -0.2em;
+           margin-left: -0.44em;
+         }
+
+         .sandpointN {
+           position: absolute;
+           font-size: 0.9em;
+           margin-top: 0.2em;
+           color: red;
+           margin-left: -0.45em;
+         }
+
+         .sandpointC {
+           position: absolute;
+           font-size: 1em;
+           margin-left: -0.4em;
+           margin-top: -0.04em;
+           padding-bottom: 2;
+         }
+
+         .content {
+           display: flex;
+           justify-content: center;
+           align-items: center;
+         }
+
+         .sandpointslogosize {
+           font-size: 15rem;
+         }
+       }
+      </style>
+  </head>
+  <body>
+    <div class="content">
+      <div class="sandpointslogosize">
+        <div class="sandpointlogo">
+          <span class="sandpointF">ß</span>
+          <span class="sandpointN">•</span>
+          <span class="sandpointC">:</span>
+        </div>
+      </div>
+    </div>
+  </body>
+    </html>
