Initial commit

2020-06-27 15:56:54 +02:00
commit c3200c91db
65 changed files with 2701 additions and 0 deletions
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>kodos-{{ ansible_user_id }}.codesignd.net</title>
+    <meta name="robots" content="noindex, nofollow">
+
+    <style>
+    /* Reset */
+    html {
+      box-sizing: border-box;
+    }
+
+    *, *::before, *::after {
+      margin: 0;
+      padding: 0;
+
+      box-sizing: inherit;
+
+      text-decoration: none;
+      list-style: none;
+      border: none;
+    }
+
+    /* Container styling */
+    html {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      min-height: 100vh;
+
+      background: #efefef;
+    }
+
+    body {
+      min-width: 20rem;
+
+      background: #fff;
+      box-shadow: 0 0 10px #ddd;
+    }
+
+    @media (max-width: 25rem) {
+        html {
+            align-items: start;
+
+            background: initial;
+        }
+
+        body {
+            min-width: initial;
+            width: 100%;
+            padding-top: 1rem;
+
+            box-shadow: initial;
+        }
+    }
+
+    main {
+      padding: 1.5rem;
+    }
+
+    footer {
+      border-top: 2px dotted #efefef;
+      padding: 1rem;
+      text-align: center;
+    }
+
+    /* General Typography */
+    :root {
+      font-family: system-ui, sans-serif;
+      line-height: 1.4;
+    }
+
+    h1 {
+      font-size: 1.5rem;
+      font-weight: 600;
+      line-height: 1.2;
+      text-align: center;
+    }
+
+    h1 span {
+      font-size: 1.8rem;
+
+      display: block;
+    }
+
+    svg {
+      width: 8rem;
+      height: 8rem;
+
+      display: block;
+      margin: 0 auto 1rem;
+    }
+
+    .cog {
+      animation: rotate 30s linear infinite;
+      transform-origin: 50% 50%;
+    }
+    @keyframes rotate {
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+
+    a {
+      color: #ed8f1b;
+    }
+    footer a:not(:last-child) {
+      margin-right: 0.5em;
+    }
+    </style>
+  </head>
+  <body>
+    <main>
+      <svg viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path class="cog" d="M475.28 853.557L408.45 999.43a503.966 503.966 0 0 1-78.883-21.084l15.057-159.725a354.034 354.034 0 0 1-42.828-24.777l-130.73 92.853a510.782 510.782 0 0 1-57.761-57.762l92.853-130.729a354.034 354.034 0 0 1-24.777-42.828L21.655 670.434A503.967 503.967 0 0 1 .57 591.55l145.872-66.831a359.603 359.603 0 0 1-.85-24.72c0-8.31.287-16.553.85-24.72L.57 408.45a503.966 503.966 0 0 1 21.084-78.883l159.725 15.057a354.034 354.034 0 0 1 24.777-42.828l-92.853-130.73a510.782 510.782 0 0 1 57.762-57.761l130.729 92.853a354.034 354.034 0 0 1 42.828-24.777L329.566 21.655A503.967 503.967 0 0 1 408.45.57l66.831 145.872a359.404 359.404 0 0 1 49.44 0L591.55.57a503.966 503.966 0 0 1 78.883 21.084L655.377 181.38a354.034 354.034 0 0 1 42.828 24.777l130.73-92.853a510.782 510.782 0 0 1 57.761 57.762l-92.853 130.729a354.034 354.034 0 0 1 24.777 42.828l159.725-15.057a503.967 503.967 0 0 1 21.084 78.883L853.557 475.28a359.404 359.404 0 0 1 0 49.44l145.873 66.83a503.966 503.966 0 0 1-21.084 78.883L818.62 655.377a354.034 354.034 0 0 1-24.777 42.828l92.853 130.73a510.782 510.782 0 0 1-57.762 57.761l-130.729-92.853a354.034 354.034 0 0 1-42.828 24.777l15.057 159.725a503.967 503.967 0 0 1-78.883 21.084L524.72 853.557a359.404 359.404 0 0 1-49.44 0zM787.356 500c0-158.703-128.653-287.356-287.356-287.356S212.644 341.297 212.644 500 341.297 787.356 500 787.356 787.356 658.703 787.356 500z" fill="#F4B971"/><path stroke="#0BB888" stroke-width="57.471" d="M500 346.743l132.724 76.629v153.256L500 653.257l-132.724-76.629V423.372z"/><circle stroke="#ED8F1B" stroke-width="118.774" cx="500.001" cy="500" r="318.008"/></g></svg>
+      <h1><span>kodos-{{ ansible_user_id }}</span>.codesignd.net</h1>
+    </main>
+
+    <footer>
+      <a href="https://codesignd.com/contact">Contact</a>
+      <a href="https://codesignd.com/legal">Imprint</a>
+    </footer>
+  </body>
+</html>