<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Home — In Pixels We Trust</title><meta name="description" content="One developer. Building worlds from Tallinn, Estonia."><link rel="stylesheet" href="/_astro/Layout.CX59tiwO.css"></head> <body class="min-h-screen flex flex-col bg-bg text-ink font-mono"> <div class="grain"></div> <!-- Nav --> <nav class="sticky top-0 z-50 flex justify-between items-center px-10 py-5 border-b border-edge bg-bg/85 backdrop-blur-md"> <a href="/" class="font-display font-extrabold text-xs tracking-widest text-amber hover:opacity-70 transition-opacity no-underline">
IN PI<span class="inline-block rotate-12">X</span>ELS WE TRUST
</a> <div class="flex gap-8"> <a href="/games" class="text-ink-dim text-xs tracking-wide hover:text-amber transition-colors no-underline">games</a> <a href="/devlog" class="text-ink-dim text-xs tracking-wide hover:text-amber transition-colors no-underline">devlog</a> <a href="/about" class="text-ink-dim text-xs tracking-wide hover:text-amber transition-colors no-underline">about</a> </div> </nav> <!-- Main --> <main class="flex-1 relative z-10">   <section class="px-8 pt-24 pb-20 max-w-3xl mx-auto w-full"> <p class="font-mono text-amber text-2xs tracking-widest mb-6 opacity-0 animate-fade-up">
// tallinn, estonia — est. 2026
</p> <h1 class="font-display font-extrabold text-4xl sm:text-5xl md:text-7xl leading-tight tracking-tight mb-6 opacity-0 animate-fade-up delay-1">
One developer.<br>Building worlds.
</h1> <p class="text-ink-dim text-sm leading-relaxed max-w-lg mb-10 opacity-0 animate-fade-up delay-2">
I make games and interactive experiences. Warehouse simulations, 
      spatial stories, things that feel alive. Built pixel by pixel, 
      shipped with intent.
</p> <div class="flex flex-col sm:flex-row gap-4 mb-12 opacity-0 animate-fade-up delay-3"> <a href="/games" class="bg-amber text-bg px-6 py-3 font-mono text-xs tracking-wide font-medium hover:opacity-80 transition-opacity no-underline text-center">
see what I'm building
</a> <a href="/devlog" class="border border-edge text-ink-dim px-6 py-3 font-mono text-xs tracking-wide hover:border-amber hover:text-amber transition-colors no-underline text-center">
follow the journey
</a> </div> <!-- Status bar --> <div class="flex flex-wrap items-center gap-x-6 gap-y-2 px-5 py-4 border border-edge bg-bg2 text-2xs text-ink-dim opacity-0 animate-fade-up delay-4"> <div class="flex items-center gap-2"> <span class="w-1.5 h-1.5 rounded-full bg-green-400 shadow-[0_0_8px_#4ade80] animate-pulse-dot"></span> <span class="font-mono">currently building: HIIS</span> </div> <span class="font-mono">day 2 of many</span> </div> </section>  <section class="px-6 py-16 border-t border-edge"> <div class="max-w-3xl mx-auto w-full"> <p class="font-mono text-amber-dim text-2xs tracking-widest mb-8">// games</p> <div class="grid grid-cols-1 md:grid-cols-2 gap-px bg-edge border border-edge"> <!-- Active game --> <div class="bg-bg p-6 md:p-8 hover:bg-bg2 transition-colors"> <p class="font-mono text-amber text-2xs tracking-widest uppercase mb-4">in development</p> <h2 class="font-display font-bold text-3xl leading-tight mb-4">HIIS</h2> <p class="text-ink-dim text-sm leading-relaxed mb-6">
Estonian folklore dungeon crawler. Explore sacred groves haunted
          by Metsik, Näkk, and Vanapagan. Top-down, TypeScript, canvas.
          Free in your browser.
</p> <div class="flex flex-wrap gap-4 font-mono text-2xs text-ink-dim pt-4 border-t border-edge mb-6"> <span>platform: web</span> <span>engine: typescript + canvas</span> <span>eta: 2026</span> </div> <a href="/devlog" class="font-mono text-xs text-amber link-arrow no-underline">follow devlog →</a> </div> <!-- Next up --> <div class="bg-bg p-6 md:p-8 opacity-50"> <p class="font-mono text-amber text-2xs tracking-widest uppercase mb-4">next up</p> <h2 class="font-display font-bold text-3xl leading-tight mb-4">
Warehouse<br>Logistics Sim
</h2> <p class="text-ink-dim text-sm leading-relaxed mb-6">
Top-down logistics sim for mobile. Godot 4. After HIIS ships.
</p> <a href="/devlog" class="font-mono text-xs text-amber link-arrow no-underline">follow devlog →</a> </div> </div> </div> </section>  <section class="px-6 py-16 border-t border-edge"> <div class="max-w-3xl mx-auto w-full"> <p class="font-mono text-amber-dim text-2xs tracking-widest mb-8">// latest from the devlog</p> <div class="max-w-2xl"> <span class="font-mono text-amber-dim text-2xs block mb-2">2026.03.20</span> <h3 class="font-display font-bold text-xl mb-3"> <a href="/devlog" class="text-ink hover:text-amber transition-colors no-underline">
Day 2. HIIS. The first Estonian folklore game.
</a> </h3> <p class="text-ink-dim text-sm leading-relaxed mb-4">
Needed a quick win. Decided to ship a web game first — TypeScript,
        canvas, Estonian folklore. Named it HIIS. Nobody has made this game.
        So I will.
</p> <a href="/devlog" class="font-mono text-xs text-amber link-arrow no-underline">read more →</a> </div> </div> </section>  </main> <!-- Footer --> <footer class="relative z-10 flex justify-between items-center px-10 py-6 border-t border-edge text-ink-dim text-2xs"> <span class="font-mono">© 2026 Vacabyte OÜ — Tallinn, Estonia</span> <div class="flex gap-6"> <a href="https://twitter.com/inpixelswetrust" target="_blank" class="hover:text-amber transition-colors no-underline">twitter</a> <a href="https://tiktok.com/@inpixelswetrust" target="_blank" class="hover:text-amber transition-colors no-underline">tiktok</a> </div> </footer> </body></html>