Zum Inhalt springen

From Balloons to Binary: A 20th Birthday Packed with Clues

A beautiful cover image with the text "20th Birthday"

This year, I turned 20 - and instead of simply lighting candles and inflating balloons, I wanted to celebrate in a more creative and personal way. The idea? Hide the number 20 in as many surprising, clever, and hidden forms as possible throughout a decorated living room - then capture it all in a single photo. Whether through mathematical puzzles or visual Easter eggs, the room transformed into a joyful riddle full of playful detail.

Entwerfen eines Profils, das innerhalb der GitHub-Regeln funktioniert

A beautiful cover image with the text "GitHub Profile README"

Jedes großartige Projekt beginnt mit der Erkenntnis eines Problems. Mein GitHub-Profile-README war überladen, voll mit zu vielen Informationen, zu vielen Abzeichen und einer überwältigenden Menge an Inhalten, die Stil und Struktur fehlten. Es gab Erfolge von Hackathons, GitHub-Beitragsgrafiken, verschiedene technische Abzeichen und vieles mehr, was es visuell unansprechend und schwer navigierbar machte. Anfangs dachte ich, dies sei eine effektive Art, mich zu präsentieren, aber mit der Zeit wurde klar, dass die Informationen eher überwältigend als informativ waren. Ich wollte etwas Neues, einen raffinierteren und visuell ansprechenderen Ansatz, um mein Profil zu präsentieren, und die Idee, ein Bento-Raster zu implementieren, kam mir in den Sinn. Das Ziel war es, ein Layout zu schaffen, das nicht nur funktional, sondern auch ästhetisch beeindruckend und strukturiert ist.

Wie ich ein GitHub-Profil-README erstellt habe, das es eigentlich nicht geben sollte (aber es gibt es)

A beautiful cover image with the text "GitHub Profile"

Ein herausragendes githubGitHub-Profil-README zu erstellen, bedeutet nicht nur, ein paar Abzeichen hinzuzufügen — es geht darum, technische Grenzen zu überschreiten. In diesem tiefgehenden Einblick erkunde ich Low-Level-SVG-Manipulation, HTML-zu-SVG-Konvertierung, Inline-Animationen und vollständige Automatisierung mit GitHub Actions, um das vielleicht technisch fortschrittlichste GitHub-README zu erstellen. Von einem dynamischen Bento-Grid, das alle 5 Minuten aktualisiert wird, bis hin zum Einbetten von Live-SVGs ohne externe Anfragen hat dieses Projekt mein Profil in eine lebendige, sich selbst aktualisierende Präsentation meiner Arbeit verwandelt. Neugierig, wie ich das gemacht habe? Lass uns loslegen. 🚀