page: now; blog post: changelog

src/content/blog/2021-02-12-blog-redesign-changelog.md

@@ -5,6 +5,7 @@ author: Thomas Wilson
 date: 2021-02-12
 draft: false
 tags:
+  - changelog
   - redesign
   - technical
 slug: "2021-02-12-website-design-2-0-changelog"

src/content/blog/2025-12-18-website-changelog-2025-12-18.md

@@ -2,8 +2,10 @@
 title: 'Website Changelog: 2025-12-18'
 date: 2025-12-18T22:14:47.003Z
 slug: 2025-12-18-website-changelog-2025-12-18
-author: Thomas Wilson
+author: Thomas Wilson-Cook
+tags:
+  - changelog
 
 ---
 - feat: Grouped the Blog Posts on the [blog](/blog) page by "Month Year".  
-- refactor: Removed some unused code I had for an idea where I'd showcase my me-made clothes here.  I never quite got around to it, and the code was taking up space.
+- refactor: Removed some unused code I had for an idea where I'd showcase my me-made clothes here.  I never quite got around to it, and the code was taking up space.

src/content/blog/2026-02-16-changelog-added-now-page.md

@@ -0,0 +1,12 @@
+---
+title: 'Website Changelog: 2026-02-16'
+date: 2026-02-16T21:42:30.567Z
+slug: 2026-02-16-changelog-added-now-page
+author: Thomas Wilson-Cook
+tags:
+  - changelog
+
+---
+
+- New page added: the [now](/now) page, which has a list of current projects.
+- Removed broken link from previous employer from homepage

src/lib/components/Navbar.svelte

@@ -5,7 +5,7 @@
     colourSchemeStore,
     lightColourScheme,
     darkColourScheme,
-  } from "../../stores/colourSchemeStore.ts";
+  } from "../../stores/colourSchemeStore";
   import sunSvg from "./sun.svg";
   import moonSvg from "./moon.svg";
 
@@ -29,6 +29,9 @@
   </div>
 
   <div class="right">
+    <a href="/" class="navlink no-icon">/</a>
+    <a href="/now" class="navlink no-icon">/now</a>
+    <a href="/blog" class="navlink no-icon">/blog</a>
     <button class="colour-theme-toggle" onclick={onColourSchemeChange}>
       <img
         class="icon"
@@ -39,7 +42,6 @@
         style="transform: rotate({$iconMovement}deg)"
       />
     </button>
-    <a href="/blog" class="blog no-icon">/blog</a>
   </div>
 </nav>
 
@@ -95,13 +97,13 @@
     fill: var(--colour-scheme-text);
   }
 
-  .blog {
+  .navlink {
     font-size: 1.1rem;
     padding: 0;
     margin: 0;
   }
 
-  .blog:visited {
+  .navlink:visited {
     color: var(--colour-scheme-text);
   }
 </style>

src/routes/home/HomepageHeader.svelte

@@ -19,11 +19,11 @@
   <p class="body strapline">
     I craft well-meaning things, like
     <a href="https://glass.photo/wilsoncookphotography">photographs</a>,
-    software, clothes, and <a href="/blog">words</a>.
+    software, clothes, and <a href="/blog">words</a>.  You can see what
+    I'm up to on my <a href="/now">now page</a>.
   </p>
   <p class="body strapline">
-    I want to build a world that is more kind and fair to everyone, even when
-    it's hard.
+    I want to build a kinder, fairer world for everyone, even when it's hard.
   </p>
 
   <hr />
@@ -61,16 +61,22 @@
 
   <p class="body">
     I am a Lead Developer in the UK's Civil Service, helping digital teams build
-    software for our justice system. I have previously helped make bike
-    insurance more fair at <a
+    software for our justice system.  I fill the gaps between folks in tech, product, design,
+    data, strategy, and research.
+  </p>
+  
+  <p>
+    I have been building software for over a decade.  I worked freelance with founding teams, 
+    was Head of Software Engineering at Oxwash (acquired),
+    helped make bicyle insurance more fair at <a
       href="https://www.laka.co.uk"
       target="_blank"
       rel="noopener noreferrer">Laka</a
-    >, and before that I was Head of Software Engineering at
-    <a href="https://www.oxwash.com" target="_blank" rel="noopener noreferrer"
-      >Oxwash</a
-    >, building tools for actually sustainable laundry and wet cleaning.
+    >, and founded a front-end team at Privitar (acquired).
+    
   </p>
+
+  <p>I am also a freelance photographer, specialising in working with people and community.  I do that as <a href="https://www.wilsoncookphotography.co.uk">Wilson-Cook Photography</a>.</p>
 </section>
 
 <style>

src/routes/now/+page.svelte

@@ -0,0 +1,123 @@
+<script lang="ts">
+  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>)`
+    },
+    {
+      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>)`
+    },
+    {
+      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">
+    <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>
+  </section>
+</div>
+
+
+<style>
+  .now {
+    font-size: 1rem;
+    display: grid;
+    grid-template-rows: min-content max-content auto;
+    gap: 24px;
+    align-items: center;
+    min-height: 100vh;
+    width: 100dvw;
+
+    hr {
+      width: 80%
+    }
+  }
+
+
+  .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) {
+      width: 100%;
+      max-width: 60ch;
+      text-align: center;
+    }
+  }
+
+  .last-updated {
+    font-size: 0.85rem;
+  }
+
+  .list {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    width: 100%;
+
+    li {
+      max-width: 65ch;
+      padding-bottom: 12px;
+    }
+  }
+
+  .links {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-items: flex-start;
+    p {
+      text-align: center;
+    }
+
+  }
+
+</style>

src/routes/uses/+page.svelte

@@ -0,0 +1 @@
+<h1>Uses</h2>