rework CSS, add Chaos-West logo and headline

ChaosWest · Oct 5, 2023 · 9d4294d · 9d4294d
1 parent 15d29de
commit 9d4294d
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -26,12 +26,35 @@
       font-size: 12px;
       padding: 0 15px;
     }
-    a { color: lime; text-decoration: none; display: grid; grid-template-columns: 1fr 1fr 40px; align-items: center; margin: 15px; gap: 12px; }
+    a {
+      color: lime;
+      text-decoration: none;
+      display: grid;
+      grid-template-columns: 1fr 1fr 40px;
+      align-items: center;
+      margin: 15px;
+      gap: 12px;
+    }
     a.space img, div { height: 40px; }
     .logo { text-align: center; }
+    h1 {
+      font-size: 18pt;
+    }
+    header {
+      max-width: 450px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      gap: 15px;
+      padding: 5px 15px;
+    }
   </style>
 </head>
 <body>
+  <header>
+    <img style="height: 42px;" src="https://github.com/ChaosWest/icon/raw/master/chaoswest-icon-color.svg" alt="Chaos-West" />
+    <h1>Chaos-West Spaces</h1>
+  </header>
   <main>
     <a class="space" href="https://www.das-labor.org">
       Das Labor