Portfolio | Jean Pierre Kolb

JPKCom Developer Tools

Unter jpkc.com/tools/ stelle ich eine umfangreiche Sammlung von über 40 kostenlosen, browserbasierten Entwickler-Tools bereit. Der Tech-Stack basiert auf PHP 8.3, Bootstrap 5, jQuery 4 und modernem JavaScript. Die meisten Tools verarbeiten deine Eingaben ausschließlich im Browser — Texte, Dateien und Schlüssel verlassen deinen Rechner nicht.

Einige Tools benötigen für bestimmte Funktionen (z. B. DNS-Abfragen, SSL-Zertifikatsprüfung, SEO-Analyse, Laden per URL) Zugriff auf externe Ressourcen. Diese Abrufe laufen über einen abgesicherten Proxy auf dem Server. Alternativ kannst du in sieben Tools den Expert Mode einschalten und meinen lokalen Proxy nutzen — siehe Abschnitt Proxy weiter unten.

Code und Text

Beautify: JavaScript, CSS und HTML mit allen js-beautify-Optionen formatieren, JSON und JSONP lesbar machen und P.A.C.K.E.R.-Code sicher ohne eval entpacken.
Cheat Sheets: 220 Spickzettel für die Kommandozeile — git, Docker, nginx, SSH, tar, curl, ImageMagick und mehr. Ein Sheet oder alle auf einmal durchsuchen, Befehle mit einem Klick kopieren und direkt auf Abschnitte verlinken.
Coder: HTML-Entities, URLs, Base64, JSON, Unicode, Hex, Punycode und Quoted-Printable kodieren und dekodieren, JWT-Signaturen prüfen und Data-URIs erzeugen.
Compiler: SCSS und Sass mit Dart Sass zu CSS kompilieren, HTML, JavaScript und CSS minifizieren und formatieren. Split-View-Editoren mit Upload, Download und Kopieren.
Convertor PRO: Text zwischen 13 Kodierungen umwandeln (HTML-Entities, Unicode, UTF-8, Hex, NCRs und mehr) und Daten zwischen JSON, YAML, TOML, XML und INI — verlustfrei und mit exakten Zahlen.
CSV Editor: CSV-Dateien öffnen, bearbeiten und exportieren. Tabellen-Editor mit Erkennung von Trennzeichen und Kodierung, Export als CSV, JSON und Markdown — alles bleibt in deinem Browser.
JSON Editor: Moderner JSON-Editor mit Baum-, Tabellen- und Code-Ansicht: formatieren, mit JSON Schema validieren, reparieren, sortieren und abfragen — große Zahlen bleiben exakt. Laden per URL.
Lorem Ipsum: Platzhaltertext auf Latein, Englisch oder Deutsch als reiner Text, Markdown oder HTML — mit exakter Länge nach Absätzen, Sätzen, Wörtern oder Zeichen.
Markdown Editor: Markdown-Editor mit Live-Vorschau, zeilengenau synchronisiertem Scrollen, GFM, Mermaid-Diagrammen, KaTeX-Formeln, Tabellen-Dialog, Snapshots, Laden per URL und Export als HTML oder PDF.
Playground: HTML-, CSS/SCSS- und JavaScript-Editor mit Live-Vorschau und optionalem In-Browser-PHP-8.4-Modus (php-wasm). Bootstrap und jQuery per Schalter, Speicherslots und Export.
Regex Debugger: Reguläre Ausdrücke für JavaScript testen: Live-Matching mit Gruppen, Ersetzen und Aufteilen, Erklärung des Musters in einfachem Englisch, Code-Export für JavaScript, PHP und Python sowie eine Muster-Bibliothek.
Source Viewer: Code-Viewer und -Editor mit Syntaxhervorhebung für über 100 Sprachen, abgeschotteter HTML-Vorschau (Sandbox), Minifizieren und Formatieren, Laden per URL und HTML-zu-Markdown-Konvertierung.
WP Code Generator: Code für WordPress 7.x generieren: Plugins, Block-Themes, Blöcke, Patterns, Abilities API, REST-Routen, Hooks, CPTs, Einstellungsseiten und 40 Snippets — mit ZIP-Download.
WYSIWYG Editor: Rich-Text-Editor auf Basis von TipTap mit Markdown-Import/-Export, Tabellen, Formeln, Syntaxhervorhebung, Snapshots und HTML-Quelltextansicht. Drucken oder als PDF speichern.

