From ae64b5d76a38bf89a3b756344e35fd4439d3f17a Mon Sep 17 00:00:00 2001
From: Laker Turner <la@laker.gay>
Date: Wed, 23 Apr 2025 21:09:04 +0100
Subject: [PATCH] nice

---
 src/components/ui/Footer.astro     |  2 +-
 src/components/ui/Navigation.astro | 11 ++--
 src/components/ui/Prose.astro      |  6 ++-
 src/components/ui/Strapline.astro  |  8 ++-
 src/content/notes/202504231431.md  |  2 +-
 src/layouts/Note.astro             | 85 ++++++++++++++++--------------
 src/pages/blog/index.astro         |  8 +--
 src/pages/more.astro               | 29 +++++++++-
 8 files changed, 92 insertions(+), 59 deletions(-)

diff --git a/src/components/ui/Footer.astro b/src/components/ui/Footer.astro
index 1e02003..734d1f6 100644
--- a/src/components/ui/Footer.astro
+++ b/src/components/ui/Footer.astro
@@ -2,7 +2,7 @@
 import { isBirthday } from "~/lib/fun";
 ---
 
-<footer class="mt-12 text-sm text-light-tx-2 dark:text-dark-tx-2">
+<footer class="mt-12 mb-4 text-sm text-light-tx-2 dark:text-dark-tx-2">
   <p>© {new Date().getFullYear()} Ivy Turner</p>
   <p>
     <a class="underline" href="https://github.com/ivyturner/trellis">
diff --git a/src/components/ui/Navigation.astro b/src/components/ui/Navigation.astro
index e343af7..eeaed81 100644
--- a/src/components/ui/Navigation.astro
+++ b/src/components/ui/Navigation.astro
@@ -8,7 +8,7 @@ const headerLinks = [
   {
     label: "/now",
     href: "/now",
-    icon: "fa-solid fa-calendar-days"
+    icon: "fa-solid fa-calendar-days",
   },
   {
     label: "Projects",
@@ -29,7 +29,12 @@ const headerLinks = [
     label: "Contact",
     href: "/contact",
     icon: "fa-solid fa-envelope",
-  }, 
+  },
+  {
+    label: "More",
+    href: "/more",
+    icon: "fa-solid fa-arrow-right",
+  },
 ];
 ---
 
