Imported from daroMR/cv (AGENTS.md). Install upstream with npx skills add daroMR/cv. Copyright stays with the author.

AGENTS.md — CV

Personal CV/portfolio site for Hesvin Dario Molina Rios. Static HTML+CSS+JS (legacy) + React+Vite (v2026), both deployed via GitHub Pages.

Branches & deploy

• dev (default) — development. prod — deployed to GitHub Pages at https://daromr.github.io/cv/.
• GitHub Pages builds from prod branch. CI: no workflows in repo — Pages builds are triggered externally.

Legacy site (/cv/)

After adding gallery files:

python galeria/generate_gallery_index.py

New site v2026 (/cv/2026/)

React + Vite + TypeScript SPA with two routes:

• /cv/2026/ — CV page (printable via @media print + PDF download via html2pdf.js)
• /cv/2026/portafolio — Portfolio with case studies, carousel, lightbox, masonry wall

Tech stack

React 19, Vite 8, TypeScript 6, TailwindCSS v4, React Three Fiber, Three.js, framer-motion, react-router-dom v7, html2pdf.js

Theme system

3 color palettes (Zen Ocean default, Shadow Pine dark, Paper & Ink classic). ThemeToggle component in header. Stored in localStorage under cv2026-theme. CSS custom properties on [data-theme].

3D

Subtle torus knot via @react-three/fiber + drei. Renderizado como fondo fijo (position: fixed, z-index: -1) detrás de todo el contenido. Wireframe, opacidad 0.08, rotación muy lenta. Solo visible en desktop (>1024px). Color reacciona a cambios de tema via MutationObserver.

Layout & tipografía

• Fondo 3D ZenShape en position: fixed; z-index: -1 — no interfiere con el texto
• CV content: texto reducido (h1: 1.3rem, body: 0.8rem, highlights: 0.75rem)
• Cards con padding: 1rem 1.25rem, separación entre cards: 0.75rem
• container-main: max-width: 900px, padding: 0.75rem
• Print: font-size: 9pt, márgenes de página 10mm, cards sin border/box-shadow

PDF download

Lazy-loaded html2pdf.js (jsPDF + html2canvas). Captures #cv-content at 2x scale. Separate chunk (~935KB, loaded on click only). PDF margins tight: 5mm each side, image quality 0.92.

Dev commands

cd 2026/
npm install         # Already done
npm run dev         # Dev server at localhost:5173/cv/2026/
npm run build       # Type-check + build to dist/
npm run preview     # Preview production build

Build output

• dist/ contains the static site for /cv/2026/
• dist/404.html copies index.html (SPA fallback for GH Pages)
• Base path: /cv/2026/

Obsidian vault

Located at ~/Documents/Obsidian Vault/QORE/. Project notes under 01-proyectos/cv-2026/:

• index.md — project overview, goals, diagram
• design/spec-visual.md — color palettes, typography, layout spec
• design/moodboard.md — visual references
• implementation/estructura.md — component tree, data flow diagram
• implementation/devlog.md — session log
• decisions/ADR-002-stack-cv-2026.md — tech stack decisions

Gallery loading (portafolio.html legacy)

Three fallback strategies:

1. galeria/gallery_index.json (preferred)
2. galeria/gallery_grid.html
3. Directory listing fallback