xarop.com

The project

web.xarop.com is a personal website (blog + portfolio + CV) built from scratch in 2026. It works without a database, without a server runtime and without JavaScript required on the client. The source is actually Markdown in the repository; a Node script generates static HTML.

Complete migration of WordPress 2007–2024 archive: about 90 articles and 70 projects, categories, tags and featured images preserved.

Characteristics

• Seven flavors: strawberry, blueberry, raspberry, mint, lemon, orange, licorice — interchangeable palettes via `data-flavor'. Instant change, CSS only.
• Dark Mode: Auto by prefers-color-scheme, with persistent manual toggle in localStorage.
• Language selector: CA / ES / EN / SV / IT via Google Translate, with brand protection and URL persistence (?lang=es).
• Self-hosted Asap: title typography without any external calls. Own WOFF2 files, @font-face in tokens.css.
• No Mandatory JS: The website works 100% without running JavaScript.
• Publish via Git: write is touch post.md && git push.
• GitHub Pages: free hosting, automatic deployment via GitHub Actions.
• Accessible: WCAG 2.1 AA, pure HTML semantics, visible focus rings, prefers-reduced-motion.
• Categories and tags: visual distinction (badge vs. plain text), index pages for each with navigable aside.
• Images: 60+ images migrated from WordPress, converted to self-hosted WebP. Automatic screenshots via Puppeteer for new projects.

Stack

Node.js (build) · Markdown · CSS custom properties · Asap (OFL, self-hosted) · GitHub Pages

Code on GitHub