Add link to glass.photo site from home page; add link icon next to anchor tags

src/lib/components/Navbar.svelte

@@ -25,7 +25,7 @@
 
 <nav>
   <div class="left">
-    <a href="/" class="home">TWC</a>
+    <a href="/" class="home no-icon">TWC</a>
   </div>
 
   <div class="right">
@@ -39,7 +39,7 @@
         style="transform: rotate({$iconMovement}deg)"
       />
     </button>
-    <a href="/blog" class="blog">/blog</a>
+    <a href="/blog" class="blog no-icon">/blog</a>
   </div>
 </nav>
 

src/routes/blog/BlogPostListItem.svelte

@@ -20,7 +20,7 @@
     preview,
     slug,
     date,
-    content_type
+    content_type,
   }: Props = $props();
 
   let formattedDate = $derived(formatDate(new Date(date), "yyyy-MM-dd"));
@@ -32,7 +32,7 @@
   aria-posinset={index + 1}
   aria-setsize={numberOfPosts}
 >
-  <a href={`/blog/${slug}`}>
+  <a href={`/blog/${slug}`} class="no-icon">
     <div class="post__title">
       {#if content_type === "book_review"}
         📚

src/routes/home/HomepageHeader.svelte

@@ -17,7 +17,9 @@
 <section class="homepage-header">
   <h1 class="title">Thomas Wilson-Cook</h1>
   <p class="body strapline">
-    I craft well-meaning things, like software, clothes, photographs, and words.
+    I craft well-meaning things, like
+    <a href="https://glass.photo/wilsoncookphotography">photographs</a>,
+    software, clothes, and <a href="/blog">words</a>.
   </p>
   <p class="body strapline">
     I want to help build things that don&apos;t rely on exploitation, excessive

src/styles/thomaswilson.css

@@ -23,8 +23,9 @@
     --gray-1000: #0a0c0e;
     --font-family-mono: monospace;
     --font-family-title: 'FivoSansModern-Regular', sans-serif;
-    --font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
+    --font-family-sans:
-        sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
+        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
     --font-family-serif: Georgia, Cambria, 'Times New Roman', Times, serif;
 
     --line-height: 120%;
@@ -195,3 +196,22 @@ img {
     max-width: 100%;
     height: auto;
 }
+
+.a-link-icon {
+    position: relative;
+    display: inline-block;
+    text-decoration: none;
+    color: var(--colour-scheme-text);
+    width: 5px;
+    stroke: white;
+}
+a::after {
+    content: url('/assets/icons/link.svg');
+    margin-left: 3px;
+    color: inherit;
+}
+
+a.no-icon::after {
+    content: '';
+    display: none;
+}

static/assets/icons/link.svg

@@ -0,0 +1,4 @@
+<svg 
+xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"  width="20" height="20">
+  <path stroke="white" stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244" />
+</svg>