This is a fully self-contained, single-file blog website built with vanilla HTML, CSS, and JavaScript — no frameworks, no build tools, no backend required. Designed with an editorial aesthetic using Playfair Display serif headings paired with DM Sans for body text, giving the site a magazine-quality feel.
Features include a live article search, topic tag filtering across seven categories, clickable posts that open in a modal reader, four switchable color themes (Night, Light, Sunset, and Forest) powered entirely by CSS custom properties, and a reading progress bar. Content is managed as a JavaScript data array, making it easy to add or update articles without touching the markup. Scroll-triggered fade-up animations and atmospheric background effects add depth without relying on any external libraries.
Deployed to Hostinger as a single index.html file via FTP.
Tech used: HTML5, CSS3 (custom properties, CSS Grid, Flexbox), Vanilla JavaScript, Google Fonts CDN