@@ -40,9 +45,7 @@ const headerLinks = [
         <i class={`${link.icon} mr-0.5 text-sm`} />
         <a
           href={link.href}
-
           aria-current={Astro.url.pathname === link.href ? "page" : undefined}
-
           class="underline decoration-wavy underline-offset-4 decoration-1.5
         decoration-light-pu dark:decoration-dark-pu"
         >
diff --git a/src/components/ui/Prose.astro b/src/components/ui/Prose.astro
index 7600e3c..b301a08 100644
--- a/src/components/ui/Prose.astro
+++ b/src/components/ui/Prose.astro
@@ -2,6 +2,8 @@
 
 ---
 
-<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
+  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:text-light-tx dark:prose-a:text-dark-tx 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 prose-strong:text-light-tx dark:prose-strong:text-dark-tx"
+>
+  <slot />
 </div>
diff --git a/src/components/ui/Strapline.astro b/src/components/ui/Strapline.astro
index e28b1d1..b10cc71 100644
--- a/src/components/ui/Strapline.astro
+++ b/src/components/ui/Strapline.astro
@@ -9,13 +9,17 @@ const { title, description, icon, date } = Astro.props;
     <i class={`${icon} text-xl mr-2 text-light-pu dark:text-dark-pu`}></i>
     {title}
   </h2>
-  <p class="mt-2 text-sm text-light-tx-2 dark:text-dark-tx-2">{description}</p>
+  <p
+    class="text-sm text-light-tx-2 dark:text-dark-tx-2 border-l-2 border-light-pu dark:border-dark-pu pl-4 mt-2"
+  >
+    {description}
+  </p>
   {
     () => {
       if (date) {
         return (
           <p class="mt-2 text-sm text-light-tx-2 dark:text-dark-tx-2">
-             <Date date={date} />
+            <Date date={date} />
           </p>
         );
       }
diff --git a/src/content/notes/202504231431.md b/src/content/notes/202504231431.md
index 853ccb3..975f640 100644
--- a/src/content/notes/202504231431.md
+++ b/src/content/notes/202504231431.md
@@ -4,4 +4,4 @@ icon: fa-solid fa-music
 exturl: https://www.last.fm/music/Fontaines+D.C./_/Before+You+I+Just+Forget
 ---
 
-Loved [Before You I Just Forget](https://www.last.fm/music/Fontaines+D.C./_/Before+You+I+Just+Forget) by [Fontaines D.C.](https://www.last.fm/music/Fontaines+D.C.) on [last.fm](https://last.fm/user/lxjv
\ No newline at end of file
+Loved [Before You I Just Forget](https://www.last.fm/music/Fontaines+D.C./_/Before+You+I+Just+Forget) by [Fontaines D.C.](https://www.last.fm/music/Fontaines+D.C.) on [last.fm](https://last.fm/user/lxjv)
\ No newline at end of file
diff --git a/src/layouts/Note.astro b/src/layouts/Note.astro
index 0e1a8dd..28596ea 100644
--- a/src/layouts/Note.astro
+++ b/src/layouts/Note.astro
@@ -18,47 +18,50 @@ const { title, exturl, icon, date } = Astro.props;
 
 <Base title={noteTitleConstructor(title, date)}>
   <Header />
-
-  <h2 class="text-xl font-bold mt-6">
-    <i class={`${icon} mr-1`}></i>
-    {
-      () => {
-        if (title) {
-          return (
-            <span class="font-bold">
-              A note titled {title} (<Date showTime date={date} />)
-            </span>
-          );
-        } else {
-          return (
-            <span class="font-bold">
-              A note from 
-              <Date showTime date={date} />
-            </span>
-          );
+  <div
+    class="bg-light-bg-2 dark:bg-dark-bg-2 w-fit p-4 pt-0.5 rounded-br-3xl rounded-tl-3xl"
+  >
+    <h2 class="text-xl font-bold mt-6">
+      <i class={`${icon} mr-1 tx-light-pu dark:text-dark-pu`}></i>
+      {
+        () => {
+          if (title) {
+            return (
+              <span class="font-bold">
+                A note titled {title} (<Date showTime date={date} />)
+              </span>
+            );
+          } else {
+            return (
+              <span class="font-bold">
+                A note from
+                <Date showTime date={date} />
+              </span>
+            );
+          }
         }
       }
-    }
-  </h2>
-  <>
-    <p class="ml-4 mt-3 mb-3">
-      {
-        exturl && (
-          <StyledLink
-            href={exturl}
-            icon="fa-solid fa-arrow-up-right-from-square"
-          >
-            {exturl}
-          </StyledLink>
-        )
-      }
-    </p>
-    <Prose>
-      <slot />
-    </Prose>
-  </>
-  <hr class="w-[500px]" />
-  <StyledLink href="/notes" icon="fa-solid fa-arrow-left">
-    See more notes
-  </StyledLink>
+    </h2>
+    <>
+      <p class="ml-4 mt-3 mb-3">
+        {
+          exturl && (
+            <StyledLink
+              href={exturl}
+              icon="fa-solid fa-arrow-up-right-from-square"
+            >
+              {exturl}
+            </StyledLink>
+          )
+        }
+      </p>
+      <Prose>
+        <slot />
+      </Prose>
+    </>
+    <hr class="w-[500px]" />
+    <StyledLink href="/notes" icon="fa-solid fa-arrow-left">
+      See more notes
+    </StyledLink>
+  </div>
 </Base>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index e6a3fd5..a8ab1c6 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -4,13 +4,9 @@ import BlogPostList from "~/components/lists/BlogPostList.astro";
 ---
 
 <Page
-  title="Blog thing yes yes"
-  description="A list of all my blog posts."
+  title="Blog"
+  description="writing"
   icon="fa-solid fa-star"
 >
-  <p class="mb-6">
-    My personal blog is <a class="link" href="https://concorde.blog">Concorde</a
-    >, but here's where the technical stuff goes.
-  </p>
   <BlogPostList />
 </Page>
diff --git a/src/pages/more.astro b/src/pages/more.astro
index 6987ba6..60cedb1 100644
--- a/src/pages/more.astro
+++ b/src/pages/more.astro
@@ -1,7 +1,15 @@
 ---
 import Page from "~/layouts/Page.astro";
 
-
+const meta = [
+  {
+    title: "Colophon",
+    link: "colophon",
+    desc: "How the site gets made",
+    icon: "fa-solid fa-wrench",
+    colour: "bl", // currently unused, cause i can't be bothered
+  },
+];
 ---
 
 <Page
@@ -10,5 +18,22 @@ import Page from "~/layouts/Page.astro";
   icon="fa-solid fa-user"
   date="2025-03-13"
 >
-
+  <h3 class="text-lg font-bold mb-2">/meta</h3>
+  <ul>
+    <ul>
+      {
+        meta.map((item) => (
+          <li>
+            <h4 class="font-bold">
+              <i class={`${item.icon} mr-2 text-light-pu dark:text-dark-pu`} />
+              <a href={"/meta/" + item.link}>{item.title}</a>
+            </h4>
+            <blockquote class="border-l-2 border-light-pu dark:border-dark-pu pl-4 mt-2 text-light-tx-2 dark:text-dark-tx-2">
+              {item.desc}
+            </blockquote>
+          </li>
+        ))
+      }
+    </ul>
+  </ul>
 </Page>