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
%<----------------------------

Übersichtsseiten (Seiten mit Unterseiten), werden nur einmal angezeigt

* Die "Overview"-Einträge in dem Untermenü werde jetzt einfach unterdrückt
* Löst auch Problem mit der vereinfachten JSON-Struktur: es konnte dort
  kein alternativer Name (i.d.R. "Overview") für diesen doppelten Eintrag
  angegeben werden.
* Außerdem: Falsche Benennung in den JSON-Daten korrigiert

Canonical Link hinzugefügt

Generierung der Menüstruktur überrabeitet: _names in _titles umbenannt

Generierung der Menüstruktur aus den JSON-Daten überarbeitet

Die Struktur der JSON-Daten so überarbeitet, dass sie keine redundanten
Informationen mehr enthalten und leichter zu generieren sind.

Dummy-Seiten für Blog-Layout an Wordpress-Einbindung angepasst

blog.json und blog.html nach blog/blog.json und blog/index.html verschoben
damit die Dummy-Inhalte bei aktiver Einbidung des Wordpress-Blogs vollständig
überdeckt werden.

Verlinkung in Frontend-Projekt verbessert

Less-Quellen von dist/less/ nach less/ verschoben

Sonderzeichen-Test für BPreplay

/potemkin.html nach /projects.html verschoben

Dadurch sind die Testseiten für das Branding im Standalone-Betrieb des
Frontend-Projekts unterhalb der Verlinkung von /projects/ sichtbar.

Projekt-Dokumentation (Aktueller Stand von juplo.de) hinzugefügt

layout-dialect ausgebaut: Thymeleaf 3.x erlaubt ähnliches mit Bordmitteln

Beispiel aus Thymeleaf-Doku überarbeitet

Mit Syntax aus "Advanced conditional insertion of fragments" so aufgemotzt,
dass es nicht an fehlenden Variablen/Fragmenten scheitert.

Beispiel aus der Thymeleaf-Doku

Template-Pfade korrigiert/vereinheitlicht

Templates werden jetzt nach dem selben Schema referenziert wie Spring-Views:

* Ohne führenden Slash (relativ!)
* Ohne Suffix

Minimal-Version für Grunt nachgetragen

Frontend-Projekt an thymeroot:1.1.0 angepasst

* Die Inhalte mit Thymeleaf-Dekoration liegen jetzt (wieder) unter / anstatt
  unter /thymeleaf/.
* Dabei: Seiteninterne Verlinkung in dem Frontend-Projekt korrigiert

CSS-Effekt drop-shadow für das Logo eingebaut

Ergänzungen der Datenschutzerklärung zur Einführung der DSVGO

Dabei außerdem:
 * Link "About" im Footer gegen "Datenschutz" ausgetauscht die Ausblendung
   des Links bei Layouts für kleinere Bildschirme deaktiviert.
 * Separate Seite für Hinweise zu Google Analytics aufgelöst und die Hinweise
   wie auf yourshouter.com mit auf der Datenschutz-Seite untergebracht.

Fehler in den Potemkin-Seiten korrigiert

Beim Umbenennen der Seiten wurde vergessen, das JSON mit der Seitenstruktur
mit umzubenennen und entsprechend anzupassen.

Die separaten CSS-Dateien für die Layouts TABLET, PHONE und TINY korrigiert

Für PHONE und TINY wurden nicht alle Stylesheets eingebunden, die in der
SCREEN-Version eingebunden werden.

Das neue juplo-Logo eingebaut

Alternate Stylesheets für die Layout-Varianten hinzugefügt

@import-Weiche für Legacy-Browser ausgebaut (stattdessen only-Keyword)

Siehe: https://www.w3.org/TR/css3-mediaqueries/#media0

less.js ausgebaut

SVG-Logo verbessert: Die Inline-Styleangaben in XML-Attribute verwandelt

Inline-Styleangaben lassen sich nicht (bzw. nur mit dem Schlüsselwort
"!important") überschreiben. Um das Styling von Mouse-Over-Effekten für das
Logo zu vereinfachen, wurden daher alle Inline-Styleangaben ins XML-Attribute
verwandelt.

SVG-Logo vereinfacht: überflüssige Styling-Angaben gelöscht

Sowohl "fill-opacity:1" als auch "stroke-opacity:1" einfach entfernt.

SVG-Logo vereinfacht: stroke-width überall einheitlich auf "1" gesetzt

SVG-Logo vereinfacht: Überflüssige Transformationen entfernt.

Die Transformationen konnten entfernt werden, indem man die entsprechenden
Elemente in Inkscape ausgewählt und dann die (genauer: alle!) Gruppierungen
aufgehoben hat. Inkscape hat dann die in den Gruppierungen enthaltenen
Transformationen direkt auf die Pfade angewendet.

Zum finden der auszuwählenden Elemente kann man den XML-Editor benutzen.
Dort sieht man die Gruppierung als <g>-Element. Wenn man auf das oberste
<g>-Element klickt, hat man die Gruppierung, die man aufheben muss. (Bei
geschachtelten <g>-Elementen muss mann dann einfach mehrmals die Gruppierung
aufheben...)

SVG-Version des neuen juplo-Logos

Workaround für einen Bug in http-resources

