wilson/thomaswilson-sveltekit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

now: Update the now page with some information

Browse source
This commit is contained in:
wilson 2026-03-15 17:47:49 +00:00
parent 3e75fb6ae2
commit ae68e5a5cb
1 changed files with 48 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

74
src/routes/now/+page.svelte
View file

@ -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>
<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>
<hr />
<section class="list">
<ul>
{#each items as item}
<li class='item'>
<b class='item__title'>{item.title}</b> {@html item.text}
<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>.
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>