Nightshade is a dark, witch-aesthetic personal portfolio built with React and Vite. It features animated candle navigation, a spring-physics familiar cursor, SVG smoke-layer backgrounds, and rich page transitions — all packaged as a static SPA deployable to GitHub Pages or any CDN.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/nightshade/llms.txt
Use this file to discover all available pages before exploring further.
Get Started
Clone, install, and run Nightshade locally in under five minutes.
Architecture
Understand the SPA structure, routing setup, and component hierarchy.
UI Components
Explore Layout, Navigation, Candle, SmokeLayer, FamiliarCursor, and Sigils.
Theming
Customize the witch-themed color palette, typography, and animations.
What’s Inside
Nightshade ships nine fully-animated route pages, a custom cursor system, and an atmospheric background engine — all driven by Framer Motion.The Sanctum
Hero landing page with an orbiting sigil and candle selection menu.
The Witch
About page with a timeline narrative and moon-phase progress indicator.
Arcana
Skills wheel with six interactive magic schools mapped to tech domains.
Summonings
Orbital project showcase with an animated cauldron centerpiece.
Pacts
Work history rendered as parchment scrolls with wax-seal stamps.
Journal
Blog listing and post reader with a scroll-progress indicator.
Quick Start
Start the dev server
Nightshade uses a hash-router (
HashRouter) for GitHub Pages compatibility. Every page in pages/ includes a script that redirects to the correct hash route on load.