HyperSite!

This site is built in the style of a 1990 HyperCard stack. HyperCard was a pre-web hypermedia app that came with early Macs. You could build stacks, which were a little like local-only websites, with cards that were like pages that could be linked together and elements that could be scripted using a procedural event-based language called HyperTalk. It was where I first learned to code "useful" things (in 1991 or so) as opposed to messing about with BASIC or Logo, and meant that the web felt very familiar when I first encountered it a few years later.

Fonts, icons and graphics are all based on the 1980s originals, mostly by the iconic Susan Kare.

I got the idea for this site from the Wes95 site by Wes Souza.

Design inspiration (and the cursor icon) from HyperCard Simulator.

The recreated "Chicago" font is Sysfont by Alina Sava.

The recreated "Geneva" font is Geneva 9.1 by Kelsey Higham.

This icons and graphics are all originals from HyperCard by Susan Kare, extracted in the HyperCard Graphics pack.

Infinite Mac lets you run old versions of Mac OS in your browser. It was useful to remind me how System 6 and HyperCard worked in practice. I also found a couple of icons there.

The toasters were (appropriately) manually extracted and cropped frame by frame from a GIF found in this article about fair use of abandonware.

My profile pic was made 1-bit using Playdither.

Built with Astro, with zero client-side JavaScript. See the source on GitHub.