Projects
x06.wtf v2 preview

x06.wtf v2

Web · Application · Full-Stack Developer · 2026

The second iteration of x06.wtf — a dark-themed personal portfolio with a cinematic playing-card aesthetic. Uses Keystatic CMS for content management, features a featured project gallery, floating card decorations, GitHub contribution heatmap, and a noir-inspired visual identity.

Next.jsKeystatic CMSTailwind CSSTypeScriptVercel
DemoGitHub

Gallery

Notes

The second generation of x06.wtf — evolved from the Sanity-powered feed into a personal portfolio and project showcase with a distinctive cinematic atmosphere.

Design & Identity

  • Playing-card aesthetic — suit symbols (♠♥♣♦) throughout, floating animated card decorations, gold accent colors, and custom typography (Pirata One for headings, Inter for body)
  • Noir color palette — deep blacks, dark crimson highlights, gold metallic accents, and subtle smoke/film-grain textures
  • Cinematic typography — large serif display headings, uppercase tracking on labels, and a "worn" separator pattern

Features

  • Keystatic CMS — admin dashboard at /keystatic for managing project and article content with YAML frontmatter
  • Project gallery — cards sorted by year with auto-fetched README screenshots from linked GitHub repos
  • Featured projects section — large hero card showcase for spotlighted work
  • GitHub contribution heatmap — embedded SVG contribution calendar from the GitHub API
  • Floating card animations — ambient playing cards drift across the background
  • Noise overlay — subtle grain texture and vignette for a filmic feel
  • Contact button — copies email to clipboard with a toast notification
  • Dark theme unified across all pages

Stack

| Layer | Technology | |-------|------------| | Framework | Next.js 16 (App Router) | | CMS | Keystatic (local YAML + GitHub-backed) | | Fonts | Pirata One, Inter | | Styling | Tailwind CSS v4 + class-variance-authority | | Components | shadcn/ui (Radix primitives) | | Hosting | Vercel |