chchchchch changez

src/components/ui/Footer.astro

@@ -1,5 +1,5 @@
 ---
-
+import { isBirthday } from "~/lib/fun";
 ---
 
 <footer class="mt-12 text-sm text-light-tx-2 dark:text-dark-tx-2">
@@ -10,5 +10,12 @@
       ivyturner/trellis
     </a>
   </p>
-  <p>love yourself.</p>
+  <p>love yourself.
+    {isBirthday() && (
+      <span class="text-light-accent dark:text-dark-accent">
+        {" "}
+        happy birthday!
+      </span>
+    )}
+  </p>
 </footer>

src/components/ui/Header.astro

@@ -1,30 +1,13 @@
 ---
 import Navigation from "./Navigation.astro";
 import conf from "~/site.config";
-import { isBlog } from "~/lib/metadata";
 
-let headertext = conf.siteName;
+let headertext = conf.site.title;
 let headerurl = "/";
-let headerarrow = false;
-
-if (isBlog(Astro.url.pathname)) {
-	headertext = "Everything And The Girl";
-	headerurl = "/blog";
-	headerarrow = true;
-}
 ---
 
 <header class="md:flex md:justify-between md:items-center mb-4">
 	<h1 class="text-2xl font-bold">
-		{
-			headerarrow && (
-				<span class="mr-2">
-					<a href="/">
-						<i class="fa-solid fa-arrow-left text-light-pu dark:text-dark-pu" />
-					</a>
-				</span>
-			)
-		}
 		<a href={headerurl}>{headertext}</a>
 	</h1>
 	<Navigation />

src/components/ui/Navigation.astro

@@ -23,7 +23,7 @@ const headerLinks = [
   {
     label: "Blog",
     href: "/blog",
-    icon: "fa-solid fa-blog",
+    icon: "fa-solid fa-star",
   },
   {
     label: "Contact",
@@ -36,12 +36,11 @@ const headerLinks = [
 <nav class="flex flex-row gap-4">
   {
     headerLinks.map((link) => (
-      <span>
+      <span class="block bg-light-pu dark:bg-dark-pu text-black py-2 px-3 rounded-2xl">
         <i class={`${link.icon} mr-0.5 text-sm`} />
         <a
           href={link.href}
-          class="underline decoration-wavy underline-offset-4 decoration-1.5
-        decoration-light-pu dark:decoration-dark-pu"
+          class=""
         >
           {link.label}
         </a>

src/components/ui/Notif.astro

@@ -4,21 +4,27 @@ import { clsx } from "clsx";
 interface Props {
 	level: number;
 	icon?: string;
+	heading?: string;
+	xstyle?: string;
 }
 
 // level 0: info/note
 // level 1: warning
 // level 2: attn needed: oh fuck
 
-const { level } = Astro.props;
+const { level, icon, heading, xstyle } = Astro.props;
 ---
 
 <div
-	class={clsx("sm:block md:hidden text-black", {
+	class={clsx(`sm:block md:hidden text-black ${xstyle}`, {
 		"bg-light-ye dark:bg-dark-ye": level === 0,
 		"bg-light-or dark:bg-dark-or": level === 1,
 		"bg-light-re dark:bg-dark-re": level === 2,
 	})}
 >
+	<div class="flex items-center">
+		{icon && <i class={`${icon} text-xl mr-2`}></i>}
+		{heading && <h2 class="text-xl font-bold">{heading}</h2>}
+	</div>
 	<slot />
 </div>

src/components/ui/Prose.astro

@@ -2,6 +2,6 @@
 
 ---
 
-<div class="prose dark:prose-invert prose-p:text-light-tx dark:prose-p:text-dark-tx prose-h3:mt-1 prose-a:decoration-dotted prose-a:underline-offset-4 prose-a:decoration-2 prose-a:underline prose-a:decoration-light-pu dark:prose-a:decoration-dark-pu">
+<div class="prose dark:prose-invert prose-p:text-light-tx dark:prose-p:text-dark-tx prose-h3:mt-1 prose-a:decoration-dotted prose-a:underline-offset-4 prose-a:decoration-2 prose-a:underline prose-a:decoration-light-pu dark:prose-a:decoration-dark-pu prose-ul:list-disc">
     <slot />
 </div>

src/components/ui/Strapline.astro

@@ -15,7 +15,7 @@ const { title, description, icon, date } = Astro.props;
       if (date) {
         return (
           <p class="mt-2 text-sm text-light-tx-2 dark:text-dark-tx-2">
-            last updated: <Date date={date} />
+             <Date date={date} />
           </p>
         );
       }