Design und Grafik

Colors: Farb-Toolkit für Webentwickler: Farbwähler, Verläufe, mehrschichtige CSS-Schatten und Farbpaletten aus Bildern — mit WCAG-Kontrastprüfung, Simulation von Farbenblindheit und Ausgabe für Tailwind.
Fonts: Schriften testen und vergleichen: alle Google Fonts durchsuchen, Systemschriften prüfen, lokale Schriftdateien ansehen und fluide clamp()-Größen und Typo-Skalen bauen.
GeoPattern: Aus beliebigem Text ein geometrisches Muster erzeugen — 16 Mustertypen, eigene Farbe, Export als SVG oder PNG in jeder Größe, als CSS-Hintergrund und Data-URI.
Graphic Editor: Bilder im Browser zuschneiden, skalieren und umwandeln: PNG, JPEG (MozJPEG), WebP und AVIF mit echter Dateigröße, Metadaten-Anzeige und Hintergrundfarbe für JPEG.
PDF Tools: PDFs im Browser erstellen, anzeigen, annotieren, zusammenführen und aufteilen: Formulare, Markierungen, Passwörter, Lesezeichen, Seitenauswahl sowie Markdown, HTML oder Bilder als PDF.
Periodensystem (PSE): Interaktives Periodensystem (Deutsch und Englisch) mit allen 118 Elementen: Details, Aggregatzustand bei jeder Temperatur, Eigenschaften als Farbskala und Molmassen-Rechner.
Placeholder Generator: Platzhalterbilder per URL — PNG, WebP oder JPEG, Retina-tauglich, mit eigenen Farben und Text, der immer ins Bild passt — dazu SVG und Data-URIs. Vorlagen für Social Media, Banner und Geräte.
Trianglify UI: Low-Poly-Dreieckshintergründe in jeder Größe — Paletten oder eigener Verlauf, Sparkle- und Schatten-Stile, Drahtgitter, Export als PNG, JPEG, WebP oder SVG und teilbare Links.

KI und SEO

llms.txt Generator: llms.txt-Dateien nach Spezifikation v2 erzeugen und prüfen: Live-Validierung mit dem Referenz-Parser, Auslieferungs-Snippets für nginx und Apache, Prüfung von Content-Type und Links. Der Standard hilft KI-Sprachmodellen, Webinhalte zu verstehen.
Meta Tags Generator: Head-Tags für SEO, hreflang, Open Graph, X Cards, Icons und JSON-LD erzeugen, dazu Security-Header für nginx und Apache. Mit Live-Vorschau und Prüfung auf fehlende oder ignorierte Tags.
robots.txt und Sitemap: robots.txt nach RFC 9309 erzeugen (Wildcards, Vorlagen für KI-Crawler, Live-Test einzelner URLs) sowie Sitemaps und Sitemap-Indizes. Live-Checker rufen beide Dateien von jeder URL ab, validieren sie und gleichen sie miteinander ab.
SEO- und GEO-Analyzer: SEO- und GEO-Analyse jeder Seite: HTTP-Header, SSL, Weiterleitungen, Meta-Tags, Links, Bilder, strukturierte Daten, Inhalt, Barrierefreiheit, robots.txt, llms.txt und KI-Bereitschaft.

Sicherheit und Werkzeuge

