Tag: website
Mitigating 504 Gateway Timeouts
Addressing persistent 504 Gateway Timeout errors on Vercel by optimising AT Protocol data fetching.
Recent Infrastructure and Feature Updates
A summary of significant infrastructure improvements and feature updates made between June 3 and June 6, 2026.
Vercel 504s: CDN Caching, Timeout Guards, DID Caching
A second pass at the 504 problem — Cache-Control headers for Vercel's edge CDN, AbortController timeouts on external fetches, and a DID document cache.
Brand Kit Page and Footer Contact Email
Added /site/design as a brand reference and a contact email to the site footer.
Website Pagan Symbols and Support Overhaul
Integrated mystical pagan symbols into UI and overhauled support page with new patronage components.
Es geht voran
Jeder muss seine eigenen Erfahrungen machen, heißt es doch oft. Auch ich hatte mir alles zurechtgeplant, was den Bereich Fotos auf meiner Website betrifft: Vorgehensweise so ähnlich, wie man es bei Instagram, Pixelfed und Co. machen würde. Das heißt: Neuer Beitrag, Fotos rein, vielleicht eine kurze Beschreibung und Post! Das Foto wird über das ActivityPub-Plugin...
Support Page Modernization & Build Refinement
Refactoring the support page with patronage components and resolving build failures.
Mystical Symbols & Drifting Paths
Integrating pagan symbols into the website UI with randomized drifting animations.
Website: view transitions, scroll animations, support page
Added View Transitions API crossfades, scroll-triggered section reveals, a dedicated support page, and seasonal colour theme lock-in
Docsite: Opal docs, client bundle perf, devlog sidebar
Added Opal documentation, eliminated 1.3MB client bundle from markdown/atproto deps, and added devlog link to sidebar
the big claude down
two months, a holiday, and a lot of Claude: a terrifying predicament
Cross-references and unified support links
Added More tools sections linking each project to the other four, and pointed all support links to ewancroft.uk/support
OG hero images across all five projects
Added hero SVG OG images to malachite, opal, jasper, bismuth, and tourmaline landing pages
Performance audit and fixes across all three sites
Docsite client bundle dropped from 1.3MB to 12KB, devlog layout data optimised, website duplicate fetches eliminated
devlog: Dynamic OG image generation with @ewanc26/og
Each devlog post now generates its own OG image on demand using @ewanc26/og — warm amber on dark, with noise texture.
Website: Wheel of the Year seasonal themes with auto-midnight updates
Colour themes now follow the Wheel of the Year — eight distinct themes for each sabbat, shifting automatically as midnight crosses into a new period.
Website: Seasonal Theme Reset
The colour theme picker now shows when a seasonal theme is active and lets you lock it in explicitly.
Website: Support modal spun out to its own page
Moved the support modal from a footer overlay to a standalone /support route, matching the site's page pattern.
Timeline Scroll Reveal Fix
Every devlog entry was invisible on load — $state on an IntersectionObserver variable caused the effect to disconnect it before it could fire.
Devlog Modularisation
Split the monolithic layout.css and inline page logic into focused modules and components.
Website — Animations and Micro-interactions
Animation foundation with easing tokens, staggered entrances, scroll reveals, and View Transitions API.
Real-time Updates via Jetstream Firehose
Hooking the site up to the AT Protocol firehose for live-updating feeds and dynamic view transitions.
The Great Astro Rewrite
Porting the entire site from SvelteKit to Astro for ultimate static performance and a terminal-inspired layout.
Website — Tangled Integration and Removal
Added Tangled repository displays, then removed them when the service was no longer needed.
Website Commission Template
A SvelteKit + Tailwind CSS starter template for Ko-fi website commissions, with CC BY-SA 4.0 licensing.
Supporters, Popfeed, and Donation Addresses
Ko-fi and GitHub Sponsors webhooks, Popfeed review cards, and crypto donation addresses.
@ewanc26/wafrn-theme
A WAFRN theme using the pds-landing Catppuccin terminal aesthetic — dark forest-green palette, JetBrains Mono, soft rounded cards.
docsite
Source code for docs.ewancroft.uk — a documentation site for ewan's projects, built with SvelteKit and published via Sequoia.
Website — OG Images, Work Page, GitHub Integration
Dynamic OG images, /work route for Sifa professional profile, and GitHub metadata integration.
Webfinger and Noise Avatars
Webfinger well-known routes for fediverse resolution and deterministic noise avatars for AT Protocol fallbacks.
@ewanc26/noise
Generic deterministic value-noise generation. Arbitrary dimensions, multi-octave FBM, multiple colour modes. Zero dependencies, works in browsers and Node.js.
@ewanc26/noise-avatar
Deterministic value-noise avatar generation from a string seed — thin wrapper around @ewanc26/noise, works in browsers and Node.js.
@ewanc26/supporters
SvelteKit component library for displaying Ko-fi supporters and GitHub Sponsors, backed by an ATProto PDS.
@ewanc26/pds-landing
Composable Svelte 5 components for an ATProto PDS landing page — terminal aesthetic, live status fetching, zero config to drop in.
@ewanc26/ui
Svelte UI component library extracted from ewancroft.uk — pluggable layout, card, SEO, and UI primitive components alongside Svelte stores and a multi-theme config system.
The Eight Plain Text Questions
Based off Ellane W's based off Scott Nesbit's Eight questions for Donald Brown
atproto-shortlink
A server-side AT Protocol link shortener powered by your Linkat board. No database required.
atproto-snake
Classic Snake with AT Protocol OAuth login and high score saving to your PDS.
bluesky-gradient
Generate 24 sky-gradient images (one per hour) for use as Bluesky avatars or banners.
linkat-directory
An alternate SvelteKit frontend for Linkat showing a curated directory of AT Protocol user profiles. Unmaintained.
text-to-pixel-image
A Python script that converts a string of text into a pixel art image with per-character colours. Unmaintained.
website
Source code for ewancroft.uk — a personal site powered by AT Protocol, built with SvelteKit 5 and Tailwind CSS 4.
@ewanc26/svelte-standard-site
SvelteKit library for reading and writing AT Protocol longform content via site.standard.* and pub.leaflet.* records — with a complete design system, federated comments, publishing tools, and content verification.