WIP:Beispiel-content unter...

WIP:hugo.yaml an Website angepasst

Beispiele: Versioniertes Projekt (1 sichtbare Version, 2 SEO-Pfade)

Beispiel-Content unter `/projects/`, mit einer "unnötigen" Zwischenebene

Projekte sind nur im Menü verlinkt, wenn `visible=true`, oder ausgewählt

* Unter dem Menü-Eintrag für `/projects/` erscheinen nur Projekte, für die
  im Frontmatter der Parameter `visible` explizit auf `true gesetzt ist.
* Alle anderen Unterseiten von `/projects/` werden im Menü nicht angezeigt.
* *Ausnahme:* Die Seite ist gerade ausgewählt -- _Diese Ausnahme ist nötig,
  da ansonsten kein Menü-Pfad mehr für nicht sichtbare Projekte (aka: die
  Dokumentation älterer oder unveröffentlichter Projekt-Versionen) angezeigt
  wird.

Shortcode für Auflistung der letzten Blog-Beiträge

Layout für Home

- `.Content` in `article` rendern: Keine Überschrift
- Kein `define` für `marginalcontent`, da sonst die Shortcuts
  nicht funktionieren, mit denen die Marginalspalte befüllt wird

WIP:Manuelle Nachbesserungen an den Inhalten und der Konfiguration

WIP:angleichen:website

WIP:example-content:hibernate-maven-plugin

Beispiele für Code-Highlight vergleichbar gemacht (Seiten Typo vs. Code)

Syntax-Highlight via short-code uses the default style `monokai`

WIP:Code-Beispiele

WIP:Beispiel- von Theme-Content getrennt und ordentliche Theme-Config angelegt
--
ALIGN

Addded an example for syntax highlighting with a short-code

WIP:?Taxonomien  Categories  und  Tags ... oder was

Added an example-page for code-blocks

Marker-Klassen für die Submenü-Einträge korrigiert

CSS-Fix für die Abstände zwischen aufgeklappten Unter-Menüs

WIP:url-vorgaben-entfernt-bzw-korrigiert

CSS-Fix für den Abstand eingeklappter Menü-Einträge mit Untereinträgen

Von Hugo im Template vorgeschlagene Assets entfernt

WIP

WIP

WIP:fix:scss

TMP

TMP

Post-Metadata hartkodiert vorgegeben und getuned

Taxonomien `Categories` und `Tags` als Untersektionen von `Blog` -- MOVE

* Jahres-Sektionen unter die Sektion `/blog/archive` verschoben.
* Die Taxonomien `categories` und `tags` über eine explizite URL-Angabe
  virtuell in die Sektion `blog` verschoben.
* Angeapsste `section`- und `taxonomy`-Templates erstellt, die das
  Menü entsprechend darstellen.

Taxonomien `Categories` und `Tags` als Untersektionen von `Blog` -- MOVE

Beispiel-Content aufgeräumt

* Alle nicht-zentralen Inhalte aus den Bespiel-Blogartikeln entfernt.
* Störendes Markup aus den Beispiel-Blogartikeln entfernt.

Template für Taxonomies angelegt und entsprechendes SCSS ergänzt

`baseof.html` wieder auf die Verwendung des Sassified CSS umgestellt

Erzeugter Code wird für die Beispiel-Webpräsenz nicht minifiziert

Kein Datum auf nomalen Seiten

Breadcrumb implementiert

In den Default-Inhalten Thymleaf-Reste entfernt und Links korrigiert

Thymeleaf-Templates in das Beispiel-Projekt verschoben

* D.h., das Theme kann direkt als statische Ressource für Thymeleaf dienen.
* Dafür muss nur das Theme standalone gebaut werden.
* Die Templates für Thymeleaf stehen dann über die Inhalte des
  Beispiel-Projekts unter den bekanten Pfaden bereit.
* _Beachte:_ Die Inhalte wurden noch nicht dafür überarbeitet / migriert.
* Unter `content` stehen jetzt nur noch "echte" Inhalte, die in der
  vollständigen Seite auch sichtbar sein sollen.

Layout `home` in `article` umbenannt, da `home` nicht wiederverwendbar

Layout `home` für Seiten mit voller Gestaltungsfreiheit für `article`

Block `main` in `baseof.html` in `content` umbenannt

Links im Footer auf Sonderseiten angepasst

Beispiel- von Theme-Content getrennt und ordentliche Theme-Config angelegt
--
ALIGN

Beispiel- von Theme-Content getrennt und ordentliche Theme-Config angelegt
--
MOVE

`section`-Template für den Blog überarbeitet und RSS-Ausgabe hinzugefügt

Ungespeicherte VIM-Änderungen in `.gitignore` ergänzt

Spezial-Menü für Blog-Unterseiten auch für das Template  -- ALIGN

* Partial `menu` in `menu/default` umbenannt.
* Inline-Partial aus Template `blog/year` als Partial `menu/blog` extrahiert.
* Partial `menu/blog` wird in `blog/year` und `blog/page` verwendet.

Spezial-Menü für Blog-Unterseiten auch für das Template `blog/page` -- MOVE

Spezial-Menü für die Untersektionen von `blog` anstatt für `blog` selbst
--
ALIGN

* Die Menüstruktur wird jetzt nicht mehr aus dem `date`-Parameter
  abgeleitet.
* Stattdessen werden die Blog-Artikel sauber in Unter-Sektionen eingeteilt,
  die nach den Jahren benannt sind.
* Diese Untersektionen setzen dann über Front-Matter explizit das Template
  `year`, dass das besondere Verhalten des Menüs für diese Unterseiten
  definiert.

Spezial-Menü für die Untersektionen von `blog` anstatt für `blog` selbst
--
MOVE

Spezial-Menü für das `section`-Templates von `/blog/` eingeführt

* Das Menü wird in `baseof` jetzt als überschreibbarer Block definiert.
* Der `menu`-Block gibt das bishierige Menü als Default vor.
* `blog/section` überschreibt das Menü mit einer Auflistung der Jahre,
  für die Blog-Artikel vorliegen.

Post-Metadata überarbeitet

Vorübergehend auf hartkodiertes original CSS umgestellt

Original Layout-Template mit original CSS wiederbelebt

`page`-Template für den Blog hinzugefügt

Es können mehrere Werte in `marginalcontent` abgelegt werden

Shortcode zum einfügen von Marginal-Content aus einer Content-Seite heraus

Beispiel-Content für `Projects` muss unter `content/projects/` liegen

Zusätzlicher, aktuellerer Beispiel-Content für den Blog

Partial `terms.html` überarbeitet

`section`-Template für den Blog auf von PaperMod übernommen

Das Partial `marginalcontent` gibt die Hugo-Metadaten der `PAGE` aus

Templating für das Juplo-Layout überarbeitet

Auflistung der Unterseitenauflistung nur für den Blog

Seitenstruktur überarbeitet (Verzeichnisstruktur an Hugo angepasst) -- ALIGN

Seitenstruktur überarbeitet (Verzeichnisstruktur an Hugo angepasst) -- MOVE

Pfade zu den Inhalts-Seiten korrigiert

Die Korrektur wurde mit dem Folgenden Befehl durchgeführt:

--
for i in `find content -name '[^_]*.html'`
do
  FILE=$(echo $i|sed -es+content/++)
  echo $FILE
  sed -i "/^title/a\url: /$FILE"  $FILE
done
--

Statischen Content nach `static/` verschoben

Sassified CSS in das `head`-Partial eingebunden

Less-Styles in SassyCSS-Styles umgewandelt -- ALIGN

Die Umwandlung wurde vorab mit `less2sass@1.0.3` durchgeführt:

----
npx less2sass less
----

Anschließend wurden die Ergebnisse entsprechend verschoben...

Less-Styles in SassyCSS-Styles umgewandelt -- MOVE

Manuelle Nachbesserungen an den Inhalten und der Konfiguration

`<body>`-Inhalte extrahiert und den `<title>` in Front-Matter abgelegt

Automatisiert mit https://github.com/mgdm/htmlq[mgdm/htmlq]:

----
for i in $(find content/);
do
  echo '---' > tmp
  echo -n 'title: "' >> tmp
  TMP=$(cat $i | htmlq --text 'title')
  echo -n "$TMP" >> tmp
  echo '"' >> tmp
  echo '---' >> tmp
  cat $i | htmlq 'body > *' >> tmp
  mv -v tmp $i;
done
----

Beispiel-Content in das Hugo-Template verschoben

Beispiel-Content aus dem Grundgerüst für das Hugo-Theme entfernt

Überreste des JavaScript-Projekts entfernt

Ausgabeverzeichnisse von Hugo in die `.gitignore` aufgenommen

Mit `hugo new theme` das Grundgerüst für ein Hugo-Theme erzeugt

Pfad zum Template für Error-Seite korrigiert -- ALIGN

Pfad zum Template für Error-Seite korrigiert -- MOVE

Übersichtsseite eines Projekts wird explizit angezeigt und ist ausgewählt

Navigation für alte (nicht verlinkte) Projekt-Versionen repariert

Finale Link-Struktur für `hibernate-maven-project` in `sitempa.json`

Templates für Fehler-Seiten an die richtige Stelle verschoben -- ALIGN

Templates für Fehler-Seiten an die richtige Stelle verschoben -- MOVE

Layout auf Basis der Version `1.1.0` der `maven-thymeleaf-skin` überarbeitet

* Site-Content mit Version `1.1.0` der `maven-thymeleaf-skin` neu generiert
** Es wurden für den Umbau einige Projekte exemplarisch angepasst:
*** hibernate-maven-plugin - 2.1.2-SNAPSHOT
*** http-resources - 2.0.0
*** maven-thymeleaf-skin - 1.1.0
** Dabei wurden die neu eingeführte Parameter entsprechend gesetzt, so
   dass die für den verbesserten Umbau benötigten Informationen vorhanden
   sind.
* Layout auf Basis der neuen Möglichkeiten umgebaut und verbessert
** Dabei wurden zuerst nur Projekte in die `sitemap.json` aufgenommen, für
   die der Site-Content bereits neu generiert wurde (s.o.).

Projekte aus `dist/` entfern (Inhalte werden dynamisch eingebunden)

Site-Content für die Überarbeitung des Layouts angepasst

* Es wurden für den Umbau nur zwei Projekte exemplarisch angepasst:
** Versionen 1.1.1 des hibernate-maven-plugin
** Versionen 1.1.1 des hibernate-maven-plugin

Die package-lock.json in die Versionskontrolle aufgenommen

--
$ npm i
npm warn deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm warn deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated

added 247 packages, removed 117 packages, changed 17 packages, and audited 301 packages in 5s

9 packages are looking for funding
  run `npm fund` for details

20 vulnerabilities (1 low, 6 moderate, 10 high, 3 critical)

To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.
--

Skalierte Versionen des Portrait-Fotos

Favicon hinzugefügt

Port von 8080 auf 8888 gewechselt

Grunt-Abhängigkeiten aktualisiert

Alternatives Compose-Setup für Tests

Blog-Beispiele so geändert, dass die URLs denen von Wordpress gleichen

* Wordpress liefert alle Seiten als Verzeichnisse aus (Endung "/")
* Wenn die eigentlichen Seiten in einer index.html in einem Verzeichnis
  abgelegt werden, dass dem Pfad unter Wordpress entspricht, liefern
  http-server und nginx die Inhalte für die URLs aus, die auch später
  verwendet werden

Ergänzung des head-Tag über den Parameter scripts_head ermöglicht

Das Fragment "layout" fordert nur noch nicht-optionale Parameter

Ansonsten ist es z.B. nicht möglich, das Fragment ohne "marginalcontent"
aufzurufen...

Wordpress-URL's enden nicht mehr auf einen Slash ("/")

Test für eingebettetes JSON überarbeitet: PHP generiert das JSON anders

Ausprobiert, ob der Mechanismus auch funktioniert, wenn Slashes ("/") in URL's
so wie von PHP generiert mit "\/" escaped werden.

Die Attribute title/main/marginal werden explizit gesetzt

Shell-Code, der für die Umformatierung verwendet wurde:
%<----------------------------
for i in `find -name '*.html'`
do
   sed -i -e's+layout\(.\)\(uri='\''[^'\'']*'\''\)+layout\1\n      \2,\n      title=~{:: title},\n      maincontent=~{:: .maincontent},\n      marginalcontent=~{:: .marginalcontent}+' $i
done
%<----------------------------