still learning → still building
\n\n \n {project.category} / {project.year}\n \n
\n {project.title}
\n{project.statement}
\n\n STATUS {project.status}\n
\n \n \n
\n The challenge
\n{project.challenge}
\nThe approach
\n{project.solution}
\nBuilt with
\n\n {project.stack.map((item) => (\n {item}\n ))}\n
\n \n RESUME / 2026\n \n {profile.name}\n
\n
\n \n \n {profile.name}\n
\n {profile.surname}\n
\n {profile.role}
\n\n
\n Profile
\n\n Developer focused on AI products, agent systems, web experiences, automation and\n experimental software.\n
\nSelected projects
\n- \n {SELECTED.map(([title, summary]) => (\n
- \n {title} — {summary}\n \n ))}\n
\n
\n Capabilities
\n- \n {CAPABILITIES.map((item) => (\n
- {item} \n ))}\n
Current direction
\nBuilding under {profile.studio} and contributing to open-source software.
\n\n
\n Tip: press Ctrl/Cmd + P to save this page as a PDF.
\n\n {title} {accent ? {accent} : null}\n
\n{children}
\n \n ↘\n \n\n
\n \n →\n \n \n )\n}\n","type":"registry:component"},{"path":"app/paper-portfolio/components/hero-motion.tsx","target":"app/paper-portfolio/components/hero-motion.tsx","content":"\"use client\"\n\nimport { useEffect, useRef } from \"react\"\n\n/**\n * Parallaxes the hero artwork against the pointer.\n *\n * Two things worth keeping if you edit this: the listener is passive (it never\n * calls preventDefault, so it must not block scrolling), and it writes CSS custom\n * properties instead of `transform` directly — the transform stays in the\n * stylesheet where the transition lives.\n */\nexport function HeroMotion({ children }: { children: React.ReactNode }) {\n const ref = useRef\n {project.category} · {project.year}\n
\n {project.title}
\n{project.short}
\n\n {children}\n
\n )\n}\n","type":"registry:component"},{"path":"app/paper-portfolio/components/sketch-board.tsx","target":"app/paper-portfolio/components/sketch-board.tsx","content":"\"use client\"\n\nimport { useCallback, useEffect, useRef, useState } from \"react\"\n\ntype Tone = \"yellow\" | \"cream\" | \"orange\"\n\ntype Note = {\n id: number\n title: string\n body: string\n /** Position as a percentage of the board, so it survives a resize. */\n x: number\n y: number\n tone: Tone\n}\n\nconst INITIAL_NOTES: Note[] = [\n {\n id: 1,\n title: \"Interface note\",\n body: \"A control should appear when it has something to do — not sit there being permanently available.\",\n x: 6,\n y: 8,\n tone: \"yellow\",\n },\n {\n id: 2,\n title: \"Tiny rule\",\n body: \"If a screen looks impressive before it feels useful, keep editing.\",\n x: 43,\n y: 15,\n tone: \"cream\",\n },\n {\n id: 3,\n title: \"State, plainly\",\n body: \"Show what the system is doing: waiting → working → checking → done. Never just a spinner.\",\n x: 66,\n y: 46,\n tone: \"orange\",\n },\n {\n id: 4,\n title: \"Build log\",\n body: \"Handmade does not mean decorative. It means every decision had a reason behind it.\",\n x: 18,\n y: 54,\n tone: \"cream\",\n },\n]\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max)\n\n/** How far one arrow-key press moves a note, in percent of the board. */\nconst NUDGE = 2\n\n/**\n * The draggable note board on /sketchbook.\n *\n * Positions are percentages so the layout survives a resize, but the *limits*\n * are measured from the real elements rather than hard-coded — a percentage\n * ceiling like \"78%\" lets a 285px note hang off a 1200px board and get clipped.\n * Arrow keys move a focused note, because a mouse-only feature is no feature for\n * anyone navigating by keyboard.\n */\nexport function SketchBoard() {\n const boardRef = useRef{note.title}
\n{note.body}
\n \n ))}\n \n )\n}\n","type":"registry:component"},{"path":"app/paper-portfolio/components/contact-form.tsx","target":"app/paper-portfolio/components/contact-form.tsx","content":"\"use client\"\n\nimport { useState } from \"react\"\n\nimport { profile } from \"../data/projects\"\n\ntype Status = \"idle\" | \"shared\" | \"copied\" | \"mail\" | \"failed\"\n\nconst HINTS: Record\n \n
\n )\n}\n","type":"registry:component"},{"path":"app/paper-portfolio/components/print-button.tsx","target":"app/paper-portfolio/components/print-button.tsx","content":"\"use client\"\n\nexport function PrintButton() {\n return (\n \n )\n}\n","type":"registry:component"},{"path":"app/paper-portfolio/components/doodles.tsx","target":"app/paper-portfolio/components/doodles.tsx","content":"/**\n * The photographic slots in this template: the portrait collage and the project\n * marks.\n *\n * These were briefly redrawn as generated SVG. They are bitmaps again, because a\n * photograph of a person and five product logos are not derivable from a hash.\n * The files live in `assets/` beside this template; the install copies them to\n * `public/paper-portfolio/`, and Next serves `public` from the base URL — so the\n * URLs are `/paper-portfolio/\n {status === \"idle\" ? \"\" : HINTS[status]}\n
\n