Cryptor: AES-256-GCM-Textverschlüsselung im Browser: PBKDF2 mit 600.000 Iterationen, Passwort- und Passphrasen-Generator, offenes Format mit Code-Beispielen für Node.js, Python und PHP.
DNS, SSL, Redirect und URL: DNS-Einträge und Mail-Sicherheit (SPF, DKIM, DMARC) prüfen, SSL/TLS-Zertifikatsketten auch im fehlerhaften Zustand untersuchen, Weiterleitungen verfolgen, URLs zerlegen und SPF-Lookups zählen.
Cron Job Helper: Cron-Ausdrücke bauen und prüfen, die nächsten Ausführungen in jeder Zeitzone sommerzeitgenau vorhersehen, sichere Web-Crons mit curl/wget erzeugen und Cronjobs für WordPress, TYPO3, Drupal, Laravel, Symfony, Docker und DDEV einrichten.
Docker/Podman Composer: docker run- und podman run-Befehle in Docker Compose-YAML umwandeln und zurück: alle run-Flags, Netzwerke, Volumes, Umgebungsvariablen und korrektes $-Quoting, dazu ein Startskript.
IP Tools: IPv4- und IPv6-Subnetzrechner, IP-Bereich zu CIDR, Konverter für Adressformate, ULA-Generator, IANA-Sonderbereiche und deine aktuelle IP-Adresse.
Generator: Passwörter und EFF-Passphrasen, Salts, WordPress-Sicherheitsschlüssel, WLAN-Schlüssel mit QR-Code, .htpasswd-Zeilen (bcrypt/APR1) und TOTP-Codes generieren — alles im Browser.
Hash Generator: Text und Dateien mit MD5, SHA-1/2/3, Keccak, BLAKE2/3, RIPEMD-160 und CRC32 hashen, HMAC- und SRI-Hashes erzeugen, bcrypt, Argon2id und PBKDF2 hashen und prüfen.
Info Tools: Was dein Browser verrät: Browser und Betriebssystem per Client Hints, IP-Adresse und Request-Header, Bildschirm- und Medien-Features, Zeitzone und Uhrabweichung, Fähigkeiten und Berechtigungen — dazu eine IP-API im Klartext.
Mail Header Analyzer: E-Mail-Header im Browser analysieren: Zustellweg und sendende IP, SPF/DKIM/DMARC pro Server, Spam-Scores, Phishing-Hinweise und dekodierte Betreffzeilen. Es wird nichts hochgeladen.
PKI Viewer: X.509-Zertifikate und -Ketten, CSRs, CRLs, Schlüssel, PKCS#12 und signierte P7M-/S/MIME-Dateien im Browser untersuchen: Fingerprints, Signaturprüfung und Abgleich von Schlüssel und Zertifikat.
SSH Proxy: SSH-Tunnel-, SOCKS-Proxy- und Port-Forwarding-Befehle generieren, dazu SSH-Config-Einträge, Verwaltungsskripte, Autostart-Konfigurationen und Fehlerbehebung für Linux, macOS, Windows, BSD und WSL.
QR-Code-Generator: Gestaltete QR-Codes mit eigenen Punkt- und Eck-Stilen, Farbverläufen und Logo, Export als SVG, PNG, JPEG oder WebP — für URLs, WLAN, vCard, E-Mail, Telefon, Standort und Termine, inklusive Scan-Test.
Time Converter: Unix-Zeitstempel (s, ms, µs, ns), Datum und Uhrzeit in jeder IANA-Zeitzone, ISO 8601, RFC 2822, ISO-Kalenderwochen und sommerzeitgenaue Zeitdifferenzen.
UUID Generator: UUIDs der Versionen 4, 7 (monoton), 6, 1, 5 und 3 nach RFC 9562 in großer Menge erzeugen, beliebige UUIDs dekodieren (Version, Zeitstempel, Node) und Formate umwandeln.

Localproxy — Proxy für JPKCom Developer Tools

Einige der oben genannten Tools benötigen Zugriff auf externe Ressourcen, z. B. für DNS-Abfragen, SSL-Zertifikatsprüfungen oder SEO-Analysen. Browser-Sicherheitsrichtlinien (CORS) verhindern solche Zugriffe normalerweise. Standardmäßig übernimmt das ein Proxy auf dem Server — mit Rate Limit und Größenbegrenzung. Für den Expert Mode habe ich einen eigenen, leichtgewichtigen HTTP-Proxy in reinem Go geschrieben — ohne externe Abhängigkeiten, als einzelne Datei (main.go). Er läuft auf deinem Rechner, umgeht diese Grenzen und liefert seit Version 1.3.0 dieselben Zertifikats- und Redirect-Details wie der Proxy auf dem Server:

