added content to latest devlog

src/lib/banner-title.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+    import SeparatorLine from "./separator-line.svelte";
+
     let {
         title,
         subtitle = "",
@@ -14,8 +16,11 @@
 <div class="container">
     <img src="{banner}">
     <h1 class="title">{title}</h1>
-    <p class="subtitle">{subtitle}</p>
 </div>
+{#if subtitle}
+<h1 class="subtitle">{subtitle}</h1>
+{/if}
+<SeparatorLine />
 
 <style>
     .container {
@@ -46,6 +51,8 @@
     }
 
     .subtitle {
-
+        padding-left: 24px;
+        font-size: 2.2rem;
+        line-height: 2.5rem;
     }
 </style>

src/lib/lists/gallery-entry.svelte

@@ -53,7 +53,7 @@
 
     .entry {
         margin: 4px;
-        padding-bottom: 12px;
+        padding-bottom: 20px;
         background-color: var(--color-background-highlight);
         text-decoration: none; /* removes link underline */
         transition: background-color 0.16s ease-in-out;

src/lib/separator-line.svelte

@@ -0,0 +1,12 @@
+<hr>
+
+<style>
+    hr {
+        width: 100%;
+        height: 1px;
+        margin-top: 20px;
+        margin-bottom: 20px;
+        border: none;
+        border-top: 2px dashed var(--color-highlight);
+    }
+</style>

src/lib/video.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    let {
+        src,
+    }: {
+        src: string;
+    } = $props();
+</script>
+
+<video controls class="video-block">
+    <source src={src} type="video/mp4">
+    Video is broken, sorry!
+</video>