What I BuiltWas ich gebaut habe
Designed and coded smooth scroll-based effects where cards blur in dynamically as you navigate. Built entirely from scratch using Intersection Observer API and custom JavaScript — no animation libraries.Scroll-basierte Effekte entworfen und programmiert, bei denen Karten dynamisch eingeblendet werden. Komplett von Grund auf mit Intersection Observer API und eigenem JavaScript erstellt — keine Animations-Bibliotheken.
Created seamless, infinite-scrolling carousels with variable speeds and full touch support. Engineered to handle complex interactions without breaking on scroll or resize events — pure vanilla JavaScript implementation.Nahtlose, unendlich scrollende Karussells mit variablen Geschwindigkeiten und voller Touch-Unterstützung erstellt. Entwickelt für komplexe Interaktionen ohne Fehler bei Scroll- oder Resize-Events — reine Vanilla-JavaScript-Implementierung.
Built entirely with vanilla HTML, CSS, and JavaScript. No React, no Vue, no jQuery — just clean, performant code. Every animation is hand-crafted, every interaction is intentionally designed. Complete ownership of the codebase.Komplett mit purem HTML, CSS und JavaScript gebaut. Kein React, kein Vue, kein jQuery — nur sauberer, performanter Code. Jede Animation ist handgefertigt, jede Interaktion bewusst gestaltet. Vollständige Kontrolle über die Codebasis.
Fully optimized for Apple's new Liquid Glass UI. Buttons positioned above dynamic tab bar using env() safe-area insets. svh/dvh viewport units for stable layout. GPU-accelerated transforms to prevent flickering on scroll.Vollständig optimiert für Apples neue Liquid Glass UI. Buttons über der dynamischen Tab-Leiste mit env() Safe-Area-Insets positioniert. svh/dvh Viewport-Einheiten für stabiles Layout. GPU-beschleunigte Transforms gegen Flackern beim Scrollen.
Reusable gallery class that handles images, videos, and description slides. Touch swipe navigation, keyboard controls, smooth transitions between media. Works across all project pages with different content types.Wiederverwendbare Galerie-Klasse für Bilder, Videos und Beschreibungs-Slides. Touch-Swipe-Navigation, Tastatursteuerung, sanfte Übergänge zwischen Medien. Funktioniert auf allen Projektseiten mit verschiedenen Inhaltstypen.
Procedurally animated gradient blobs that float across each page. Different color palettes per section — orange for this page, blue for thesis, violet for skills. Layered with 140px backdrop-filter blur for depth.Prozedural animierte Gradient-Blobs, die über jede Seite schweben. Verschiedene Farbpaletten pro Abschnitt — Orange für diese Seite, Blau für die Thesis, Violett für Skills. Mit 140px backdrop-filter Blur für Tiefe.
On mobile, cards glow and lift as they scroll into the viewport center. CSS variable --scroll-intensity controls the effect. Subtle shadows and border highlights create a tactile feel without being distracting.Auf Mobilgeräten leuchten und heben sich Karten, wenn sie ins Viewport-Zentrum scrollen. CSS-Variable --scroll-intensity steuert den Effekt. Dezente Schatten und Rahmenakzente erzeugen ein haptisches Gefühl ohne abzulenken.
common.css and common.js provide consistent patterns across all pages. Back button, fade animations, glass effects, gallery logic — written once, used everywhere. CSS custom properties make theming effortless.common.css und common.js bieten konsistente Muster auf allen Seiten. Zurück-Button, Fade-Animationen, Glas-Effekte, Galerie-Logik — einmal geschrieben, überall verwendet. CSS Custom Properties machen Theming mühelos.
As you scroll, hero content fades, blurs, and scales down. The page title button fades in at the same rate — smooth handoff. All values calculated from scroll position with requestAnimationFrame for 60fps.Beim Scrollen wird der Hero-Inhalt ausgeblendet, unscharf und verkleinert. Der Seitentitel-Button erscheint mit derselben Rate — nahtlose Übergabe. Alle Werte aus Scroll-Position berechnet mit requestAnimationFrame für 60fps.
Fully functional terminal with 20+ commands. Matrix rain, disco mode, hacker mode, confetti. Achievement system tracks your discoveries. Even the window dots do something — try clicking them.Voll funktionsfähiges Terminal mit 20+ Befehlen. Matrix-Regen, Disco-Modus, Hacker-Modus, Konfetti. Achievement-System verfolgt deine Entdeckungen. Selbst die Fenster-Punkte machen etwas — probiere sie anzuklicken.