Fehlerseite

Von Haus aus

Die 404-Seite nutzt dasselbe Raster wie jede andere Seite — mit Explorer, Graph und Rückverweisen um eine Fehlermeldung herum.

In dieser Vorlage

Sie nutzt den Frame focus. Der steht auf demselben Zwölf-Spalten-Raster wie alles andere und setzt die Meldung in dieselben sechs Spalten, in denen sonst der Artikel steht — beide Randspalten bleiben reserviert und leer. Das ist der Punkt: Eine Fehlerseite, die ihren Text irgendwo anders hinsetzt als der Rest der Site, wirkt wie eine fremde Seite und nicht wie eine fehlende.

Die Randspalten sind leer, weil die Konfiguration ihre Komponentenlisten leert (positions: { left: [], right: [], … }) — sie werden gar nicht erst gebaut. Kein Explorer, kein Graph, kein Inhaltsverzeichnis. Kopfbereich und Fußzeile bleiben, und mit dem Kopf seit dem Umzug der Werkzeugleiste auch Suche und Farbschema-Umschalter — vorher gab es auf der Fehlerseite beides nicht.

Die Luft nach oben setzt das Stylesheet der Seite, nicht der Frame: Der Innenabstand eines Frames verschiebt auch den Kopfbereich, und eine Site, deren Wortmarke auf der Fehlerseite sechzig Pixel tiefer sitzt, sieht kaputt aus statt ruhig.

Warum das eine eigene Entscheidung ist

Wer auf einer Fehlerseite landet, sucht einen Weg zurück — nicht eine Umgebungsanzeige seiner nicht existierenden Notiz. Alles, was nicht dabei hilft, ist Dekoration auf einem Fehler.

Die Fehlerseite hat keine Sprache

Quartz schreibt eine 404.html für die ganze Website, sie bleibt also in der Sprache der Site. Wer sich in einer englischen Adresse vertippt, landet auf der deutschen Fehlerseite.

Ausprobieren: eine beliebige nicht existierende Adresse aufrufen.

Welche Variablen hier greifen

Diese 6 Variablen liest der Abschnitt page-404 in pages.scss. Ändern lassen sie sich in QuartzControl unter Stile → Variablen — ohne eine Zeile CSS.

Variable	Wert	gilt außerdem für
--gray	#5F5F5F · dunkel #A1A1A1	22 weitere Komponenten
--secondary	#1463A3 · dunkel #699DC3	19 weitere Komponenten
--tpl-space-2xl	4rem	nur hier
--tpl-space-md	1rem	18 weitere Komponenten
--tpl-space-xl	2.5rem	5 weitere Komponenten
--tpl-text-3xl	2.25rem	Titel und Datum, 6.4 – Variablen

Diese Tabelle ist erzeugt: Sie wird aus den Stylesheets gelesen, nicht von Hand gepflegt.