Adds cover page

assets/css/smartbar.css

@@ -1,3 +1,17 @@
-#page {
-    
+@font-face {
+    font-family: "Heading Now";
+    src: url("/assets/font/HeadingNow-95Medium.otf");
+}
+
+.ytmnd-1 {
+    color: #fff;
+    text-shadow:
+        0px 10px 0 rgb(209, 1, 209),
+        0px 20px 0 black;
+}
+
+.ytmnd-2 {
+    color: #fff;
+    text-shadow:
+        0px 6px 0 rgb(209, 1, 209);
 }

pages.yaml

@@ -1,7 +1,6 @@
 # locations in pages/
 
 - cover.html
-- bouba.html
 - gtkapplang-1.html
 - gtkapplang-2.html
 - gtkapplang-3.html

pages/bouba.html

@@ -1,9 +0,0 @@
-<style>
-    #bouba-page {
-        background-color: red;
-    }
-</style>
-
-<div id="bouba-page" class="page-base">
-    This is a test kiki. 
-</div>

pages/cover.html

@@ -1,9 +1,49 @@
 <style>
     #cover-page {
-        background-color: green;
+        position: relative;
+        background: 
+            linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)),
+            url("/assets/img/cover.jpg") no-repeat center center;
+        background-size: cover;
+    }
+
+    #logo {
+        position: absolute;
+        top: 29px;
+        left: 8px;
+
+        transform: scaleY(1.85);
+
+        font-family: "Heading Now";
+        font-size: 68px;
+
+        color: #fff;
+        text-shadow:
+            0px 10px 0 rgb(209, 1, 209),
+            0px 20px 0 black;
+    }
+
+    #edition {
+        position: absolute;
+        right: 8px;
+        bottom: 20px;
+
+        transform: scaleY(0.8);
+
+        font-family: "Heading Now";
+        font-size: 32px;
+
+        text-align: right;
     }
 </style>
 
 <div id="cover-page" class="page-base">
-    welcome to smart bar
+
+    <div id="logo" class="ytmnd-1">smart bar</div>
+
+    <div id="edition" class="ytmnd-2">
+        <div>sf cyberculture zine</div>
+        <div>issue 1, 2025</div>
+    </div>
+
 </div>