Vorspann ueber die volle Seitenbreite; Felder und Blaetter alphabetisch sortiert

Author: ssims437

index.html

@@ -74,7 +74,7 @@
   h1 { font-family:var(--f-fest); font-weight:700; font-size:clamp(24px,4.2vw,40px);
     line-height:1.06; letter-spacing:-.03em; margin:0; text-wrap:balance; }
   h1 span { color:var(--g1); }
-  .vorspann { max-width:72ch; color:var(--leise); margin:0; }
+  .vorspann { color:var(--leise); margin:0; }
   .vorspann b { color:var(--tinte); font-weight:600; }
 
   h2 { font-family:var(--f-fest); font-size:11px; letter-spacing:.18em; text-transform:uppercase;
@@ -410,6 +410,15 @@ <h3>Ehrliches README</h3>
     ]}
   ];
 
+  /* Ordnung ohne Pflegeaufwand: Felder alphabetisch, und innerhalb jedes Feldes
+     die Blätter ebenso. Sortiert wird hier und nicht in der Liste oben — dann
+     landet ein neuer Eintrag auch dann am richtigen Platz, wenn er unten
+     angehängt wird. Verglichen wird nach deutscher Sortierung, damit Ä neben A
+     steht und nicht hinter Z. */
+  const wieDeutsch = new Intl.Collator("de-AT", { sensitivity: "base" });
+  FELDER.sort((a, b) => wieDeutsch.compare(a.name, b.name));
+  for (const f of FELDER) if (f.blaetter) f.blaetter.sort((a, b) => wieDeutsch.compare(a.titel, b.titel));
+
   const ALLE = FELDER.filter((f) => !f.offen)
     .flatMap((f) => f.blaetter.map((b) => ({ ...b, farbe: f.farbe })));
 

werkzeug/pflege.mjs

@@ -68,6 +68,11 @@ function vorspannLinks(text) {
     neu = neu.replace(/\s*text-align:\s*center\s*;?/g, "");
     neu = neu.replace(/margin:\s*0\s+auto\s*;/g, "margin:0;");
     neu = neu.replace(/margin:\s*0\s+auto\b/g, "margin:0");
+    /* Seit 25.08.2026 keine eigene Breitenbremse mehr: linksbündig **und** auf
+       70 Zeichen gedeckelt hieß, dass der Vorspann die halbe Seite leer stehen
+       ließ, während Leiste und Kästen darunter über die volle Breite laufen.
+       Jetzt reicht er so weit wie alles andere auf der Seite. */
+    neu = neu.replace(/\s*max-width:\s*[^;]+;?/g, "");
     if (neu === b.inhalt) return { text, geaendert: false, name };
     return { text: text.slice(0, b.auf + 1) + neu + text.slice(b.zu), geaendert: true, name };
   }

werkzeug/pruefblick.mjs

@@ -80,9 +80,15 @@ const MESSUNG = `(() => {
 
   const vorspann = document.querySelector(".vorspann, .lead, .anriss, .standfirst");
   const h1 = document.querySelector("h1");
+  /* Der Vorspann soll so weit reichen wie der Rest der Seite. Gemessen wird
+     gegen die Überschrift daneben: die ist ein Blockelement im selben Kasten
+     und damit genau so breit wie der Inhaltsbereich — anders als der Kasten
+     selbst, dessen Rahmenmass die Polsterung mitzählt. */
+  const kasten = h1 ? h1.getBoundingClientRect() : null;
   const ausrichtung = vorspann && h1 ? {
     aus: getComputedStyle(vorspann).textAlign,
     versatz: Math.round(vorspann.getBoundingClientRect().left - h1.getBoundingClientRect().left),
+    fehlbreite: Math.round(kasten.width - vorspann.getBoundingClientRect().width),
   } : null;
 
   const sichtbar = (e) => e.offsetParent !== null && e.getBoundingClientRect().height > 0;
@@ -121,9 +127,11 @@ for (const seite of seiten) {
 
   if (!hell.ausrichtung) klage(seite, "kein Vorspann oder keine Überschrift gefunden");
   else {
-    const { aus, versatz } = hell.ausrichtung;
+    const { aus, versatz, fehlbreite } = hell.ausrichtung;
     if (!["start", "left"].includes(aus) || Math.abs(versatz) > 1)
       klage(seite, `Vorspann nicht linksbündig (${aus}, ${versatz} px versetzt)`);
+    if (fehlbreite > 2)
+      klage(seite, `Vorspann ${fehlbreite} px schmäler als die Seite — Breitenbremse noch drin`);
   }
   for (const k of hell.kontraste) if (k.wert < 4.5) klage(seite, `Kontrast hell ${k.wert}:1 bei ${k.sel}`);
   if (hell.knopf !== null && hell.knopf < 32) klage(seite, `Knopf nur ${hell.knopf} px hoch`);
@@ -157,6 +165,7 @@ for (const seite of seiten) {
 
   const kleinster = Math.min(...hell.kontraste.map((k) => k.wert), ...schmal.kontraste.map((k) => k.wert));
   console.log(`Querlauf ${String(schmal.ueberlauf).padStart(3)} px · ` +
+    `Vorspann ${String(hell.ausrichtung ? hell.ausrichtung.fehlbreite : "?").padStart(3)} px schmäler · ` +
     `Kontrast ab ${kleinster.toFixed(2)}:1 · Knopf ${String(hell.knopf ?? "—").padStart(3)} px · Bilder ${bilder}`);
 }
 await browser.close();