Hagen Aad Fock — Wien
Ich baue Dinge, auf die niemand gewartet hat.
Karten, Spiele, Datenanalyse, ein Terminal aus einer Zeit, die es nie gab. Manches ist nützlich, alles ist benutzbar — und der nächste Schabernack ist schon in Arbeit.
Projekte
14 Einträge
-
date.fock.rocks
CupidLeaks
Lexikon über das Ökosystem der Dating-Apps — und ein Werkzeug, das deinen Hinge-Datenexport auswertet, ohne dass eine Datei den Browser verlässt.
Details
Eine zweisprachige Aufklärungsseite zum Ökosystem der Dating-Apps, mit einem Analyse-Modul für die eigenen Daten.
Lexikon
- 11 Module, DE und EN: Überblick, Asymmetrien, Aufmerksamkeitsökonomie
- Kommunikation und Ghosting, Kennzahlen (PVS/SMR/MRR/MDC), algorithmische Mechanik
- Monetarisierung und Surveillance Pricing, algorithmischer Bias
- Sicherheit und Vertrauen, LGBTQIA+ und non-binäre Realität, Glossar
Analyse
- Plattform-agnostische Pipeline; Hinge zuerst, Tinder/Bumble/OkCupid vorbereitet
- Web Worker entpackt das ZIP mit fflate, validiert per Zod-Schema, rechnet die Kennzahlen
- Strikt clientseitig — keine API, kein Server-Speicher, kein Tracker
- Dashboard mit Funnel, Aktivitäts-Timeline, Verteilungen, Wiederholungs-Erkennung
Technik
Astro 5, Svelte 5, TypeScript im strict mode, Tailwind 4, MDX, Pagefind, Observable Plot, Vitest. Content-Security-Policy
default-src 'self'. -
schabernack.fun
schabernack.fun
Kuratierter Wien-Planer: was in den nächsten zehn Tagen wirklich stattfindet — recherchiert von zwei Agenten, freigegeben von Hand.
Details
Ein Veranstaltungsplaner für Wien, der bewusst kurz greift: nur die nächsten zehn Tage, nur Geprüftes.
Redaktion
- Ein Research-Lauf wird manuell gestartet, nicht automatisch
- Treffer landen als Kandidaten in der Redaktion und werden einzeln freigegeben
- Erst danach sind sie öffentlich sichtbar
- Ein fehlgeschlagener Lauf verändert weder Events noch getroffene Entscheidungen
Recherche
- Zwei Agenten laufen unabhängig und parallel
- Ihre Ergebnisse werden anschließend zu einem deduplizierten, verifizierten Kandidatenpool verdichtet
- Bestehende Events werden aktualisiert, ohne Freigaben zu überschreiben
Technik
FastAPI mit SQLite, als rootless Podman-Stack ausgeliefert. Der Admin-Bereich hängt an der zentralen Authelia-Anmeldung mit zweitem Faktor, die Runner-API an einem Bearer-Token. Display-Schrift ist Barlow Condensed, selbst gehostet.
-
sexpo.schabernack.fun
sexpo.schabernack.fun
Outfit-Guide für sexpositive Partys in Wien: Bezugsquellen, jede an der Quelle geprüft, dazu Dresscode-Orientierung und eine eigene Seite mit Bildquellen.
Details
Ein privater Guide für die Frage, die vor jeder sexpositiven Party steht: was ziehe ich an, und wo bekomme ich das her.
Verzeichnis
- Wiener Läden, europäische Versender und Material aus dem Baumarkt
- Filter nach Sortiment, Vibe, Ort, Budget und Vorlauf
- Jede Karte weist aus, wie gut sie belegt ist, und nennt das Prüfdatum
- Wo eine frühere Fassung etwas Falsches behauptet hat, steht die Korrektur an der Karte selbst
Inspiration
- Ein eigener Punkt für Bildquellen: Archive, Magazine, Communitys, Anleitungen
- Kein Shop, keine Preise, nur Orte, an denen man sieht, was möglich ist
- Zugang, Sprache und explizite Inhalte stehen an jeder Quelle
Technik
Statisches HTML ohne Framework, ausgeliefert von nginx in einem rootless Podman-Container. Content-Security-Policy
default-src 'none', keine Cookies, kein Tracker, keine fremde Herkunft: Schriften, Bilder und Maskottchen liegen im eigenen Baum. Designsystem nach einer GSAP-Vorlage, alle Abweichungen dokumentiert unter/styleguide/. Die Seite trägtnoindexund ist nicht für Suchmaschinen gedacht. -
art.fock.rocks
Generative Art Gallery
Über 50 interaktive Canvas-Stücke: Fraktale mit BigInt-Präzision, Physik-Simulationen, zelluläre Automaten.
Details
Eine Sammlung algorithmischer Arbeiten, in denen Mathematik das Bild macht.
Highlights
- Mandelbrot-Menge im Web Worker, 96-bit BigInt-Präzision für praktisch endloses Zoomen
- Physik: Tuch mit Verlet-Integration, Doppelpendel, Brownsche Bewegung
- Zelluläre Automaten: Game of Life, Langtons Ameise, Wireworld, Brian's Brain
- Partikel: Boids-Schwarm, Flow Fields mit Perlin Noise, Diffusion-Limited Aggregation
Bedienung
- Für Touch optimiert
- Immersiver Modus (Taste H) blendet die Oberfläche aus
- Über 20 Farbpaletten
- Erklärtexte mit weiterführenden Links zu jedem Stück
-
arena.fock.rocks
Any Arena
Rangliste für alles Vergleichbare: Arena anlegen, im Duell abstimmen, Elo entscheidet.
Details
Eine Elo-basierte Vergleichsplattform für alles, was sich gegeneinander stellen lässt: Filme, Essen, Songs, Spiele.
Kern
- Arenen mit beliebig vielen Einträgen, einzeln oder per CSV-Import
- Duelle mit Matchmaking nach ähnlicher Elo-Wertung
- Live-Rangliste über Polling mit ETag-Caching
- Unentschieden, wenn beide Seiten gleich gut sind
Elo
- Standardberechnung mit K-Faktor 32
- Atomare Transaktionen über PostgreSQL Row Locks
- Match-Historie mit den Elo-Veränderungen je Duell
Bedienung
- Tastatur: Pfeiltasten oder A/D/S
- Mobil: Wischen nach links oder rechts
- Optimistische Oberfläche, das Ergebnis steht sofort
Weiteres
- Private Arenen, nur über den Link erreichbar
- Bearbeitung per Passwort geschützt (bcrypt)
- Heller und dunkler Modus
-
vesica.fock.rocks
Vesica
Beantwortet „wo treffen wir uns?" geometrisch: zwei Kreise, ihre Schnittfläche, und darin Lokale.
Details
Benannt nach der Vesica Piscis, der Schnittfläche zweier Kreise.
Rechnung
- Haversine-Formel für Entfernungen auf der Erdkrümmung
- Zwei Schnittpunkte (P1 und P2) markieren die geometrisch fairen Treffpunkte
- Kreisradius = 60 % der Distanz zwischen den beiden Standorten
Suche
- Overpass-API für OpenStreetMap-Daten
- Restaurants, Cafés, Bars, Fast Food
- Zwei Modi: Schnittbereich (schnell) oder Vesica-Linse (gründlich)
- Marker-Clustering, damit die Karte lesbar bleibt
Bedienung
- Marker ziehen, alles rechnet sofort neu
- Adresssuche über Nominatim
- Filter-Seitenleiste mit Wischgesten
- Haptisches Feedback auf dem Handy, Einführung beim ersten Besuch, DE und EN
-
games.fock.rocks
Trinkspiele
101 Trinkspiele aus aller Welt, durchsuchbar und filterbar nach Kategorie, Gruppengröße, Material, Dauer und Härtegrad.
Details
Eine Sammlung für den Abend, an dem niemand mehr weiß, was man spielen könnte.
Kategorien
- Karten: Kings, Busfahrer, Pferderennen
- Würfel: Mäxchen, Schocken, 21
- Wort: Ich hab noch nie, Wahrheit oder Pflicht
- Aktion: Beer Pong, Flunkyball, Flip Cup
- Becher: Rage Cage, Slap Cup, Chandeliers
Funktionen
- Volltextsuche mit unscharfer Suche als Rückfall
- Filter nach Kategorie, Gruppengröße, Dauer, Härtegrad, Material und Favoriten
- Teilbare Filter-URLs, Favoriten und Wiederherstellung der Scrollposition
- Zufallsspiel innerhalb der aktiven Filter
- Großschrift- und Druckansicht für die Regeln
- Vollständig zweisprachig, mobile-first, 208 statisch generierte Seiten
-
bricks.fock.rocks
Brick Breaker
Ein Automatenspiel von 1984, das 1984 niemand gebaut hat: sieben handgesetzte Bretter, Pixel-Renderer, CRT-Bild — erzwungen von einer Wand aus Tests.
Details
Breakout im Automaten-Look, geschrieben ohne eine einzige Laufzeit-Abhängigkeit.
Spiel
- Sieben Stages mit eigener Form: INVADER, PYRAMID, FORTRESS, TUNNEL, CROSSHATCH, SKULL, HEART
- 77 bis 114 Steine pro Brett, jedes Brett spiegelsymmetrisch von Hand gesetzt
- Steintypen: normal, gehärtet, unzerstörbarer Stahl, explosiv mit Kettenreaktion
- Sechs Power-ups: breites Paddle, langsamer Ball, Multiball, Klebepaddle, Laser, Extraleben
- Tastatur, Maus und Touch; der Highscore bleibt lokal im Browser
Technik
- Physik in einem reinen Modul ohne DOM, mit eigenem Zufallsgenerator — dieselbe Eingabe ergibt denselben Ablauf
- Der Renderer zeichnet auf ein kleines Pixelraster und skaliert hart hoch, die Bitmap-Schrift ist Zeichen für Zeichen selbst gemalt
- Scanlines, Vignette und Bildschirmwackler, abschaltbar über
prefers-reduced-motion - Chiptune aus Rechteckwellen über die WebAudio-API, keine Audiodateien
- Drei Dateien, rund 1600 Zeilen, kein Build-Schritt
Entstehung
Gebaut von einer Schleife statt von Hand: 43 gesperrte Tests beschreiben Physik, Level und Bildsprache, ein Agent lief so lange dagegen, bis alle Tore grün waren. Die Tests selbst waren tabu — eine Prüfsumme hat mitgezählt.
-
leet.fock.rocks
1337 C0NV3R73R
Leet-Speak in beide Richtungen, in drei Härtegraden, in einem Terminal, das es nie gab.
Details
Ein Konverter mit Hacker-Terminal-Ästhetik. Serverseitig gerendert, also auch ohne JavaScript benutzbar.
Stufen
- N00B — die Grundvertretungen: A→4, E→3, I→1, O→0
- PR0 — dazu S→$, T→7, L→1, B→8, G→6
- H4X0R — dazu H→|-|, W→\/\/, M→|/|, N→|\|, K→|<
Funktionen
- Beide Richtungen: Text→Leet und Leet→Text
- Decoder nach dem Prinzip „längste Übereinstimmung zuerst" für mehrzeichige Muster
- Scanlines, Neon, Schreibmaschinen-Ausgabe
Easter Eggs
- Konami-Code (↑↑↓↓←→←→BA)
- Der Geheimbefehl „Hack the Planet"
- ASCII-Art im Quelltext, für die, die hinsehen
-
anime.fock.rocks
Anime.js Showcase
Elf Sektionen, die zeigen, was anime.js kann — als durchgehendes Sci-Fi-Interface gebaut.
Details
Eine mehrseitige Demonstration von anime.js v3, zusammengehalten von einer Missions-Control-Oberfläche.
Die elf Sektionen
- Boot — Zeichen-Stagger mit Cursor-Spur und CRT-Glitch
- Tweening — translateX, rotate, scale, color und skewX zum Anfassen
- Easing — acht Easing-Funktionen direkt nebeneinander, linear bis spring
- Timeline —
anime.timeline()mit Überlappungen und Rückwärtslauf - Stagger — Ausbreitung im Raster: center, corner, random
- SVG — Path-Drawing, Morphing, Follow-Path
- Parallax — mehrschichtiges Sternenfeld mit Planeten
- Physics — Spring-Physik zum Spielen: RUBBER / STEEL / JELLY
- Sequencer — 16-Schritt-Sequencer mit Geschwindigkeitsregler
- Morph — SVG-Morphing-Galerie mit Pause und Play
- Finale — Partikel-Explosion und Buchstaben-Burst
Technik
Reines JavaScript, kein Framework, kein Build-Schritt. Eigener Cursor, Scroll-Fortschritt, HUD-Elemente.
-
mitfiebern.wien
Public Viewing Wien
Karte und Liste aller Übertragungsorte zur Fußball-WM 2026 in Wien — mit Quellenangabe und Plausibilitäts-Ampel pro Standort.
Details
Sammelt die öffentlichen Übertragungsorte der Fußball-WM 2026 (11. Juni bis 19. Juli) in Wien: Lokale, Sportbars, Fan-Zones, Plätze.
Funktionen
- Liste und Karte (Leaflet/OpenStreetMap), filterbar nach Bezirk, Typ, drinnen/draußen und Ampel
- Pro Standort: alle Quellen verlinkt, Abrufdatum, Ampel mit nachvollziehbarer Begründung
- „Anzweifeln / Korrigieren" mit eindeutigem Tracking-Code und optionalem Mailversand
- Status-Seite und Admin-Konsole zum Beantworten der Meldungen
Plausibilitäts-Ampel
Gewichtet Quelltyp, Anzahl unabhängiger Quellen, Aktualität, Vollständigkeit und Bestätigungen aus der Community zu einem Score.
Technik
Astro 5 mit SSR, Svelte 5 Islands, TypeScript, Drizzle ORM, PostgreSQL, Nodemailer, argon2. Keine externen SaaS-Dienste, keine Google-Karten.
-
cf-ventures.tirol
CF-Ventures FlexCo
Unternehmensseite einer österreichischen FlexCo aus Tirol — Entwicklung, Handel, Vertrieb.
Details
Die Webpräsenz der CF-Ventures FlexCo mit Sitz in Tirol.
Gestaltung
- Ruhiges Corporate Design mit Emerald- und Gold-Akzenten
- Dunkler Hero mit animiertem Raster
- Durchgehend responsiv, mobile-first
Technik
Statisches HTML, CSS und JavaScript, ohne Framework. Open Graph und strukturierte Daten für die Suche. Ausgeliefert von nginx hinter einem Traefik-Reverse-Proxy.
-
ibex-drink.com
IBEX Alpenbreeze
Marken- und Verkaufsauftritt für einen Hard Seltzer aus Österreich — Zitrone, Limette, Minze, 4 % vol.
Details
Der Auftritt für IBEX Alpenbreeze, eine Marke der CF-Ventures FlexCo.
Produkt
- Hard Seltzer mit Zitrone, Limette und Minze
- 4 % Alkohol
- Entwickelt und hergestellt in Österreich
Auftritt
- Altersabfrage vor dem Eintritt, wie es für alkoholische Getränke vorgeschrieben ist
- Produktdarstellung und Verkauf
- Datenschutz und Impressum nach österreichischem Recht
Domains
ibex-drink.comals Hauptadresse,ibex-original.atundibex-original.comals Weiterleitungen. -
instagram.com/romy.nyx
Romy Nyx
Eine vollständig KI-generierte Influencerin, offen als solche gekennzeichnet — ein Experiment darüber, wo die Grenze verläuft.
Details
Ein Experiment an der Schnittstelle von generativer KI und Social Media.
Technik
- Higgsfield AI für Videos mit über Szenen hinweg konsistenter Identität
- Bildgenerierung mit aktuellen Diffusion Models
- Derselbe Charakter über verschiedene Szenen und Stile hinweg
Frage dahinter
- Wo verläuft die Grenze zwischen Realität und Generierung, und merkt man sie?
- Wie reagiert eine Plattform auf offen gekennzeichnete KI-Inhalte?
Haltung
Das Profil ist als KI-generiert gekennzeichnet. Es gibt keine Täuschung über die künstliche Natur — genau darum geht es.
Die Werkstatt
Diese Seite ist meine digitale Werkstatt. Ich baue Dinge — manchmal, weil sie nützlich sind, oft, weil mich die Technik dahinter fasziniert, und immer, weil es mir Spaß macht.
Wenn ich gerade nicht an einem Projekt bastle, probiere ich vermutlich ein neues Werkzeug aus oder automatisiere etwas, das ich eigentlich nur einmal machen müsste.