github.com/JPKCom/proxy-jpkcom-dev-tools

Funktionsweise: Der Proxy läuft als eigenständige Binärdatei auf deinem Rechner und bindet ausschließlich an 127.0.0.1. Alle Anfragen erfordern eine Token-Authentifizierung pro Sitzung über den X-Proxy-Token-Header, eine Host-Prüfung blockiert DNS-Rebinding gegen den Proxy selbst. Der SSRF-Schutz greift beim Verbindungsaufbau — nach der DNS-Auflösung, direkt vor dem Connect, auch bei jedem Redirect — und sperrt private, reservierte und Cloud-Metadaten-Adressen samt ihrer IPv6-Schreibweisen. Cookies sowie Authorization- und Referer-Header gibt er nie an das Ziel weiter.
Endpunkte: /proxy — HTTP/HTTPS-Anfragen mit Streaming weiterleiten; Redirects folgt er auf Wunsch selbst (bis zu fünf, jeder Sprung SSRF-geprüft), den Location-Header — und damit dein Token — reicht er nie an den Browser weiter
/inspect — Verbindungsmetadaten als JSON zurückgeben: vollständige SSL-Zertifikatskette mit Signaturprüfung, Fingerprints und PEM, Hostnamen-Abgleich, Liste der Zertifikatsprobleme, TLS-Protokoll und Cipher, IP-Adressen, Header, HTTP/3-Erkennung und millisekunden-genaues Connection-Profiling (DNS-Lookup, TCP-Connect, TLS-Handshake, TTFB). Im Diagnosemodus liest er auch die Kette abgelaufener, selbstsignierter oder auf alte TLS-Versionen festgelegter Server aus
/page — Umfassende Seitenanalyse in einer einzigen Anfrage: folgt Redirect-Ketten serverseitig (bis zu 20, mit Schleifenerkennung) mit Metadaten pro Hop (Timing, IP, Header, Zertifikat), liefert SSL-Details, Body-Inhalt und Performance-Timing
/ping und /version — Statusprüfung und Versionsinformation
Sicherheit und Konfiguration: Konfigurierbarer Origin-Filter für den Produktionseinsatz, konfigurierbare DNS-Server (Standard: Cloudflare und Google), einstellbare Timeout- und Antwortgrößen-Limits (Standard: 50 MB, auch für entpackte Inhalte). Kategorisierte JSON-Fehlerantworten für verschiedene Fehlertypen (DNS, TLS, Verbindung, Timeout, gesperrtes Ziel, Redirect-Schleife).
Datenschutz: Durch die lokale Ausführung auf 127.0.0.1 verlassen keine Daten deinen Rechner über Dritte. Der Proxy fungiert als direkter Vermittler zwischen deinem Browser und dem Zielserver — ohne externe Cloud-Dienste oder Zwischenserver.
Plattformen: Linux, macOS (ab 13 Ventura), Windows, FreeBSD, OpenBSD und NetBSD
Auch anderweitig einsetzbar: Obwohl der Proxy für die JPKCom Developer Tools entwickelt wurde, ist er universell verwendbar — überall dort, wo du einen lokalen, authentifizierten HTTP-Proxy mit SSL-Inspektion und Connection-Profiling brauchst.

JPKCom DB — Wissensdatenbank, Blog und Doku

Unter jpkc.com/db/ betreibe ich JPKCom DB — eine eigenständige, zweisprachige (Deutsch und Englisch) Wissensdatenbank, die Blog, Dokumentation und Knowledge-Base vereint. Schwerpunkte sind Webentwicklung, Server, DevOps, Sicherheit sowie KI, SEO und GEO. Jeder Inhalt liegt zusätzlich nativ als Markdown vor, damit KI-Systeme die Daten direkt und rauschfrei lesen können. Eine projektweite Volltextsuche (Pagefind) erschließt alle Bereiche. Technisch basiert die Seite auf Eleventy und Tailwind CSS.

