Colophon

How this site is built and what powers it.

Stack

Jekyll

Static site generator. Layouts, includes, Liquid templates, and collections for blog posts.

HTML / CSS / JS

Hand-written, no frameworks. Custom properties for theming, vanilla JS for interactivity.

GitHub Pages

Hosting and deployment. Push to main — site rebuilds automatically.

Cloudflare

DNS, CDN, caching, and SSL. Also runs a tunnel to my Raspberry Pi home server.

Design

Poppins

Primary typeface — clean, geometric, great for UI. Loaded from Google Fonts.

Fira Code

Monospace font for code blocks and terminal components.

Dark / Light Theme

CSS custom properties with smooth 0.4s transitions. Preference saved to localStorage.

Ionicons

Icon set used across the site — open-source, SVG-based.

Features

Particle System

Canvas-based particles with mouse repulsion. Runs on every page.

GitHub Heatmap

Merged contributions from two accounts via public API. Year pagination with caching.

Quotes Rotator

156 Ukrainian and English quotes, Fisher-Yates shuffled on each visit.

Avatar Frame

Animated conic-gradient border using CSS @property and keyframes.

SEO

Sitemap, robots.txt, RSS feed, Open Graph and Twitter Card meta on every page.

CRT Overlay

Subtle scanline effect via repeating-linear-gradient on body::after.