moved CSS rules so that link lists and ul look identical; adjusted header

src/routes/projects/daisyfm/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import BannerTitleAlt from "$lib/banner-title-alt.svelte";
+    import Banner2 from "$lib/banner2.svelte";
     import Content from "$lib/content.svelte";
     import TableOfContents from "$lib/table-of-contents.svelte";
 </script>
@@ -8,19 +8,20 @@
     <title>Daisy FM Synth | denizk0461</title> 
 </svelte:head>
 
-<BannerTitleAlt
-    title="Daisy FM Synth"
-    banner="/projects/daisyfm/banner.webp"
-    bannerAlt="Close-up of Daisy, focussed on the effect knobs"/>
-
 <Content>
+    <Banner2
+        title="Daisy FM Synth"
+        date="2025-04-04"
+        banner="/projects/daisyfm/banner.webp"
+        bannerAlt="Close-up of Daisy, focussed on the effect knobs"/>
+
     <img src="/projects/daisyfm/fullview.webp" alt="Top view of the Daisy FM synth">
 
     <p>A friend showed me the <a href="https://electro-smith.com/products/daisy-seed">Daisy Seed</a>, an Arduino-compatible microcontroller made for developing audio equipment. With a little bit of motivation and absolutely no experience in either programming synthesisers or electronics in general, I quickly got my hands on one and started to toy around.</p>
 
     <p>So... <i>how did we get here?</i></p>
 
-    <TableOfContents disableStickyScrolling />
+    <TableOfContents />
 
     <h2 id="creation">How did I make this?</h2>