Blog: Fachartikel zu Webentwicklung, KI und digitaler Praxis — den Anfang macht eine Serie zu SEO und GEO.
Cheat Sheets: Über 200 Kommandozeilen-Referenzen, redaktionell als ausführliche Artikel aufbereitet und mit einem Klick kopierbar.
Tools-Dokumentation: Ausführliche Begleit-Doku zu den kostenlosen JPKCom Developer Tools: Übersicht, Handbuch, Beispiele sowie Tipps und Tricks.
Guides: Praxisnahe Anleitungen zu meinen Open-Source-Projekten, jeweils mit Querverweis zum Changelog.
Changelog: Versionsverläufe der JPKCom-Projekte, direkt aus der jeweiligen README übernommen.

GitHub-Repositories

Eine Auswahl meiner Open-Source-Projekte auf GitHub, sortiert nach Kategorien. Mein vollständiges Profil findest du unter:
github.com/JPKCom

Proxy

proxy-jpkcom-dev-tools: Lokaler HTTP-Proxy in Go für browserbasierte Entwickler-Tools. Ermöglicht DNS-Abfragen, SSL-Analysen und Seiteninspektion unter Umgehung von CORS-Einschränkungen. Siehe Details oben.

Web-Oberfläche

jpkcom-desktop: Web-Oberfläche im Stil eines klassischen Desktops in reinem JavaScript: Fenster zum Verschieben, Einrasten und Wiederherstellen, Menüleiste, Dock, Schnellsuche und Apps wie Editor, Notizen, Aufgaben, Rechner, Terminal sowie Audio- und Videoplayer. Inhaltsseiten erscheinen bereinigt und nativ im Fenster, ohne iframe. Native ES-Module, kein Build-Schritt, keine Laufzeit-Abhängigkeiten, strenge CSP ohne eval und innerHTML. Beliebig viele Sprachen, helles und dunkles Thema, installierbar und offline nutzbar, komplett per Tastatur bedienbar. Als GitHub-Template nutzbar, MIT-Lizenz. Live-Demo

WordPress-Plugins — Inhalte und Darstellung

Alle Plugins erfordern PHP 8.3+ und WordPress 6.9+, nutzen Strict Typing und werden über automatische GitHub-basierte Updates mit SHA256-Prüfsummen aktualisiert.

