Add logo, fix styles, and update footer

content/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "Wiki Cafe"
 date: 2025-03-14T04:59:59Z
-draft: true
+draft: false
 ---
 
 **Wiki Cafe** is a [**co-op**](pages/co-op) \

themes/wikidarity/assets/css/main.css

@@ -1,13 +1,18 @@
+/* TODO: Implement a dark mode */
+/* :root {
+  color-scheme: light dark;
+
+} */
+
 body {
-  color: #222;
+  color: oklch(0.145 0 0);
   line-height: 1.5;
   font-family: "RecVar", Helvetica, Arial, sans-serif;
   max-width: 64rem;
   margin: 0 auto;
   padding: 2rem;
-  background-color: hsl(0, 0%, 90%);
+  background-color: oklch(0.97 0 0);
   transition: background-color 0.2s ease;
-
 }
 
 h1 {
@@ -54,11 +59,6 @@ a {
 a:hover {
   text-decoration-color: #00e;
 }
-a:focus {
-  text-decoration-color: #00e;
-  outline: 2px solid #00e;
-  outline-offset: 2px;
-}
 a:focus-visible {
   text-decoration-color: #00e;
   outline: 2px solid #00e;
@@ -83,10 +83,10 @@ a:visited:focus-visible {
 /* TODO: Read this: https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible*/
 
 blockquote {
-  border-left: 2px #222 solid;
+  border-left: 2px oklch(0.145 0 0) solid;
   margin: 0;
   padding: 0.5rem 0 0.5rem 1rem;
-  background-color: rgba(0, 0, 0, 0.02);
+  background-color: oklch(0.145 0 0);
   border-radius: 3px;
 }
 
@@ -95,26 +95,30 @@ code {
   background-color: #f3f3f3;
   padding: 0.1em 0.3em;
   border-radius: 3px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 2px oklch(0.145 0 0);
 }
 
 header {
-  border-bottom: 1px solid #222;
+  border-bottom: 1px solid oklch(0.145 0 0);
   margin-bottom: 2rem;
   padding-bottom: 0.5rem;
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: end;
+}
+
+.header-left {
+  justify-content: start;
 }
 
 .header-right {
-  margin-left: auto;
+  justify-content: end;
 }
 
 footer {
-  border-top: 1px solid #222;
+  border-top: 1px solid oklch(0.145 0 0);
   margin-top: 2rem;
-  padding-top: 0.5rem;
+  padding-top: 1rem;
 }
 
 /* Media queries for responsiveness */

themes/wikidarity/layouts/partials/footer.html

@@ -1 +1,2 @@
-<p>Copyright {{ now.Year }}. All rights reserved.</p>
+<img src="/wc_logo_-_black_no-bg.webp" alt="Wiki Cafe Logo" class="footer-logo-img" width="128" height="128">
+<p>Copyright {{ now.Year }}. All rights reserved.</p>

themes/wikidarity/layouts/partials/header.html

@@ -1,5 +1,7 @@
-<h1>{{ site.Title }}</h1>
+<div class="header-left">
+    <h1><a href="{{ .Site.BaseURL }}">{{ site.Title }}</a></h1>
+</div>
 <div class="header-right">
-    <a href="/signin">Sign in</a>
+    <a href="https://console.wiki.cafe">Sign in</a>
 </div>
 <!-- {{ partial "menu.html" (dict "menuID" "main" "page" .) }} -->