Jace's Crystal Guide

Plain HTML, CSS and JavaScript with no framework, which is all a dozen pages of artwork need. The real work was the design, and cutting the backgrounds off eleven crystal photos so they sit cleanly on the page.

1. The artwork

   Canva

   Every page, the bubble lettering and the illustrations. Designed first, then built.

2. The cutouts

   Claude

   The crystal photos came from online. Claude removed each background, so they look like objects rather than photos in boxes.

3. The site

   HTML, CSS, JavaScript

   Hand-written, no framework. Music with a mute button, and a menu for crystals, chakras and a read-me. Works on phone and laptop, since Jace would read it on his phone.

4. Going live

   Netlify

   Deployed straight from the folder. The first thing I ever put online.

A menu, a page for each crystal, a chakra section, a read-me, and his finished bracelet at the end. Every stone is written for him, not described in general: citrine for his smile, tiger's eye for confidence, amethyst because it's my birthstone. A song plays in the background, with a mute button.

The first thing I ever built. It's where I learned to put a site online, and how to ask AI for what I actually wanted, the skill everything since is built on. It started as a four-page flipbook with a song, and grew into this site.