edited fonts

src/lib/banner-title-alt.svelte

@@ -3,10 +3,12 @@
 
     let {
         title,
+        date = "",
         subtitle = "",
         banner = "",
     }: {
         title: string;
+        date?: string;
         subtitle?: string;
         banner?: string;
     } = $props();
@@ -20,6 +22,9 @@
         </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>
             {/if}
@@ -50,9 +55,7 @@
 
     .text-container {
         width: 48%;
-        margin-top: auto;
-        margin-bottom: auto;
-        padding-left: 24px;
+        margin: auto 24px;
     }
 
     .container img {
@@ -68,12 +71,15 @@
         left: 0;
         right: 0;
         bottom: 0px;
-        font-style: italic;
+        font-weight: 900;
+        /* font-style: italic; */
+    }
+
+    .date {
+
     }
 
     .subtitle {
-        font-size: 1.2rem;
-        line-height: 1.6rem;
-        font-style: italic;
+        /* font-style: italic; */
     }
 </style>