xarop.com

Projektet

web.xarop.com är en personlig webbplats (blogg + portfölj + CV) byggd från grunden 2026. Den fungerar utan databas, utan serverruntime och utan obligatorisk JavaScript på klienten. Sanningskällan är Markdown i repositoryt; ett Node-skript genererar statisk HTML.

Fullständig migrering från WordPress-arkivet 2007–2024: cirka 90 artiklar och 70 projekt, kategorier, taggar och destacerade bilder bevarade.

Funktioner

• Sju smaker: jordgubb, blåbär, hallon, mynta, citron, apelsin, lakrits — utbytbara paletter via data-flavor. Omedelbar ändring, endast CSS.
• Mörkt läge: automatiskt enligt prefers-color-scheme, med manuell växlare som sparas i localStorage.
• Språkväljare: CA / ES / EN / SV / IT via Google Translate, med varumärkeskydd och persistens via URL (?lang=es).
• Asap själv-värd: teckensnittstyp för rubriker utan externa anrop. Egna WOFF2-filer, @font-face i tokens.css.
• Ingen obligatorisk JS: webbplatsen fungerar 100% utan att köra JavaScript.
• Publicering via Git: att skriva är touch post.md && git push.
• GitHub Pages: gratis hosting, automatisk distribution via GitHub Actions.
• Tillgänglig: WCAG 2.1 AA, rent HTML-semantik, synliga fokusringar, prefers-reduced-motion.
• Kategorier och taggar: visuell distinktion (märke vs. oformaterad text), indexsidor för varje med navigerbar aside.
• Bilder: 60+ bilder migrerade från WordPress, konverterade till själv-värd WebP. Automatiska skärmbilder via Puppeteer för nya projekt.

Stack

Node.js (bygge) · Markdown · CSS-anpassade egenskaper · Asap (OFL, själv-värd) · GitHub Pages

Kod på GitHub