Skip to content

PORTFOLIO — VIROSTEK.XYZ

AstroTypeScriptCloudflare WorkersTailwind CSS
[REPO] [LIVE]

Multi-persona portfolio site built from scratch with Astro 6, Tailwind CSS v4, and MDX content collections.

Architecture

  • Astro SSR on Cloudflare Workers — server-side rendering with edge performance
  • Multi-persona — single codebase serves both gamedev and cloud personas with persona-specific content, styling, and social links
  • MDX Content Collections — type-safe blog posts and project pages
  • Resend API — contact form with server-side rate limiting and honeypot spam protection
  • Playwright + GitHub Actions — automated CV PDF export pipeline that rebuilds on content changes

Design

  • Brutalist/Raw Concrete aesthetic: monochrome, heavy borders, monospace typography (JetBrains Mono)
  • Glitch effects: text scramble on scroll, RGB split hover, scan line overlays, view transition tear animations
  • Full dark mode with flash-free theme persistence
  • Accessible: skip-to-content, reduced motion support, semantic HTML, ARIA labels