From ae68e5a5cb49fa6c2e714e012a1351794a45b915 Mon Sep 17 00:00:00 2001
From: wilson <wilson@thomaswilson.xyz>
Date: Sun, 15 Mar 2026 17:47:49 +0000
Subject: [PATCH] now: Update the now page with some information

---
 src/routes/now/+page.svelte | 100 +++++++++++++++++-------------------
 1 file changed, 48 insertions(+), 52 deletions(-)

diff --git a/src/routes/now/+page.svelte b/src/routes/now/+page.svelte
index 13db55d..3f7df65 100644
--- a/src/routes/now/+page.svelte
+++ b/src/routes/now/+page.svelte
@@ -1,89 +1,87 @@
 <script lang="ts">
-  var value: string = 'that';
-  import Navbar from '$lib/components/Navbar.svelte'
+  var value: string = "that";
+  import Navbar from "$lib/components/Navbar.svelte";
 
   const items = [
     {
-      title: 'Thinking about my music listening.',
-      text: `I'm trying to be a better citizen of the music world.  I'm digitising my (surprisingly large) physical music collection, and thinking about swapping out my phone for a dedicated MP3 player.  I'm using <a href="https://jellyfin.org">Jellyfin</a> for organisation, and streaming.`,
+      title: `Knitting my first sweater.`,
+      text: `I picked the Jo Sweater from <i>Adorable knits</i> (<a href="https://adorable-knits.com/products/jo-sweater">link to pattern</a>).  I am presently approaching the hem, and look forward to two stints on Sleeve Island.`,
     },
     {
-      title: `Knitting my first sweater.`,
-      text: `I picked the Jo Sweater from <i>Adorable knits</i> (<a href="https://adorable-knits.com/products/jo-sweater">link to pattern</a>)`
+      title: "Re-everything-ing the garden",
+      text: `Had to get the bind weed out, so we had to take the ivy out to get at the roots.  The ivy turned out to be structural to the fences, which had to be replaced.  Truly.  It never ends.`,
     },
+
     {
       title: `Sewing a Chore Jacket.`,
-      text: `I'm sewing my second iteration of Modern Sewing Co.'s Jamie Jacket (<a href="https://modernsewingco.com/products/jaime-jacket">Link to pattern</a>) which I have modified to add a lining.  I'm using some <i>mdoerately</i> thick wool, from the 2025 Heart of Huddersfield Collection from Fabworks (<a href="https://fabworks.co.uk/pages/hoh-2025-overview-page">link to fabric</a>)`
+      text: `I'm sewing my second iteration of Modern Sewing Co.'s Jamie Jacket (<a href="https://modernsewingco.com/products/jaime-jacket">Link to pattern</a>) which I have modified to add a lining.  I'm using some <i>mdoerately</i> thick wool, from the 2025 Heart of Huddersfield Collection from Fabworks (<a href="https://fabworks.co.uk/pages/hoh-2025-overview-page">link to fabric</a>)`,
     },
     {
-      title: 'Using Fedora Linux',
+      title: "Using Fedora Linux",
       text: `on my workstation.  I'm running an experiment in 2026 to see how much for my day-to-day computing I can do on linux.`,
     },
-  ]
-
+  ];
 </script>
 
 <Navbar />
 
-
 <div class="now">
-  <section class="intro">
+  <div class="content">
     <h1 class="title">Now</h1>
-    <p class="intro__text">This is a living page of little(ish) projects I am doing at the moment.</p>
-    <p class="intro__text last-updated">Accurate (probably) as of 2026-02-14 (💘)</p>
-  </section>
-
-  <section class="list">
-    <ul>
-      {#each items as item}
-        <li class='item'>
-          <b class='item__title'>{item.title}</b> {@html item.text}
-        </li>
-      {/each}
-    </ul>
-    <hr />
-  </section>
-
-
-  <section class="links">
-    <p> 
-      Check out my <a href="/blog">weblog</a>, or go <a href="/">back home</a>.
+    <p class="intro__text">
+      This is a living page of little(ish) projects I am doing at the moment.
+    </p>
+    <p class="intro__text last-updated">
+      Accurate (probably) as of 2026-03-15.
     </p>
-  </section>
-</div>
 
+    <hr />
+
+    <section class="list">
+      <ul>
+        {#each items as item}
+          <li class="item">
+            <b class="item__title">{item.title}</b>
+            {@html item.text}
+          </li>
+        {/each}
+      </ul>
+      <hr />
+    </section>
+
+    <section class="links">
+      <p>
+        Check out my <a href="/blog">weblog</a>, or go
+        <a href="/">back home</a>.
+      </p>
+    </section>
+  </div>
+</div>
 
 <style>
   .now {
-    font-size: 1rem;
-    display: grid;
-    grid-template-rows: min-content max-content auto;
-    gap: 24px;
+    display: flex;
+    flex-direction: column;
     align-items: center;
     min-height: 100vh;
     width: 100dvw;
 
     hr {
-      width: 80%
+      width: 80%;
+      margin-top: 24px;
+    }
+
+    .content {
+      width: 100%;
+      font-size: var(--font-size-base);
+      max-width: 80ch;
     }
   }
 
-
   .title {
     font-size: 3.5rem;
   }
 
-  .intro {
-    flex-direction: column;
-    display: flex;
-    align-items: center;
-    font-size: 1.1rem;
-    border-bottom: 1px solid var(--colour-scheme-text);
-    padding: var(--spacing-base);
-
-    container-type: inline-size;
-  }
-
   .intro__text {
     width: 100%;
     @container (width > 850px) {
@@ -117,7 +115,5 @@
     p {
       text-align: center;
     }
-
   }
-
 </style>