Wer schreibt …

„Hätte ich mehr Zeit gehabt, hätte ich mich kürzer gefasst.“

Änderungsprotokoll

Hier dokumentiere ich sämtliche Änderungen diese Website betreffend. Das tue ich vorrangig für mich selbst, um die Dinge später noch nachvollziehen zu können, aber wenn es auch euch an der einen oder anderen Stelle weiterhilft, um so besser.

TODO

22.03.2026

21.03.2026

  1. Kommentarfunktion eingerichtet:
    1. Dafür Pure Comments Version 1.3.2 auf meinen Rechner in einen temporären Ordner heruntergeladen und entpackt
    2. So entstandenen Ordner purecomments-1.3.2 in comments umbenannt, in meinen Pure-Blog-Projektordner werschreibt verschoben und mittels FreeFileSync auf meinen Webspace hochgeladen („Zwei-Wege-Synchronisierung“)
    3. Grundinstallation von Pure Comments durchgeführt
    4. Datei includes/post-meta.php in Ordner content/includes/ kopiert und oberhalb von <div class="post-nav"> eingefügt:
      <div id="comments"></div>
      <script src="/comments/public/embed.js" defer></script>
    5. In den Pure-Blog-Einstellungen bei „Site Settings“ → „Post head HTML“ hinzugefügt:
      <link rel="stylesheet" href="/comments/public/comments.css">
    6. In Datei werschreibt/comments/public/embed.js Zeichenketten übersetzt und Zeitdarstellung angepasst:
      if (diffSeconds < 45) return 'Soeben';
      if (diffMinutes < 60) return `Vor ${diffMinutes} Minute${diffMinutes === 1 ? '' : 'n'}`;
      if (diffHours < 24) return `Vor ${diffHours} Stunde${diffHours === 1 ? '' : 'n'}`;
      if (diffDays < 30) return `Vor ${diffDays} Tag${diffDays === 1 ? '' : 'en'}`;
      //const day = String(date.getUTCDate()).padStart(2, '0');
      const day = String(date.getUTCDate());
      const monthNames = ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'];
      const month = monthNames[date.getUTCMonth()];
      const year = date.getUTCFullYear();
      //const hours = String(date.getUTCHours()).padStart(2, '0');
      const hours = String(date.getUTCHours());
      const minutes = String(date.getUTCMinutes()).padStart(2, '0');
      return `${day}. ${month} ${year} ${hours}:${minutes} Uhr UTC`;
    7. In Datei werschreibt/comments/api/index.php Zeichenkette „Your comment is awaiting moderation.“ zu „Dein Beitrag wartet auf die Moderation.“ übersetzt
  2. Navigation zwischen Beiträgen übersetzt („Previous post“ / „Next post“):
    • Dafür in Datei content/includes/post-meta.php die beiden Zeichenketten angepasst

20.03.2026

  1. HTML-Auszeichnungsfehler The text content of element “time” was not in the required format: The literal did not satisfy the time-datetime format. für Startseite und Beitragsansicht behoben; siehe https://github.com/kevquirk/pureblog/pull/28
  2. HTML-Auszeichnungsfehler Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. in Fußzeile behoben:
    • Dafür in Datei content/includes/footer.php an zwei Stellen <br /> zu <br> geändert; hatte ich so aus der Datenstrom-Yellow-Instanz übernommen
  3. Hauptüberschriften (# / <h1>) auf den Seiten Über und „Changelog“ (= diese Seite) sowie harten Zeilenumbruch (zwei Leerzeichen / <br />) auf der Seite "Über" entfernt → Überprüfung mit The W3C Markup Validation Service bestanden; Beitragsansicht macht einen Strich durch die Rechnung, da auch hier Warnung Consider using the “h1” element as a top-level heading only (all “h1” elements are treated as top-level headings by many screen readers and other tools).
  4. Datumsformat in den Pure-Blog-Einstellungen von F j, Y zu l, j. F Y H:iP geändert
  5. Externe Links visuell als solche kennzeichnen:
    • Dafür in den Pure-Blog-Einstellungen bei „{} CSS“ → „Front-end CSS“ hinzugefügt:
      a[href^="http"]::before {
          color: orangered;
          content: "↗";
          display: inline-block;  /* verhindert, dass die Link-Unterstreichung durchläuft */
          margin-right: 0.2rem;
      }
      a[href^="https://werschreibt.de.cool"]::before {
          color: var(--accent-color);
          content: "";
      }

17.03.2026

  1. Finale Datensicherung meiner Datenstrom-Yellow-Instanz erstellt und Ordner werschreibt auf meinem Webspace bei lima-city geleert
  2. Pure Blog Version 1.9.3 auf meinen Rechner in einen Projektordner heruntergeladen und entpackt
  3. So entstandenen Ordner pureblog-1.9.3 in werschreibt umbenannt und mittels FreeFileSync auf meinen Webspace hochgeladen („Zwei-Wege-Synchronisierung“)
  4. Grundinstallation von Pure Blog durchgeführt
  5. Seite „Changelog“ (= diese Seite) erstellt
  6. Umleitung der Feed-URL von Datenstrom Yellow zu Pure Blog eingerichtet, damit bisherige Abonnenten weiterhin versorgt werden:
    • Dafür in Datei .htaccess oberhalb von # Everything else (...) eingefügt:
      RewriteCond %{REQUEST_URI} !^/feed\.php$
      RewriteRule ^feed/page:feed\.xml$ /feed.php [L]
  7. Feed-URL bei UberBlogr angepasst, damit neue Abonnenten gleich die richtige nutzen
  8. Farbschema aus Datenstrom Yellow wiederhergestellt; siehe Beitrag Pure Blog: Farben anpassen
  9. Tagline „Hätte ich mehr Zeit gehabt, hätte ich mich kürzer gefasst.“ festgelegt
  10. In Navigationsmenü Bezeichnung „Home“ zu „Startseite“ geändert:
    • Dafür Datei includes/masthead.php in neuen Ordner content/includes/ kopiert und Zeichenfolge angepasst
  11. Globale Fußzeile angepasst:
    • Dafür Datei includes/footer.php in Ordner content/includes/ kopiert, passenden Inhalt aus Datenstrom-Yellow-Datei content/shared/footer.md von Markdown in HTML umgewandelt, Text aktualisiert und eingefügt
  12. Seite Über angelegt und Inhalt aus Datenstrom-Yellow-Datei content/1-home/page.md mit einigen Anpassungen übernommen
  13. Seite Themen mit Schlagwortwolke eingerichtet:
    • Dafür im Prinzip nach Kevs Beitrag How to Create a Tag Cloud vorgegangen, die Zeichenketten übersetzt, bei CSS text-transform: uppercase; weggelassen und in den Einstellungen für „Custom nav items“ den Wert Themen | /themen und für „Custom routes“ den Wert /themen | /content/includes/tag-cloud.php verwendet
  14. Navigationsmenü aufgeräumt:
    1. Seite „About“ in Entwurfsmodus versetzt, da aktuell nicht benötigt
    2. Seite „Demo“ aus Navigationsmenü ausgeblendet, damit ich sie noch manuell aufrufen kann
    3. Seiten „Über“ und “Changelog“ aus Navigationsmenü ausgeblendet
    4. Stattdessen bei „Custom nav items“ in von mir gewünschter Anzeigereihenfolge hinterlegt:
      Über | /ueber
      Themen | /themen
      Changelog | /changelog