changed fonts; changed colour for project n5 devlogs to red; added page for next devlog with new banner

src/lib/banner-title-alt.svelte

@@ -22,11 +22,11 @@
         </div>
         <div class="text-container">
             <h1 class="title">{title}</h1>
-            {#if date}
-            <p class="date">{date}</p>
-            {/if}
             {#if subtitle}
-            <p class="subtitle">{subtitle}</p>
+            <p class="subtitle">[ {subtitle} ]</p>
+            {/if}
+            {#if date}
+            <p class="date">» {date}</p>
             {/if}
         </div>
     </div>
@@ -51,6 +51,7 @@
 
     .img-container {
         flex-grow: 1;
+        width: 50%;
     }
 
     .text-container {
@@ -76,10 +77,18 @@
     }
 
     .date {
-
+        font-family: var(--font-title);
+        font-weight: 800;
+        font-size: 1.3rem;
+        margin-top: 0;
+        color: var(--color-highlight);
     }
 
     .subtitle {
-        /* font-style: italic; */
+        font-style: italic;
+        font-family: var(--font-mono);
+        font-weight: 800;
+        font-size: 1.3rem;
+        margin-top: 0;
     }
 </style>

src/lib/banner-title.svelte

@@ -51,7 +51,7 @@
         right: 0;
         bottom: 0px;
         font-weight: 900;
-        background-image: linear-gradient(to right, #00000088, #000000AA);
+        background-image: linear-gradient(to right, #1b1b1bFF, #1b1b1bBF);
     }
 
     .subtitle {

src/lib/content-sidebar.svelte

@@ -0,0 +1,21 @@
+<div class="content">
+    <div class="side">
+        <slot name="side" />
+    </div>
+    <div class="main">
+        <slot name="main" />
+    </div>
+    <div class="side"></div>
+</div>
+
+<style>
+    .content {
+        max-width: 2000px;
+        margin: 0 auto 228px;
+        display: flex;
+        flex-direction: row;
+    }
+    .side {
+        min-width: 400px;
+    }
+</style>

src/lib/lists/gallery-entry.svelte

@@ -75,6 +75,8 @@
     .entry p:nth-child(2) {
         font-size: 20px;
         margin-top: 12px;
+        font-family: var(--font-title);
+        font-size: 1.1rem;
         font-weight: 800;
         font-style: italic;
     }

src/lib/table-of-contents.svelte

@@ -88,7 +88,8 @@
         }
 
         .toc-level-0 a {
-        padding-left: 44px;
+            font-weight: 800;
+            padding-left: 44px;
         }
         .toc-level-1 a {
             padding-left: 68px;