jpkcom-post-filter: Facettierte Navigation und Filterung von Beiträgen, Seiten und Custom Post Types über WordPress-Taxonomien. SEO-freundliche URLs mit Filterstatus im Pfad, AJAX-Filterung mit history.pushState und No-JS-Fallback. Vier Filter-Layouts (horizontale Leiste, Spalten, Sidebar, Dropdown), drei Listen-Layouts (Cards, Zeilen, Minimal). Native Gutenberg-Blöcke, Elementor-Widgets und Oxygen Builder-Elemente. Vier-Stufen-Caching (Object Cache, Transients, APCu, PHP-Datei-Cache). Volle Barrierefreiheit mit aria-live-Regionen und aria-pressed-Toggles. Keine Abhängigkeiten — kein ACF, Bootstrap oder jQuery erforderlich.
jpkcom-acf-jobs: Stellenanzeigen- und Bewerbungsmanagement-Plugin für ACF Pro. Drei Custom Post Types (Stellen, Standorte, Unternehmen) mit hierarchischer Organisation. Flexible Stellentypen (Vollzeit, Teilzeit, Vertrag, Praktikum). Schema.org-JobPosting-Integration für Google for Jobs. WPML-Unterstützung, Template-Override-System und Bootstrap 5-kompatibel.
jpkcom-acf-references: Referenzgalerie-Plugin für ACF Pro mit interaktiver clientseitiger Filterung und animierten Übergängen. Drei Custom Post Types (Referenzen, Standorte, Kunden). Bildergalerie mit Lightbox-Modal und Tastaturnavigation. Mehrere Layout-Optionen (Liste, Card-Grid, Bild-Overlay). WPML-Unterstützung, prefers-reduced-motion-kompatibel und Bootstrap 5-kompatibel.
jpkcom-simple-lang: Leichtgewichtige Sprachauswahl pro Beitrag, die die seitenweite Spracheinstellung im Frontend überschreibt. Nutzt das WordPress-Core-Sprachsystem, aktualisiert automatisch das lang-Attribut im HTML, generiert hreflang-Meta-Tags für SEO. Kompatibel mit Yoast, Rank Math und Oxygen Builder. Multisite-fähig.
jpkcom-fa-svg-plugin: Shortcode-Plugin zum Einbetten von Font Awesome Pro (v5.15.4) als Inline-SVG. Unterstützt alle Icon-Typen (Solid, Light, Regular, Duotone, Brands), CSS-Klassen, Styles sowie title- und ARIA-Label für Barrierefreiheit. Funktioniert in Menüs, Gutenberg und per do_shortcode(). Multisite-fähig.
jpkcom-gutenberg-img-alt: Synchronisiert Alt-Attribute von Bildern im Gutenberg-Block-Editor automatisch mit den Metadaten der Mediathek. Dynamische Aktualisierung über Regex — stellt sicher, dass Alt-Texte immer aktuell sind, auch wenn sie nachträglich in der Mediathek geändert werden. Fördert SEO und Barrierefreiheit.
jpkcom-rank-math-options: Companion-Plugin für Rank Math SEO: schaltet die Editoren für robots.txt und .htaccess auch auf Multisite frei, entfernt den „Powered by Rank Math“-Hinweis aus Frontend und XML-Sitemap, erzwingt die Deaktivierung der anonymen Telemetrie, bereinigt die generierte llms.txt und blendet das Rank Math-Menü in der Admin-Leiste aus. Netzwerkfähig, keine Konfiguration nötig.

WordPress-Plugins — Sicherheit

jpkcom-harden-trim: Bündelt gut 40 Schalter für Härtung, Datenschutz und Performance auf einer Einstellungsseite — jeder lässt sich auch per Konstante in der wp-config.php setzen, die das Feld dann sperrt. Unbedenkliche Standardwerte: Nach der Aktivierung ändert sich sichtbar nichts, entfernt werden nur unsichtbare Spuren (Generator-Tag, Fingerprint-Header, Emoji-Skript, Wege zur Benutzer-Enumeration); bewusst gesperrt ist ab Werk nur XML-RPC. Alles, was etwas kaputt machen kann, ist aus und trägt einen Warnhinweis. Sicherheits-Header (X-Frame-Options, Permissions-Policy, HSTS), aufgeräumter <head>, lokale Avatare, gekürzte Kommentar-IPs, Steuerung von Heartbeat, Revisionen und Autosave, Kommentare abschaltbar. Drei Voreinstellungen (Unbedenklich, Empfohlen, Streng), Rollen-Ausnahmen, JSON-Import/-Export, Not-Aus per Konstante, WP-CLI-Befehl wp harden-trim und eine nur lesende Abilities API-Fähigkeit für MCP- und KI-Clients. Keine Telemetrie, erfordert WordPress 7.1+.
jpkcom-hide-login: Benennt die Standard-Login-URL (wp-login.php) auf einen benutzerdefinierten Slug um. Integrierter Brute-Force-Schutz mit konfigurierbaren Schwellenwerten (maximale Versuche, Zeitfenster, Sperrdauer). IP-Whitelist mit CIDR-Unterstützung, WP-CLI-Kommandos und Multisite-Support. WooCommerce-kompatibel, REST-API-sicher, keine Core-Modifikationen.
jpkcom-disable-xmlrpc: Deaktiviert WordPress XML-RPC global: leert die Methodenliste via Filter und blockiert den direkten Zugriff auf xmlrpc.php mit einem 403-Fehler. Schützt vor automatisierten Angriffen auf die XML-RPC-Schnittstelle.
jpkcom-disable-comments: Deaktiviert die WordPress-Kommentarfunktion vollständig seitenweit: schließt Kommentare, Pingbacks und Trackbacks für alle Inhaltstypen, entfernt Kommentar-Ansicht, Menüeintrag, Admin-Leiste und Dashboard-Zähler, lässt die Kommentar-Feeds mit 404 antworten und jeden Beitrag null Kommentare melden. Die REST-API-Kommentar-Endpunkte antworten mit 404 — außer für die Notizen im Block-Editor, die weiter funktionieren. Vorhandene Kommentare werden nicht gelöscht, sondern nur ausgeblendet.
jpkcom-argon2: Aktiviert den ARGON2ID-Algorithmus für alle WordPress-Passwort-Hashes. Ersetzt das Standard-Hashing durch den moderneren und sichereren Argon2id-Algorithmus. Multisite-fähig, keine Konfiguration nötig.

