Ich mag meine Website. Also diese hier. Ich kann mich hier in verschiedenster Weise ausleben: kreativ, technisch, literarisch. Jedoch hatte ich damit eine größere Vision: Ich will meinen Töchtern, meiner Frau, meiner Familie ein Stück von mir hinterlassen. Welche Bücher haben mich berührt, welche Zitate? Welche Gedanken hatte ich mit 31? Wie ging es mir in dieser und jener Situation? Selbstverständlich sind das sehr intime Gedanken, welche ich nicht mit der Welt teilen will. Demzufolge hat diese Website bisher keine allzu persönlichen Informationen enthalten. Dafür habe ich heute eine sehr coole Lösung gefunden: Ich verschlüssele die Seiten einfach. Entsperren via Passwort bzw. Passkey (FaceID, TouchID, whatever). Hell yeah!
In Zeiten von vibecoding in kurzer Zeit umgesetzt. So siehts aus:
Ein Textblock, umrahmt mit dem private-Block, wird wie oben angezeigt und kann entsperrt werden. Via frontmatter-tag können auch gesamte Seiten verschlüsselt werden.
Wie das genau funktioniert? Das lass ich am besten die KI erklären: #
Beim Build der Website werden alle :::private-Blöcke mit AES-256-GCM verschlüsselt — was im HTML landet, ist reines Kauderwelsch. Der Originaltext ist nirgendwo auf dem Server gespeichert.
Der Schlüssel ist ein Passwort, das nur die Familie kennt. Wer "Entsperren" klickt, gibt es ein — der Browser leitet daraus den Entschlüsselungsschlüssel ab und entschlüsselt den Inhalt direkt lokal, ohne dass irgendetwas an einen Server gesendet wird.
Für den Alltag gibt's noch einen zweiten Weg: Passkeys (Face ID, Touch ID, Windows Hello). Nach der ersten Passwort-Eingabe richtet der Browser einen Passkey ein — beim nächsten Besuch reicht ein Fingerabdruck oder ein Blick in die Kamera.
Das Ganze läuft auf einer statischen Website ohne Backend. Kein Server der irgendwas mitbekommt, keine Datenbank, keine monatlichen Kosten.
Fazit #
Ich lieb´s! Diese neue Funktionalität eröffnet mir sooo viele neue Möglichkeiten und macht die Seite immer mehr zu dem, was sie irgendwann mal sein soll...
Ach übrigens: