A couple visual fixes.

Add GitLab link back to nav bar.

src/lib/header/NavBar.svelte

@@ -1,7 +1,6 @@
 <script>
   import { page } from '$app/stores';
   const routes = [
-    { path: '/', name: 'Home' },
     { path: '/download', name: 'Download' },
     { path: '/blog', name: 'Blog' },
   ]
@@ -13,21 +12,22 @@
     </div>
     <div>
         <ul data-sveltekit-prefetch>
+            <li class:active={$page.url.pathname === '/'}>
+                <a href='/'>Home</a>
+            </li>
             {#each routes as route}
-                <li class:active={$page.url.pathname === route.path}>
+                <li class:active={$page.url.pathname.startsWith(route.path)}>
                     <a href={route.path}>{route.name}</a>
                 </li>
             {/each}
         </ul>
     </div>
     <div style="display: flex; align-items: center;">
-        <!--
         <a title="Kafka Dance GitLab" href="https://gitlab.com/kafka-dance">
             <img alt="GitLab Logo" style="height: 18px; width: auto;"
                  class="white-glow"
-                 src="/gitlab-logo-white.png">
+                 src="/gitlab-logo-white.svg">
         </a>
-        -->
     </div>
 </nav>
 
@@ -50,7 +50,7 @@
     }
     li {
         content: '';
-        padding: 0 2em;
+        padding: 0 1em;
         white-space: nowrap;
     }
     li a {
@@ -59,4 +59,9 @@
     li.active::before {
         content: '> '
     }
+    @media (min-width: 480px) {
+        li {
+            padding: 0 2em;
+        }
+    }
 </style>

src/routes/blog/+page.svelte

@@ -24,6 +24,7 @@
 <style>
     .with-image {
         display: flex;
+        flex-direction: column;
         background-color: rgba(0, 0, 0, 0.03);
         padding: 1em;
         transition: background-color 300ms;

src/routes/blog/[post]/+page.svelte

@@ -11,8 +11,12 @@
 </div>
 
 <style>
+    h1 {
+        margin-bottom: 0;
+    }
+
     .content {
-        max-width: 50vw;
+        max-width: 90vw;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -27,7 +31,7 @@
         justify-content: center;
     }
     .title-with-image img {
-        margin: 2em 2em 0;
+        margin: 0 2em 0;
     }
     /*
     .title-with-image h1 {
@@ -42,6 +46,9 @@
         max-width: 80vw;
     }
     @media (min-width: 720px) {
+        .content {
+            max-width: 50vw;
+        }
         .title-with-image img {
             max-width: 30vw;
         }