added new devlog

src/lib/content-sidebar.svelte

@@ -1,11 +1,13 @@
 <div class="content">
     <div class="side">
-        <slot name="side" />
+        <slot name="side-left" />
     </div>
     <div class="main">
         <slot name="main" />
     </div>
-    <div class="side"></div>
+    <div class="side">
+        <slot name="side-right" />
+    </div>
 </div>
 
 <style>

src/lib/devlog-posts.ts

@@ -6,6 +6,12 @@ export interface DevlogPost {
 };
 
 export const posts: DevlogPost[] = [
+    {
+        title: "The Making of a Protagonist, Part IV",
+        subtitle: "2025-04-27",
+        date: 20250427,
+        // banner: "fishmonger.webp",
+    },
     {
         title: "Refactoring",
         subtitle: "2025-03-16",

src/lib/link-list.svelte

@@ -12,7 +12,7 @@
     } = $props();
 </script>
 
-<ul>
+<ul class="styled-list">
     {#each entries as entry}
     <li>
         <a href={entry.link}>
@@ -26,23 +26,7 @@
 </ul>
 
 <style>
-    ul {
-        padding: 0;
-    }
-
-    li::before {
-        content: "–";
-        color: var(--color-highlight);
-        padding-right: 8px;
-    }
     li {
-        display: flex;
-        padding-left: 0;
-        margin-top: 4px;
-        margin-bottom: 4px;
-        transition: background-color 0.2s ease-in-out;
-        padding: 2px 12px;
-    
         --notch-size-link: 10px;
         clip-path: polygon(
             0% var(--notch-size-link),