The Witch is the About page of the Digital Alchemy portfolio, rendered at routeDocumentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/digital-alchemy/llms.txt
Use this file to discover all available pages before exploring further.
/about. It presents the developer’s biography through three tarot cards drawn from the Major Arcana, each card representing a distinct dimension of professional identity: origins and technical essence, design philosophy and values, and present-day location and availability.
What Renders on This Page
The page opens with a centered heading section that fades in and slides up on mount (initial: opacity 0, y 20 → animate: opacity 1, y 0):
- Heading: “The Witch Behind the Code” — rendered in a large serif font in the parchment color
- Subheading: “Seeker of elegant solutions & dark mode enthusiast” — small uppercase turquoise tracking-widest label
TarotCard components are arranged in a flex-wrap row with justify-center and generous gap spacing so they reflow gracefully on smaller viewports.
TarotCard Component
The tarot card primitive used to display biography sections. Accepts a title, subtitle, Roman numeral, rotation angle, and staggered entrance delay.
The Three Cards
Each card has a slight rotation applied so the spread looks like a hand dealt from a real deck, and a staggered Framer Motiondelay ensures they appear one after another rather than all at once.
Card I — The Magician (Origins & Essence)
Card I — The Magician (Origins & Essence)
Title: The Magician
Subtitle: Origins & Essence
Rotation: −5°
Entrance delay: 0.1 s
Subtitle: Origins & Essence
Rotation: −5°
Entrance delay: 0.1 s
“I am a frontend alchemist with 5 years of experience weaving React and TypeScript into seamless, enchanting user experiences.”
“My journey began in the dark corners of the web, translating ancient design scrolls into living, breathing interfaces. I believe code is modern magic — words that create reality.”This card establishes the developer’s core identity: a React/TypeScript specialist with five years of professional experience and a philosophy that treats UI development as a craft rather than a commodity.
Card II — The High Priestess (Philosophy)
Card II — The High Priestess (Philosophy)
Title: The High Priestess
Subtitle: Philosophy
Rotation: +2°
Entrance delay: 0.3 s
Subtitle: Philosophy
Rotation: +2°
Entrance delay: 0.3 s
“Intuition guides my architecture. I strive for accessibility, ensuring my spells can be read by all, regardless of their mortal limitations.”
“Performance is my ritual. A slow incantation is a failed one. I optimize relentlessly, trimming the fat from my bundles like a master potion brewer.”This card communicates two core professional values — accessibility-first development and performance optimization — framed within the alchemy metaphor.
Card XXI — The World (Current State)
Card XXI — The World (Current State)
Title: The World
Subtitle: Current State
Rotation: +6°
Entrance delay: 0.5 s
Subtitle: Current State
Rotation: +6°
Entrance delay: 0.5 s
“Currently residing in the misty mountains of the Pacific Northwest, brewing coffee and crafting digital artifacts.”
“Available for new covenants and freelance summonings. Seeking a coven (team) that values craft, creativity, and a touch of the extraordinary.”This card serves as the page’s implicit call to action, communicating geographic location and open availability for freelance engagements or full-time roles.
Interactive Behaviors
The rotation values (−5°, +2°, +6°) are intentionally varied to avoid a mechanical look. On mobile, the cards stack vertically while retaining their individual rotations.Route Information
| Property | Value |
|---|---|
| Route path | /about |
| React component | About (internal name T) |
| Key components | TarotCard × 3 |
| Animation library | Framer Motion |