Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/oracle/llms.txt

Use this file to discover all available pages before exploring further.

The Ingredients Pantry

Every great oracle needs a well-stocked pantry. In Alex Weaver’s portfolio, the Ingredients Pantry page turns technical skills into a collection of alchemical potion jars. Each jar’s liquid fill is drawn at the skill’s exact proficiency height via a static SVG path computed at render time — hover reveals the fill by brightening its opacity, while the jar itself tilts and scales up slightly via Framer Motion. A paper label on the jar body shows the technology name; a text element inside the fill area shows the numeric proficiency percentage. The result is a living inventory: part skill chart, part apothecary cabinet. Skills are grouped into three brewing disciplines — Frontend Brews, Backend Hexes, and Mystic Tools — each reflecting a different layer of the development stack.

Frontend Brews

These are the client-side concoctions Alex reaches for most often: the ingredients that render pixels, manage state, and breathe motion into interfaces.
SkillProficiencyBrand Color
React90%#61dafb
TypeScript85%#3178c6
Tailwind95%#38bdf8
Framer80%#ff5252
The potion jar fill is a Framer Motion <motion.path> whose SVG d attribute is computed statically from the skill’s proficiency level: d=\M17 100level0.6L63{100 - level * 0.6} L63 L63 100 C63 103, 17 103, 17 100 Z`. This draws a filled polygon that starts at the correct height above the jar's base and extends to the bottom — so the fill level is baked into the path coordinates at render time, not animated on hover. On hover, only the fill's opacitytransitions (from0.3to0.8), making the liquid glow brighter. The outer jar wrapper receives rotate: 10andscale: 1.05viawhileHover` to lift the jar off the shelf with a slight tilt.

Backend Hexes

The server-side spells: data persistence, API construction, and the runtime that ties it all together.
SkillProficiencyBrand Color
Node.js75%#68a063
PostgreSQL70%#336791
GraphQL65%#e10098

Mystic Tools

The arcane instruments of the craft — version control, containerisation, and cloud infrastructure that every modern developer keeps close at hand.
SkillProficiencyBrand Color
Git88%#f05032
Docker60%#2496ed
AWS55%#ff9900

All proficiency percentages are self-assessed indicators of practical comfort and day-to-day confidence — not scores from a formal certification or benchmarking tool. A rating of 55% (AWS) means Alex works with the technology regularly and is productive but continues to learn; 95% (Tailwind) means it is second nature. Treat them as a relative signal for how quickly Alex can hit the ground running in each area, not as absolute measures of expertise.

Build docs developers (and LLMs) love