From 7a5be3524af151b33349f0e0a36332a5d87104e1 Mon Sep 17 00:00:00 2001 From: Thomas Date: Fri, 28 Mar 2025 07:50:54 +0000 Subject: [PATCH] Add link to glass.photo site from home page; add link icon next to anchor tags --- src/lib/components/Navbar.svelte | 4 ++-- src/routes/blog/BlogPostListItem.svelte | 4 ++-- src/routes/home/HomepageHeader.svelte | 4 +++- src/styles/thomaswilson.css | 24 ++++++++++++++++++++++-- static/assets/icons/link.svg | 4 ++++ 5 files changed, 33 insertions(+), 7 deletions(-) create mode 100644 static/assets/icons/link.svg diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte index 213429a..c7b3afb 100644 --- a/src/lib/components/Navbar.svelte +++ b/src/lib/components/Navbar.svelte @@ -25,7 +25,7 @@ diff --git a/src/routes/blog/BlogPostListItem.svelte b/src/routes/blog/BlogPostListItem.svelte index a614a74..af0d80b 100644 --- a/src/routes/blog/BlogPostListItem.svelte +++ b/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} > - +
{#if content_type === "book_review"} 📚 diff --git a/src/routes/home/HomepageHeader.svelte b/src/routes/home/HomepageHeader.svelte index 3334fe6..f43edaa 100644 --- a/src/routes/home/HomepageHeader.svelte +++ b/src/routes/home/HomepageHeader.svelte @@ -17,7 +17,9 @@

Thomas Wilson-Cook

- I craft well-meaning things, like software, clothes, photographs, and words. + I craft well-meaning things, like + photographs, + software, clothes, and words.

I want to help build things that don't rely on exploitation, excessive diff --git a/src/styles/thomaswilson.css b/src/styles/thomaswilson.css index f28c4d0..916da53 100644 --- a/src/styles/thomaswilson.css +++ b/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', - sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; + --font-family-sans: + -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; +} diff --git a/static/assets/icons/link.svg b/static/assets/icons/link.svg new file mode 100644 index 0000000..398388d --- /dev/null +++ b/static/assets/icons/link.svg @@ -0,0 +1,4 @@ + + +