The Craft is an atmospheric developer portfolio disguised as a spell book. Built with React, Vite, Framer Motion, and Tailwind CSS, it transforms a standard portfolio into an immersive dark-fantasy experience — complete with moon-phase navigation, parchment-textured cards, a custom cursor trail, animated sigils, and a contact form inside a summoning circle.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/the-craft/llms.txt
Use this file to discover all available pages before exploring further.
Get Started
Clone the repo, install dependencies, and have the grimoire running locally in minutes.
Architecture
Understand the project structure, routing, and how all the pieces fit together.
Pages Reference
Explore every page — from the cover card-flip to the summoning circle contact form.
Components
Reusable building blocks: Layout, MoonPhaseNav, CursorTrail, Sigil, and more.
What’s Inside
The Craft ships with nine fully-built pages and six reusable components, all wired together with React Router and animated with Framer Motion.Grimoire Cover
A 3D card-flip entrance with animated floating runes.
Moon Phase Nav
A sidebar/bottom-bar that maps each route to a lunar phase icon.
Pentagram Skills
Hover the pentagram vertices to reveal five skill disciplines.
Candle Timeline
Click animated candles to browse work history entries.
Summoning Circle
A contact form surrounded by rotating mystical runes.
Cursor Trail
A canvas-based magic particle effect that follows the mouse.
Quick Setup
Start the dev server
Customize your content
Edit the data arrays in each page file under
assets/ to swap in your real name, projects, skills, and work history. See the Updating Content guide for details.The Craft is a static React SPA deployed via GitHub Pages (note the
.nojekyll file). It requires no server-side runtime — npm run build produces a fully self-contained dist/ folder ready to serve from any static host.