the shape of future yukinets to come...

2025-08-02 23:32:36 -04:00 · 2025-08-02 23:32:36 -04:00 · 6ca2842b45
commit 6ca2842b45
parent f2ca1d74d6
14 changed files with 65 additions and 11 deletions
--- a/_data/meta.json
+++ b/_data/meta.json
@ -1,3 +1,4 @@
 {
-    "sitename": "yukinets"
+    "sitename": "yukinets",
+    "motd": "kill everyone now!! condone first degree murder!!"
 }
--- a/_includes/base.njk
+++ b/_includes/base.njk
@ -1,12 +1,21 @@
 <!DOCTYPE html>
 <html>
    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>{% if title %} {{ title }} | {{ meta.sitename }} {% else %} {{ meta.sitename }} {% endif %}</title>
-        <link rel="stylesheet" href="/css/{{ style if style else "general_styles" }}.css">
+        {% include "base_head.njk" %}
    </head>
    <body>
-        {{ content | safe }}
+        <div class="main-page-wrapper">
+                <div class="header-wrapper">
+                    <img class="header-banner" src="/img/banner-alt.png" alt="yukinets">
+                </div>
+                <marquee class="motd" behavior="scroll" direction="left">
+                    <img src="/img/Witch-on-broom.gif" alt="">
+                    <p>{{ motd if motd else meta.motd }}</p>
+                </marquee>
+                <nav class="navbar-wrapper">
+                    <img class="nav-button" src="/img/hbutton.png" alt="Home">
+                </nav>
+            {{ content | safe }}
+        </div>
    </body>
 </html>
--- a/_includes/base_head.njk
+++ b/_includes/base_head.njk
@ -0,0 +1,4 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>{% if title %} {{ title }} | {{ meta.sitename }} {% else %} {{ meta.sitename }} {% endif %}</title>
+<link rel="stylesheet" href="/css/{{ style if style else "main" }}.css">
--- a/_includes/general.scss
+++ b/_includes/general.scss
@ -1,4 +1,11 @@
-body {
-    background-color: bisque;
-    color: blueviolet;
-}
+* {
+    margin: 0;
+    box-sizing: border-box;
+}
+
+.main-page-wrapper {
+    height: min-content;
+    min-width: 0;
+    max-width: 802px;
+    margin: 8px auto;
+}
--- a/_includes/main-palette.scss
+++ b/_includes/main-palette.scss
@ -0,0 +1,2 @@
+$bg: #e4ffdc;
+$border: #000;
--- a/css/general_styles.scss
+++ b/css/general_styles.scss
@ -1 +0,0 @@
-@use "general";
--- a/css/main.scss
+++ b/css/main.scss
@ -0,0 +1,32 @@
+@use "general";
+@use "main-palette" as mp;
+
+body {
+    background-color: mp.$bg;
+    background-image: url("/img/bgpat.png");
+    background-repeat: repeat;
+}
+
+.header-wrapper {
+    width: 100%;
+
+    img {
+        border: 1px solid mp.$border;
+        display: block;
+        margin-bottom: 8px;
+    }
+}
+
+.motd {
+    img { display: inline; }
+    p { display: inline; }
+}
+
+.navbar-wrapper {
+    margin: 0;
+    padding: 0;
+
+    .nav-button {
+        border: 1px solid mp.$border;
+    }
+}
--- a/img/Witch-on-broom.gif
+++ b/img/Witch-on-broom.gif
--- a/img/banner-alt.png
+++ b/img/banner-alt.png
--- a/img/bgpat.png
+++ b/img/bgpat.png
--- a/img/btnbg.png
+++ b/img/btnbg.png
--- a/img/button.png
+++ b/img/button.png
--- a/img/hbutton.png
+++ b/img/hbutton.png
--- a/img/homeb.png
+++ b/img/homeb.png