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

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

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

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

Mehrspaltige Darstellung in Haupt-Contentbereich überarbeitet

Umstellung auf Thymeleaf: Schritt 3 RELOADED - Thymleaf mit LayoutDialect

Umstellung auf Thymeleaf: Schritt 3 - Versucht, das Projet umzustellen

Ergebnis: Möglichkeiten von Thymeleaf+Tiles zu eingeschränkt/kompliziert.

Umstellung auf Thymeleaf: Zwischenschritt - Fehler in Thymeleaf umschifft

Umstellung auf Thymeleaf: Schritt 2 - Tilesunterstützung aktiviert

Umstellung auf Thymeleaf: Schritt 1 - Thymeleaf zum Laufen bekommen

 * Tiles (vorerst) rausgeschmissen
 * Thymeleaf so weit konfiguriert, dass eine View /index.html erreichbar ist

Upgraded springframework to version 4.0.6.RELEASE

Kontakt-Seite überarbeitet

Keine Überschrift auf Startseite und Contentcontainer nicht vom Typ <article>

Mehr Platz unter Kopfbereich

Seitentitel kann weggelassen werden

Margin links bei kleinen Smartphones schon früher minimiert

Seite ohne Menü doch mit Marginalspalte (nur andere Farbe)

Impressum und AGB und About überarbeitet

Seite Professions in Expertise umbenannt (auch fragwürdig)

Dummy-Inhalt mit Hinweis für unfertige Seiten entwickelt

commons-logging might interfere with slf4j

See:
http://stackoverflow.com/questions/7952154/spring-resttemplate-how-to-enable-full-debugging-logging-of-requests-responses

Dispatcher-Servlet eindeutig benannt

Spring-Konfigurationsdateien liegen jetzt standardgemäß unter src/resources

Die Basis für die contextrelativen URL's wird jetzt Applicationweit bestimmt

Zuvor wurde das Attribut "base" in jedem Template mithilfe des Tags <url>
aus der Spring-Taglib bestimmt. Jetzt wird das Attribut beim Start der
Webanwendung einmalig bestimmt und im Application-Scope abgelegt.

Das hat den Vorteil, dass das Attribut in abgeleiteten Webanwendungen, die
die Templates wiederverwenden gezielt anders gesetzt werden kann.

About-Bereich hinzugefügt