I did a bunch of stuff. No dev db because that was too hard for me. I got the blag stuff working and figured out the Intials Stuff. I had to build it myself

src/routes/+layout.svelte

@@ -1,53 +1,34 @@
 <script lang="ts">
   interface Props {
-    data: {
-      users: {
-        name: string;
-        email: string;
-      }[];
-    };
+    data: {};
     children: any;
   }
   let { data, children }: Props = $props();
-  $inspect(data);
+  // $inspect("l",data);
 </script>
 
 <nav>
   <a href="/">Sludge</a>
   <a href="/fest">Fest</a>
   <a href="/pork">Pork</a>
+  <a href="/blag">Blag</a>
 </nav>
 
 <main>
   {@render children()}
 </main>
 
-<aside>
-  <!-- <h2>Sidebar</h2> -->
-<!--   <ul>
-    {#each data.users as user}
-      <li>
-        <a href={`/user/${user.name}`}>{user.name}</a>
-      </li>
-    {/each}
-  </ul> -->
-</aside>
-
 <style lang="scss">
   @use '/src/app.scss' as *;
   :global(body) {
-    background-color: $green-42;
-    $list: (
-      // '3px-tile.png',
-      'arabesque.png',
-      // 'beige-paper.png',
-      // 'binding-dark.png',
-      // '45-degree-fabric-light.png'
-    );
-    $bg: nth($list, random(length($list)));
-    background-image: url('/patterns/#{$bg}');
-    // background-image: url('/pattern.svg');
-    // background-repeat: no-repeat;
+    background-color: $green-42;   
+  // '3px-tile.png',
+  // 'arabesque.png',
+  // 'beige-paper.png',
+  // 'binding-dark.png',
+  // '45-degree-fabric-light.png'
+
+    background-image: url('/patterns/arabesque.png');
     background-attachment: fixed;
   }
   nav{
@@ -55,7 +36,9 @@
     display: flex;
     gap: 1rem;
     justify-content: flex-end;
+    text-shadow: 3px 3px 3px $green;
     a{
+      font-weight: 700;
       text-decoration: none;
       &:first-child{
         margin-right: auto;
@@ -71,60 +54,75 @@
     flex-direction: row;
   }
 
-  aside {
-    width: 200px;
-    padding: 1rem;
-  }
-
 
   :global(html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video){
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
-    font: inherit;
-    color: inherit;
+    // font: inherit;
+    color: $yellow;
     font-family: "Garamond", serif;
+    font-size-adjust: 0.75;
     vertical-align: baseline;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
-    font-size-adjust: 0.75;
   }
 
-
   @font-face{
-    font-family: 'Garamond';
+    font-family: 'Baskerville';
     font-display: swap;
-    font-style: normal;
-    font-weight: 100;
-    src: url(/font/EBGaramond-Initials.otf) format('opentype');
-  }
-  @font-face{
-    font-family: 'Garamond';
-    font-display: swap;
-    font-style: normal;
+    font-style: italic;
     font-weight: 500;
-    src: url(/font/EBGaramond08-Regular.otf) format('opentype');
+    src: url(/font/LibreBaskerville-Italic.otf) format('opentype');
   }
   @font-face{
-    font-family: 'Garamond';
-    font-display: swap;
-    font-style: normal;
-    font-weight: 600;
-    src: url(/font/EBGaramondSC08-Regular.otf) format('opentype');
-  }
-  @font-face{
-    font-family: 'Garamond';
-    font-display: swap;
-    font-style: normal;
-    font-weight: 800;
-    src: url(/font/EBGaramond12-Regular.otf) format('opentype');
-  }
-  @font-face{
-    font-family: 'Garamond';
+    font-family: 'Baskerville';
     font-display: swap;
     font-style: normal;
     font-weight: 900;
-    src: url(/font/EBGaramondSC12-ExtraBold.otf) format('opentype');
+    src: url(/font/LibreBaskerville-Bold.otf) format('opentype');
+  }
+  @font-face{
+    font-family: 'Baskerville';
+    font-display: swap;
+    font-style: normal;
+    font-weight: 500;
+    src: url(/font/LibreBaskerville-Regular.otf) format('opentype');
+  }
+
+  @font-face{
+    font-family: 'Initials';
+    font-display: swap;
+    font-style: normal;
+    font-weight: 500;
+    src: url(/font/EBGaramond-Initials.otf) format('opentype');
+  }
+  @font-face{
+    font-family: 'Initials';
+    font-display: swap;
+    font-style: normal;
+    font-weight: 100;
+    src: url(/font/EBGaramond-InitialsF1.otf) format('opentype');
+  }
+  @font-face{
+    font-family: 'Initials';
+    font-display: swap;
+    font-style: normal;
+    font-weight: 200;
+    src: url(/font/EBGaramond-InitialsF2.otf) format('opentype');
+  }
+ 
+  @font-face{
+    font-family: 'Garamond';
+    font-display: swap;
+    font-style: italic;
+    src: url(/font/EBGaramond-Italic.ttf) format('truetype');
+  }
+  @font-face{
+    font-family: 'Garamond';
+    font-display: swap;
+    font-style: normal;
+    src: url(/font/EBGaramond.ttf) format('truetype');
   }
 </style>