Replace navigation bar text with logo for cleaner look

NotAwar · NotAwar · commit 162b235cf300 · 2025-12-19T22:59:15.000+01:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -4,7 +4,9 @@
 <body>
   <header class="site-header">
     <div class="container">
-      <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title }}</a>
+      <a class="site-title" rel="author" href="{{ "/" | relative_url }}">
+        <img src="{{ '/assets/images/logo.png' | relative_url }}" alt="{{ site.title }}" class="site-logo">
+      </a>
       <nav class="site-nav">
         <input type="checkbox" id="nav-trigger" class="nav-trigger" />
         <label for="nav-trigger">
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -60,14 +60,24 @@ body {
   }
   
   .site-title {
-    color: var(--gold-primary);
-    font-weight: 700;
-    font-size: 1.5rem;
-    margin: 0;
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    transition: var(--transition);
+    
+    .site-logo {
+      height: 45px;
+      width: auto;
+      transition: var(--transition);
+    }
     
     &:hover {
-      color: var(--gold-secondary);
       text-decoration: none;
+      
+      .site-logo {
+        transform: scale(1.05);
+        filter: brightness(1.2);
+      }
     }
   }
   
