WIP:bulma

WIP:bulma:FIX: HTML-Syntax

WIP:bulma

WIP:bulma

WIP:bulma

WIP:bulma

WIP:bulma

WIP:bulma

WIP:bulma

Die package-lock.json in die Versionskontrolle aufgenommen

WIP: Weg finden, ...

WIP: Weg finden, Projekte einzubinden - oder Hartkodiert?

WIP-thymeleaf-theme: prefix/suffix

WIP-thymeleaf-skin: TODO

WIP-thymeleaf-skin: layout-dialect ausgebaut -- Anpassung an thymeroot-skin

WIP-thymeleaf-skin: MERGE muss groß geschrieben werden

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!