Skip to content

s-thom/website-2023

Repository files navigation

The website of Stuart Thomson

It's my personal website, where I write things that very few people read (which I know thanks to analytics).

How it's put together

This version of my website is based on Astro, with most content coming from Notion. I've done it this way because I found myself wanting to write more in Notion than in Markdown files, and wanting to write is an important step in actually writing something. There's some extra code to generate downscaled copies of all images so that mobile devices don't need to download massive images.

The header on most pages has this whole wavey thing going on. That's powered by SVG and SMIL. Effectively, a bunch of paths are generated and then the browser animates between them. Soe pages have a cover image, and for these the wave pattern is used as a mask, causing it to become more translucent with fewer waves.

There's a weird little feature where I misuse code blocks as ways of embedding dynamic content into the site. Most Markdown-based sites would use MDX for this, but this site doesn't use Markdown so i had to find some way of doing this. The code for this lives alongside shiki-twoslash for syntax highlighting for code blocks.

About

What is it about personal websites that drives web developers to constantly reinvent them?

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

 
 
 

Contributors