Max-Age für den Development-Server auf 0s gesetzt

Einträge für Fehler-Seiten in sitemap.json ergänzt

Ohne diese Einträge käme es zu einem "EL1012E: Cannot index into a null value"-
Fehler beim Rendern der Templates...

sitemap.json enthält nur noch die Struktur für die statischen Inhalte

Die Struktur-Informationen für die weiteren Inhalte müssen auf den
entsprechenden Unterseiten mit Hilfe von thymeproxy:variables ergänzt
werden.

An Syntax-Änderungen von thymeproxy:variables angepasst

Überschriebenen Einträge für die Seite Projects in eigene Datei ausgelagert

thymeleaf/variables.json in thymeleaf/sitemap.json umbenannt

Abstände zwischen aktiven/nicht-aktiven Menüeinträgen korrigiert

TODO:
Passt das zu den Änderungen, auf die Rebased wurde?

Beim Überschreiben der Menüstruktur genügt der aktive Kindeintrag beim Parent

variables.json nach /thymeleaf/ verschoben

Templates und Seiten zurück in das Unterverzeichnis /thymeleaf/ verschoben

An Namensänderung juplo:variables in thymeproxy:variables angepasst

TTL für alle Anfragen an den Entwicklungs-Server auf 60 Sekunden gesetzt

Beispiel für das Überschreiben der Menüstruktur mit juplo:variables

Inhalte an die geänderten View-Namen für Thymeleaf-Templates angepasst

Website-Inhalte für die Start- und die Projekt-Einstiegsseite eingefügt

Eintrag für die Einstiegsseite des Projekts "hibernate-maven-plugin" angelegt

JSON-Daten für Menüstruktur aufgeräumt (Testseiten ans Ende geschoben)

Test-Inhalte in ein anderes Verzeichnis (/potemkin/) verschoben

Eintrag für die Einstiegsseite des Projekts "maven-thymeleaf-skin" angelegt

Eintrag für die Einstiegsseite des Projekts "simple-mapper" angelegt

Wiederholende Längenabfrage des Pfades in Variable umgewandelt

Durchgängig gleicher Abstand zwischen Pfad-Menü und dem aktiven Menü

Das Template berücksichtigt über die Variable json übergebene Variablen

DRY-Prinzip bei Bereichs-Definition angewendet

Blog-Layouttest-Seiten an Thymeproxy angepasst

Fehler auf der Startseite nach Umbau der Datenstrukturen korrigiert

Struktur der Daten für das Menü überarbeitet

Fehler im Test-Layout korrigiert: Map-Einträge "#" haben sich überschrieben

Getestet, dass Verzeichnisse ohne Einstiegsseite im Konzept funktionieren

Impressums-Seiten unterhalb von About eingeordnet

Clientseitige LESS-Umsetzung integriert

Um das Layout über file://-URL's im Browser bearbeiten zu können, wurde die
Hilfs-Datei dist/devel.html angelegt, die die Inhalte in einem Frameset
anzeigt, so dass sie trotz der Same-Origin-Policy korrekt angezeigt werden
(zumindest im Firefox).

HTML-Templates für die direkte Kontrolle als UTF-8-Kodiert markiert

Templates und Seiten ein Verzeichnis höher geschoben und thymeleaf/ gelöscht

Doppelte Head-Einträge auskommentiert

About-Menüs an die Verwendung mit Thymeproxy angepasst

Einführung unterschiedlicher Untermenüs vorbereitet

Section-Handling überarbeitet: URI ist generell der Key für Map-Zugriffe!

Variable "menu" in "sections" umbenannt und Section-Handling vereinfacht

Abstand zwischen Menü-Pfad und Menü-Inhalt eingefügt

Preview-Seiten für das Druck-Layout und das Basis-Layout repariert

Preview-Seiten für den Seitenkopf und die Seitenaufteilung repariert

Preview-Seiten für die Layouts TABLET, PHONE und TINY repariert

Nachweis, dass das einspaltige Layout nicht funktioniert

Die Positionierung des Sektions-Menüs im Kopfbereich erfolgt abhängig von
der Position der Marginalspalte. Deswegen funktioniert das einspaltige
Layout nicht, weil die Marginalspalte dort tatsächlich unter dem Inhalt
steht, so dass ihre y-Position von der Länge des Inhalts abhängt.

Abhilfe würde nur eine absolute positionierung der Marginalspalte schaffen.
Aber dann darf/dürfte die Marginalspalte keinen Inhalt mehr enthalten, da
dieser sich keinen Platz nach unten mehr schaffen könnte!

Fehlerseiten angepasst

An die Verwendung mit Thymeproxy angepasst

Hinweis auf gefördertes Projekt in die About-Seite eingebaut

Projekt in ein JavaScript Frontend-Projekt umgewandelt

JS-Dateien für Rückwärtskompatibilität unter alten Namen zugänglich gemacht

Auf Wunsch den Link auf die Rechtsanwalts-Seite entfernt

Überschriftengrößen überarbeitet

Prettyprint-Style überarbeitet

Weniger Abstand über Inhalt (= weniger Platz für Breadcrumb)

Einspaltige Seite wieder eingeführt

Conditional-Comments für IE reaktiviert

wro4j ausgebaut