Mastodon: JPKCom@mastodon.social — Fediverse-Profil
GitHub: JPKCom@GitHub — Open-Source-Projekte und Code-Repositories
GitLab: JPKCom@GitLab — weitere Code-Repositories
Drupal: JPKCom@Drupal — Drupal-Community-Profil
XING: Business-Netzwerk-Profil
LinkedIn: Internationales Business-Netzwerk-Profil
Google Business: Google-Unternehmensprofil
Gravatar: Globales Avatar- und Profil bei WordPress/Gravatar

Err-O-Rama

Selbst Fehlerseiten dürfen Spaß machen. Jede HTTP-Fehlerseite hat ihr eigenes Thema, eigene Animationen und ein paar versteckte Details.

400 — Bad Request: Signalkorruption mit Blockversatz, Zeilenriss und RGB-Split
401 — Authorization Required: Radar-Scanner mit Blips und Statusmeldungen
403 — Forbidden: Matrix-Regen mit Pong-Spiel
404 — Not Found: Die klassische „Seite nicht gefunden“-Seite
405 — Method Not Allowed: Vorhängeschloss im Schnittmodell — der falsche Schlüssel verfehlt die Scherlinie
408 — Request Timeout: Sanduhr mit körnigem Sand, Schüttkegel und Countdown
410 — Gone: In Echtzeit gerendertes Schwarzes Loch — Gravitationslinse, Einstein-Ring und Doppler-Beaming der Akkretionsscheibe
418 — I'm a Teapot: Hyperspace-Animation mit dampfender Teekanne
429 — Too Many Requests: Platinen-Schaltkreise mit Überladungs-Effekt
500 — Internal Server Error: Kernel-Panic im Terminal-Stil
502 — Bad Gateway: Brücke zwischen Client und Server, die zusammenbricht
503 — Service Unavailable: Roboter mit Schraubenschlüssel und Zahnrädern
504 — Gateway Timeout: Uhr mit ablaufendem Countdown

Logos und Grafiken

Grafiken zum Download.

/img/JPK.svg: 1260 × 1260 · 69 KB · image/svg+xml
/img/JPKCode.svg: 2764 × 996 · 59 KB · image/svg+xml
/img/JPKCom.svg: 410 × 410 · 1,6 KB · image/svg+xml
/JPKCom.svg: 240 × 240 · 8,7 KB · image/svg+xml
/JPKComBE.svg: 1000 × 1000 · 9,5 KB · image/svg+xml
/JPKCom-6.svg: 1024 × 1028 · 4,6 KB · image/svg+xml
/JPKCom.png: 1024 × 1024 · 958 KB · image/png

Wallpaper

Desktop-Wallpaper zum Download.

The Cube — Blue: 3200 × 2000 · 298 KB · image/jpeg
The Cube — Gray: 3200 × 2000 · 318 KB · image/jpeg
The Cube — White: 3200 × 2000 · 360 KB · image/jpeg

Du hast Fragen oder Feedback zu einem der Projekte? Schreib mir.