--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>About</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><strong class="b">About</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><strong class="m">About</strong></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">About</strong></h2>
+ <ul id="submenu">
+ <li class="s sub"><a href="expertise.html" th:href="@{/expertise.html}" class="s">Expertise</a></li>
+ <li class="s sub"><a href="references.html" th:href="@{/references.html}" class="s">References</a></li>
+ <li class="s "><a href="contact.html" th:href="@{/contact.html}" class="s">Contact</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>About</h1></header>
+ <p>
+ <span class="logo">juplo</span> is the place, where I collect and share
+ my more or less private projects.
+ It is a lab for experiments, that help me to do my job as a freelancer
+ at the desired level of quality.
+ Here, I can play with all the fancy new stuff, that might be a little
+ bit to much bleeding edge, to be used on a production site of a paying
+ client.
+ </p>
+ <p>
+ I decided to share all this stuff, because I am always learning a lot
+ from the internet-community.
+ I wanted to give back a little and try to help and teach others, as I
+ was helped and teached.
+ Also, this is a good oportunity, to show what I am doing and to do a
+ little self-publicity...
+ </p>
+ <p>
+ <span class="logo">juplo</span> mainly consists of two parts:
+ </p>
+ <ul>
+ <li>
+ In the <a href="blog.html" th:href="@{/blog.html}">blog</a>, I summarize, how I solved
+ some every-day problems, other people might stumble across too.
+ I am introducing new projects there and announcing new versions and/or
+ bugfixes to older projects.
+ </li>
+ <li>
+ The other part of the site is the
+ <a href="projects.html" th:href="@{/projects.html}">projects-section</a>.
+ This is where I am hosting all projects, that I have made publicy
+ available.
+ </li>
+ </ul>
+ <p>
+ If you want to hire me, you can find out more on the
+ <a href="contact.html" th:href="@{/contact.html}">contact-page</a>.
+ If you are not yet sure, if you want to hire me, you might be
+ interessted in
+ <a href="expertise.html" th:href="@{/expertise.html}">what I can do for you</a>, or
+ <a href="references.html" th:href="@{/references.html}">what I have already done for others</a>.
+ </p>
+ </article>
+ <ul layout:fragment="footer">
+ <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+ <li class="f"><a class="f" href="impressum.html" th:href="@{/impressum.html}">Impressum</a></li>
+ <li class="f about"><strong class="f">About</strong></li>
+ </ul>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>Allgemeine Geschäftsbedingungen (AGB)</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
+ <li class="b"><strong class="b">AGB</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
+ <ul id="submenu">
+ <li class="s"><strong class="s">AGB</strong></li>
+ <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
+ <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
+ <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
+ <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
+ <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Allgemeine Geschäftsbedingungen (AGB)</h1></header>
+ <p><em>Stand: 01.02.2014</em></p>
+ <h2>Angebote & Abrechnung</h2>
+ <p>
+ Angebote sind freibleibend.
+ Alle Preise verstehen sich in Euro und zzgl. der gesetzl. MwSt.
+ Wenn nicht anders vereinbart erfolgt eine Anzahlung von 10% im Voraus.
+ Sollte sich der Zeitraum über den Leistungen erbracht werden über
+ mehrere Monate erstrecken, behalte ich mir vor, Rechnungen für
+ Leistungsabschnitte zu stellen (jedoch nicht häufiger als ein mal im
+ Monat).
+ Das Zahlungsziel beträgt 8 Tage.
+ </p>
+ <p>
+ Falls nicht anders vereinbart, ist bei Dienstleistungen eine
+ Korrekturschleife enthalten.
+ Darüber hinausgehende Überarbeitungen sowie gewünschte Zusatzleistungen
+ werden nach Aufwand per Stundensatz abgerechnet.
+ Sollte für den Auftrag ein rabattierter Stundensatz vereinbart worden
+ sein, so gilt dieser nicht automatisch für Überarbeitungen und
+ Zusatzleistungen.
+ </p>
+ <h2>Absprachen</h2>
+ <p>
+ Die zentralen Ansprechpartner des Kunden müssen verbindliche
+ Erklärungen abgeben können (z. B. Fristabsprachen, Abnahmen).
+ Bei Ausfall, Urlaub etc. sind Ersatzpersonen zu benennen.
+ </p>
+ <h2>Leistungen & Abnahme</h2>
+ <p>
+ Der Kunde ist in der Pflicht, erbrachte Leitungen direkt nach deren
+ Erstellung und ohne Aufforderung rechtzeitig (z.B. vor
+ Veröffentlichung) zu prüfen und Änderungswünsche oder Korrekturhinweise
+ direkt mitzuteilen.
+ Die Annahme von Leistungen ohne Beanstandung ist als Abnahme zu
+ verstehen.
+ </p>
+ <p>
+ Ich bin zu jeder Zeit berechtigt, die Arbeit in sinnvollen
+ Teilleistungen zu erbringen und zu berechnen.
+ Der Kunde ist verpflichtet, diese Teilleistungen abzunehmen.
+ </p>
+ <p>
+ Im Rahmen der Gestaltungsspielräume des Briefings vom Kunden trägt der
+ Kunde das Risiko des Nichtgefallens.
+ </p>
+ <h2>Eigenleistungen</h2>
+ <p>
+ Sofern der Kunde Eigenleistungen erbringt, ist die termingerechte
+ Lieferung für den Gesamtzeitplan relevant.
+ Bei verspäteter Lieferung bin ich nicht dazu verpflichtet, die
+ Auftragsarbeit unverzüglich fortzusetzen, wenn ich durch andere
+ terminliche Verpflichtungen daran gehindert werde.
+ Verzögerungen auf Kundenseite können zu erheblichen Gesamtverzögerungen
+ führen.
+ Für dadurch entstandenen Schaden und entgangenen Gewinn haftet der Kunde.
+ </p>
+ <p>
+ Der Kunde berücksichtigt bei der Lieferung von Daten und Materialien
+ die von mir im Rahmen des Angebots geforderten Formate.
+ </p>
+ <p>
+ Sofern Angaben, Muster, Inhalte, usw. vom Kunden geliefert werden, bin
+ ich für deren Richtigkeit und rechtliche Unbedenklichkeit nicht
+ verantwortlich.
+ Eine Prüfungspflicht besteht auf meiner Seite nicht.
+ </p>
+ <h2>Fremdleistungen</h2>
+ <p>
+ Angebote beziehen sich in der Regel auf von mir erbrachte Dienstleistung.
+ Die Kosten oder Gebühren Dritter (z.B. Provider, Lizenzen für Bild, Ton,
+ Schrift oder Software, Druckerei usw.) sind nicht enthalten, falls nicht
+ explizit erwähnt.
+ </p>
+ <p>
+ Bei Beauftragung von Fremdleistungen jedweder Art, berechne ich, falls
+ nicht anders vereinbart, eine Abwicklungspauschale in Höhe von 15% des
+ Auftragswerts für Organisation und Abstimmung.
+ </p>
+ <h2>Nutzungsrechte</h2>
+ <p>
+ An Unterlagen, die im Rahmen des Angebots übergeben werden (z.B.
+ Entwürfe, Konzepte), erhält der Kunde keine Nutzungsrechte.
+ Der Kunde erhält die vereinbarten Nutzungsrechte nur bei pünktlicher
+ und vollständiger Zahlung der vereinbarten Vergütung.
+ </p>
+ <p>
+ Eingesetzte Systeme (z.B. Springframework, Tomcat, CentOS usw.)
+ unterliegen ihren eigenen Nutzungsbestimmungen.
+ </p>
+ <h2>Rechtliche Prüfung</h2>
+ <p>
+ Ohne gesonderte Vereinbarung ist die patent-, muster-, urheber- und
+ markenrechtliche Schutz- oder Eintragungsfähigkeit der im Rahmen des
+ Vertrages gelieferten Ideen, Konzeptionen, Entwürfe und sonstiger
+ Leistungen nicht geschuldet.
+ </p>
+ <h2>Höhere Gewalt</h2>
+ <p>
+ Leistungsverzögerungen aufgrund von Umständen im Verantwortungsbereich
+ des Kunden (z.B. verspätete Anlieferung) und höherer Gewalt (z.B. Unfall,
+ Telekommunikationsstörung usw.) habe ich nicht zu vertreten.
+ Sie berechtigen mich das Erbringen der betreffenden Leistungen um die
+ Dauer der Behinderungen zzgl. einer angemessenen Anlaufzeit
+ aufzuschieben.
+ </p>
+ <h2>Archivierung</h2>
+ <p>
+ Ich bin nicht verpflichtet, erstellte Leistungen zu archivieren.
+ Unterlagen des Kunden muss ich nur dann zurückgeben, wenn dies der Kunde
+ vor der Übergabe ausdrücklich verlangt hat.
+ </p>
+ <h2>Betreuung / Support / Wartung</h2>
+ <p>
+ Ich bin nur in der in der Servicevereinbarung besprochenen Weise für die
+ für eine aktive Betreuung, Support oder Wartung (z.B. Sicherheitsupdates, Aktualitätsprüfungen usw.) verantwortlich.
+ </p>
+ <h2>Referenzen</h2>
+ <p>
+ Innerhalb der erstellten Leistung werde ich in branchenüblicher Form als
+ Leistungserbrinnger genannt (z.B. Impressum).
+ </p>
+ <p>
+ Ich bin berechtigt, den Kunden als Referenz zu benennen und das Projekt
+ öffentlich vorzustellen.
+ Der Kunde kann dagegen jederzeit schriftlich Widerspruch erheben.
+ Widerruft der Kunde seine Zustimmung, so bin ich berechtigt, erstellte
+ Werbe-Materialien weiter zu benutzen, verpflichte mich jedoch, keine
+ weiteren, Werbe-Materialien zu erstellen, die den Kunden nennen.
+ </p>
+ <h2>Geheimhaltung</h2>
+ <p>
+ Die Vertragsparteien vereinbaren Vertraulichkeit über Vertrag und
+ Erkenntnisse der jeweils anderen Partei.
+ Die Vertraulichkeit gilt auch über die Beendigung des
+ Vertragsverhältnisses hinaus.
+ </p>
+ <h2>Schlussbestimmungen</h2>
+ <p>
+ Erfüllungsort und ausschließlicher Gerichtsstand für alle
+ Rechtsstreitigkeiten ist Münster.
+ </p>
+ <p>
+ Sollten aus irgendeinem Grund eine oder mehrere Einzelbestimmungen
+ dieser AGB unwirksam sein, so bleibt die Gültigkeit der restlichen
+ Bestimmungen davon unberührt.
+ </p>
+ <p>
+ Regelungslücken dieser AGB werden durch Auslegung so gefüllt, dass sie
+ dem wirtschaftlichen Zweck des Vertrages Rechnung tragen.
+ </p>
+ </article>
+ <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>Blog</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><strong class="b">Blog</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="cf">
+ <li class="m blog"><strong class="m">Blog</strong></li>
+ <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ </nav>
+ <main class="main" layout:fragment="maincontent">
+ <article id="post-140" class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j">
+ <header class="entry-header">
+ <h2 class="entry-title"><a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Permalink to Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources" rel="bookmark">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a></h2>
+ <div class="entry-meta">
+ Posted on <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="12:58" rel="bookmark"><time class="entry-date" datetime="2013-12-06T12:58:17+00:00">December 6, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+ </div><!-- .entry-meta -->
+ </header><!-- .entry-header -->
+ <div class="entry-content">
+ </div><!-- .entry-content -->
+ <footer class="entry-meta">
+ <span class="cat-links">
+ Posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/less/" title="View all posts in less" rel="category tag">less</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/wro4j/" title="View all posts in wro4j" rel="category tag">wro4j</a>
+ </span>
+ </footer><!-- .entry-meta -->
+ </article><!-- #post-140 -->
+ <article id="post-114" class="post-114 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+ <header class="entry-header">
+ <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-3-released/" title="Permalink to hibernate4-maven-plugin 1.0.3 released!" rel="bookmark">hibernate4-maven-plugin 1.0.3 released!</a></h2>
+ <div class="entry-meta">
+ Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-3-released/" title="02:46" rel="bookmark"><time class="entry-date" datetime="2013-10-18T02:46:23+00:00">October 18, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+ </div><!-- .entry-meta -->
+ </header><!-- .entry-header -->
+ <div class="entry-content">
+ </div><!-- .entry-content -->
+ <footer class="entry-meta">
+ <span class="cat-links">
+ Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
+ </span>
+ </footer><!-- .entry-meta -->
+ </article><!-- #post-114 -->
+ <article id="post-97" class="post-97 post type-post status-publish format-standard hentry category-appengine category-java category-maven category-oauth2">
+ <header class="entry-header">
+ <h2 class="entry-title"><a href="http://juplo.de/log-out-from-wrong-account-with-maven-appengine-plugin/" title="Permalink to Log out from wrong Account with maven-appengine-plugin" rel="bookmark">Log out from wrong Account with maven-appengine-plugin</a></h2>
+ <div class="entry-meta">
+ Posted on <a href="http://juplo.de/log-out-from-wrong-account-with-maven-appengine-plugin/" title="11:33" rel="bookmark"><time class="entry-date" datetime="2013-10-03T11:33:56+00:00">October 3, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+ </div><!-- .entry-meta -->
+ </header><!-- .entry-header -->
+ <div class="entry-content">
+ </div><!-- .entry-content -->
+ <footer class="entry-meta">
+ <span class="cat-links">
+ Posted in <a href="http://juplo.de/category/appengine/" title="View all posts in appengine" rel="category tag">appengine</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/oauth2/" title="View all posts in oauth2" rel="category tag">oauth2</a>
+ </span>
+ </footer><!-- .entry-meta -->
+ </article><!-- #post-97 -->
+ <article id="post-90" class="post-90 post type-post status-publish format-standard hentry category-hibernate category-java category-jpa">
+ <header class="entry-header">
+ <h2 class="entry-title"><a href="http://juplo.de/bidirectional-association-with-elementcollection/" title="Permalink to Bidirectional Association with @ElementCollection" rel="bookmark">Bidirectional Association with @ElementCollection</a></h2>
+ <div class="entry-meta">
+ Posted on <a href="http://juplo.de/bidirectional-association-with-elementcollection/" title="11:11" rel="bookmark"><time class="entry-date" datetime="2013-10-03T11:11:36+00:00">October 3, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+ </div><!-- .entry-meta -->
+ </header><!-- .entry-header -->
+ <div class="entry-content">
+ </div><!-- .entry-content -->
+ <footer class="entry-meta">
+ <span class="cat-links">
+ Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/jpa/" title="View all posts in JPA" rel="category tag">JPA</a>
+ </span>
+ </footer><!-- .entry-meta -->
+ </article><!-- #post-90 -->
+ <article id="post-75" class="post-75 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+ <header class="entry-header">
+ s <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-2-release/" title="Permalink to hibernate4-maven-plugin 1.0.2 released!" rel="bookmark">hibernate4-maven-plugin 1.0.2 released!</a></h2>
+ <div class="entry-meta">
+ Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-2-release/" title="02:06" rel="bookmark"><time class="entry-date" datetime="2013-08-02T02:06:08+00:00">August 2, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+ </div><!-- .entry-meta -->
+ </header><!-- .entry-header -->
+ <div class="entry-content">
+ </div><!-- .entry-content -->
+ <footer class="entry-meta">
+ <span class="cat-links">
+ Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
+ </span>
+ </footer><!-- .entry-meta -->
+ </article><!-- #post-75 -->
+ <article id="post-64" class="post-64 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+ <header class="entry-header">
+ <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-1-released/" title="Permalink to hibernate4-maven-plugin 1.0.1 released!" rel="bookmark">hibernate4-maven-plugin 1.0.1 released!</a></h2>
+ <div class="entry-meta">
+ Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-1-released/" title="01:10" rel="bookmark"><time class="entry-date" datetime="2013-01-16T01:10:59+00:00">January 16, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+ </div><!-- .entry-meta -->
+ </header><!-- .entry-header -->
+ <div class="entry-content">
+ </div><!-- .entry-content -->
+ <footer class="entry-meta">
+ <span class="cat-links">
+ Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
+ </span>
+ </footer><!-- .entry-meta -->
+ </article><!-- #post-64 -->
+ <article id="post-55" class="post-55 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+ <header class="entry-header">
+ <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-released/" title="Permalink to hibernate4-maven-plugin 1.0 released!" rel="bookmark">hibernate4-maven-plugin 1.0 released!</a></h2>
+ <div class="entry-meta">
+ Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-released/" title="22:04" rel="bookmark"><time class="entry-date" datetime="2012-11-29T22:04:25+00:00">November 29, 2012</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+ </div><!-- .entry-meta -->
+ </header><!-- .entry-header -->
+ <div class="entry-content">
+ </div><!-- .entry-content -->
+ <footer class="entry-meta">
+ <span class="cat-links">
+ Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
+ </span>
+ </footer><!-- .entry-meta -->
+ </article><!-- #post-55 -->
+ <article id="post-34" class="post-34 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+ <header class="entry-header">
+ <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="Permalink to hibernate4-maven-plugin" rel="bookmark">hibernate4-maven-plugin</a></h2>
+ <div class="entry-meta">
+ Posted on <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="19:29" rel="bookmark"><time class="entry-date" datetime="2012-11-28T19:29:12+00:00">November 28, 2012</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+ </div><!-- .entry-meta -->
+ </header><!-- .entry-header -->
+ <div class="entry-content">
+ </div><!-- .entry-content -->
+ <footer class="entry-meta">
+ <span class="cat-links">
+ Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
+ </span>
+ </footer><!-- .entry-meta -->
+ </article><!-- #post-34 -->
+ </main>
+ <div layout:fragment="marginalcontent">
+ <div id="secondary" class="widget-area" role="complementary">
+ <aside id="archives" class="widget">
+ <h1 class="widget-title">Archives</h1>
+ <ul>
+ <li><a href='http://juplo.de/2013/10/' title='October 2013'>October 2013</a></li>
+ <li><a href='http://juplo.de/2013/08/' title='August 2013'>August 2013</a></li>
+ <li><a href='http://juplo.de/2013/01/' title='January 2013'>January 2013</a></li>
+ <li><a href='http://juplo.de/2012/11/' title='November 2012'>November 2012</a></li>
+ </ul>
+ </aside>
+ <aside id="categories" class="widget">
+ <h1 class="widget-title">Most Used Categories</h1>
+ <ul>
+ <li class="cat-item cat-item-4"><a href="http://juplo.de/category/java/" title="View all posts filed under Java">Java</a> (6)</li>
+ <li class="cat-item cat-item-6"><a href="http://juplo.de/category/hibernate/" title="View all posts filed under Hibernate">Hibernate</a> (5)</li>
+ <li class="cat-item cat-item-8"><a href="http://juplo.de/category/maven/" title="View all posts filed under Maven">Maven</a> (5)</li>
+ <li class="cat-item cat-item-9"><a href="http://juplo.de/category/jpa/" title="View all posts filed under JPA">JPA</a> (1)</li>
+ <li class="cat-item cat-item-10"><a href="http://juplo.de/category/appengine/" title="View all posts filed under appengine">appengine</a> (1)</li>
+ <li class="cat-item cat-item-11"><a href="http://juplo.de/category/oauth2/" title="View all posts filed under oauth2">oauth2</a> (1)</li>
+ </ul>
+ </aside>
+ <aside id="search" class="widget widget_search">
+ <h1 class="widget-title">Search</h1>
+ <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
+ <div>
+ <label class="screen-reader-text" for="s">Search for:</label>
+ <input type="text" value="" name="s" id="s" />
+ <input type="submit" id="searchsubmit" value="Search" />
+ </div>
+ </form>
+ </aside>
+ </div><!-- #secondary .widget-area -->
+ <div id="tertiary" class="widget-area" role="supplementary">
+ </div><!-- #tertiary .widget-area -->
+ </div>
+ <ul layout:fragment="footer">
+ </ul>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>juplo - blog - Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
+ <style type="text/css">
+ @import '../css/screen.min.css' screen;
+ @import '../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><strong class="b">Blog</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="cf">
+ <li class="m blog"><strong class="m">Blog</strong></li>
+ <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <article id="post-140" class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j">
+ <div class="entry-header">
+ <h1 class="entry-title">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</h1>
+ <div class="entry-meta">
+ Posted on <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="12:58" rel="bookmark"><time class="entry-date" datetime="2013-12-06T12:58:17+00:00">December 6, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+ </div><!-- .entry-meta -->
+ </div><!-- .entry-header -->
+ <div class="entry-content">
+ <p>Ever searched for a simple configuration, that lets you use your <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://wiki.eclipse.org']);" title="See the documentation for mor information">jetty-maven-plugin</a> as you are used to, while working with <a href="http://www.lesscss.org/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.lesscss.org']);" title="See LESS CSS documentation for mor informations">LESS</a> to simplify your stylesheets?</p>
+ <p>You cannot do both, use the <a href="http://www.lesscss.org/#usage" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.lesscss.org']);" title="More about the client-side usage of LESS">Client-side mode</a> of LESS to ease development and use the <a href="https://github.com/marceloverdijk/lesscss-maven-plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" title="Homepage of the official LESS CSS maven plugin">lesscss-maven-plugin</a> to automatically compile the LESS-sources into CSS for production. That does not work, because your stylesheets must be linked in different ways if you are switching between the client-side mode – which is best for development – and the pre-compiled mode – which is best for production. For the client-side mode you need something like:</p>
+ <pre class="prettyprint linenums">
+ <code class="html">
+ <link rel="stylesheet" type="text/css" href="styles.less" />
+ <script src="less.js" type="text/javascript"></script>
+ </code>
+ </pre>
+ <p>While, for the pre-compiled mode, you want to link to your stylesheets as usual, with:</p>
+ <pre class="prettyprint linenums">
+ <code class="html">
+ <link rel="stylesheet" type="text/css" href="styles.css" />
+ </code>
+ </pre>
+ <p>While looking for a solution to this dilemma, I stumbled accross <a href="https://code.google.com/p/wro4j/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the documentation of ths wounderfull tool">wro4j</a>. Originally intended, to speed up page-delivery by combining and minimizing multiple resources into one through the use of a servlet-filter, this tool also comes with a maven-plugin, that let you do the same offline, while compiling your webapp.</p>
+ <p>The idea is, to use the <a href="http://code.google.com/p/wro4j/wiki/MavenPlugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the documentation of hte wro4j-maven-plugin">wro4j-maven-plugin</a> to compile and combine your LESS-sources into CSS for production and to use the <a href="http://code.google.com/p/wro4j/wiki/Installation" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See how to configure the filter">wro4j filter</a>, to dynamically deliver the compiled CSS while developing. This way, you do not have to alter your HTML-code, when switching between development and production, because you always link to the CSS-files.</p>
+ <p>So, lets get dirty!</p>
+ <h2>Step 1: Configure wro4j</h2>
+ <p>First, we configure <strong>wro4j</strong>, like as we want to use it to speed up our page. The details are explained and linked on wro4j’s <a href="http://code.google.com/p/wro4j/wiki/GettingStarted" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="Visit the Getting-Started-Page">Getting-Started-Page</a>. In short, we just need two files: <strong>wro.xml</strong> and <strong>wro.properties</strong>.</p>
+ <h3>wro.xml</h3>
+ <p>wro.xml tells wro4j, which resources should be combined and how the result should be named. I am using the following configuration to generate all LESS-Sources beneath <code>base/</code> into one CSS-file called <code>base.css</code>:</p>
+ <pre class="prettyprint linenums">
+ <code class="xml">
+ <groups xmlns="http://www.isdc.ro/wro">
+ <group name="base">
+ <css>/less/base/*.less</css>
+ </group>
+ </code>
+ </pre>
+ <p>wro4j looks for <code>/less/base/*.less</code> inside the root of the web-context, which is equal to <code>src/main/webapp</code> in a normal maven-project. There are <a href="http://code.google.com/p/wro4j/wiki/ResourceTypes" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the resource locator documentation of wro4j for more details">other ways to specifie the resources</a>, which enable you to store them elswhere. But this approach works best for our goal, because the path is understandable for both: the wro4j servlet-filter, we are configuring now for our development-environment, and the wro4j-maven-plugin, that we will configure later for build-time compilation.</p>
+ <h3>wro.properties</h3>
+ <p>wro.properties in short tells wro4j, how or if it should convert the combined sources and how it should behave. I am using the following configuration to tell wro4j, that it should convert <code>*.less</code>-sources into CSS and do that on <em>every request</em>:</p>
+ <pre class="prettyprint linenums">
+ <code class="properties">
+ preProcessors=less4j
+ disableCache=true
+ </code>
+ </pre>
+ <p>You can do a lot more here. There are countless <a href="http://code.google.com/p/wro4j/wiki/ConfigurationOptions" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See all configuration options">configuration options</a> to fine-tune the behaviour of wro4j. The <code>disableCache=true</code> is crucial, because we would not see the changes take effect when developing with <strong>jetty-maven-plugin</strong> later on. You can also do much more with your resources here, for example <a href="https://code.google.com/p/wro4j/wiki/AvailableProcessors" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See all available processors">minimizing</a>. But for our goal, we are now only intrested in the compilation of our LESS-sources.</p>
+ <h2>Step 2: Configure the wro4j servlet-filter</h2>
+ <p>Configuring the filter in the <strong>web.xml</strong> is easy. It is explained in wro4j’s <a href="https://code.google.com/p/wro4j/wiki/Installation" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See the installation instructions for the wro4j servlet-filter">installation-insctuctions</a>. But the trick is, that we do not want to configure that filter for the production-version of our webapp, because we want to compile the resources offline, when the webapp is build. To acchieve this, we can use the <code><overrideDescriptor></code>-Parameter of the <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin#Configuring_Your_WebApp" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://wiki.eclipse.org']);" title="Read more about the configuration of the jetty-maven-plugin">jetty-maven-plugin</a>.</p>
+ <h2><overrideDescriptor></h2>
+ <p>This parameter lets you specify additional configuration options for the web.xml of your webapp. I am using the following configuration for my jetty-maven-plugin:</p>
+ <pre class="prettyprint linenums">
+ <code class="xml">
+ <plugin>
+ <groupId>org.eclipse.jetty</groupId>
+ <artifactId>jetty-maven-plugin</artifactId>
+ <configuration>
+ <webApp>
+ <overrideDescriptor>${project.basedir}/src/test/resources/jetty-web.xml</overrideDescriptor>
+ </webApp>
+ </configuration>
+ <dependencies>
+ <dependency>
+ <groupId>ro.isdc.wro4j</groupId>
+ <artifactId>wro4j-core</artifactId>
+ <version>${wro4j.version}</version>
+ </dependency>
+ <dependency>
+ <groupId>ro.isdc.wro4j</groupId>
+ <artifactId>wro4j-extensions</artifactId>
+ <version>${wro4j.version}</version>
+ <exclusions>
+ <exclusion>
+ <groupId>javax.servlet</groupId>
+ <artifactId>servlet-api</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.apache.commons</groupId>
+ <artifactId>commons-lang3</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>commons-io</groupId>
+ <artifactId>commons-io</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>commons-pool</groupId>
+ <artifactId>commons-pool</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.springframework</groupId>
+ <artifactId>spring-web</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>com.google.code.gson</groupId>
+ <artifactId>gson</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>com.google.javascript</groupId>
+ <artifactId>closure-compiler</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>com.github.lltyk</groupId>
+ <artifactId>dojo-shrinksafe</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.jruby</groupId>
+ <artifactId>jruby-core</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.jruby</groupId>
+ <artifactId>jruby-stdlib</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.jruby</groupId>
+ <artifactId>jruby-stdlib</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>me.n4u.sass</groupId>
+ <artifactId>sass-gems</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>nz.co.edmi</groupId>
+ <artifactId>bourbon-gem-jar</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.codehaus.gmaven.runtime</groupId>
+ <artifactId>gmaven-runtime-1.7</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.webjars</groupId>
+ <artifactId>jshint</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.webjars</groupId>
+ <artifactId>less</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.webjars</groupId>
+ <artifactId>emberjs</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.webjars</groupId>
+ <artifactId>handlebars</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.webjars</groupId>
+ <artifactId>coffee-script</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.webjars</groupId>
+ <artifactId>jslint</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.webjars</groupId>
+ <artifactId>json2</artifactId>
+ </exclusion>
+ <exclusion>
+ <groupId>org.webjars</groupId>
+ <artifactId>jquery</artifactId>
+ </exclusion>
+ </exclusions>
+ </dependency>
+ </dependencies>
+ </plugin>
+ </code>
+ </pre>
+ <p>The dependencies to <strong>wro4j-core</strong> and <strong>wro4j-extensions</strong> are needed by jetty, to be able to enable the filter defined below. Unfortunatly, one of the transitive dependencies of <code>wro4j-extensions</code> triggers an uggly error when running the jetty-maven-plugin. Therefore, all unneeded dependencies of <code>wro4j-extensions</code> are excluded, as a workaround for this error/bug.</p>
+ <h2>jetty-web.xml</h2>
+ <p>And my jetty-web.xml looks like this:</p>
+ <pre class="prettyprint linenums">
+ <code class="xml">
+ <?xml version="1.0" encoding="UTF-8"?>
+ <web-app xmlns="http://java.sun.com/xml/ns/javaee"
+ xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+ xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
+ version="2.5">
+ <filter>
+ <filter-name>wro</filter-name>
+ <filter-class>ro.isdc.wro.http.WroFilter</filter-class>
+ </filter>
+ <filter-mapping>
+ <filter-name>wro</filter-name>
+ <url-pattern>*.css</url-pattern>
+ </filter-mapping>
+ </web-app>
+ </code>
+ </pre>
+ <p>The filter processes any URI’s that end with <code>.css</code>. This way, the wro4j servlet-filter makes <code>base.css</code> available under any path, because for exampl <code>/base.css</code>, <code>/css/base.css</code> and <code>/foo/bar/base.css</code> all end with <code>.css</code>.</p>
+ <p>This is all, that is needed to develop with dynamically reloadable compiled LESS-resources. Just fire up your browser and browse to <code>/what/you/like/base.css</code>. (But do not forget to put some LESS-files in <code>src/main/webapp/less/base/</code> first!)</p>
+ <h2>Step 3: Install wro4j-maven-plugin</h2>
+ <p>All that is left over to configure now, is the build-process. If you would build and deploy your webapp now, the CSS-file <code>base.css</code> would not be generated and the link to your stylesheet, that already works in our jetty-maven-plugin environment would point to a 404. Hence, we need to set up the <strong>wro4j-maven-plugin</strong>. I am using this configuration:</p>
+ <pre class="prettyprint linenums">
+ <code class="xml">
+ <plugin>
+ <groupId>ro.isdc.wro4j</groupId>
+ <artifactId>wro4j-maven-plugin</artifactId>
+ <version>${wro4j.version}</version>
+ <configuration>
+ <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
+ <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
+ </configuration>
+ <executions>
+ <execution>
+ <phase>package</phase>
+ <goals>
+ <goal>run</goal>
+ </goals>
+ </execution>
+ </executions>
+ </plugin>
+ </code>
+ </pre>
+ <p>I connected the <code>run</code>-goal with the <code>package</code>-phase, because the statically compiled CSS-file is needed only in the final war. The <code>ConfigurableWroManagerFactory</code> tells wro4j, that it should look up further configuration options in our <code>wro.properties</code>-file, where we tell wro4j, that it should compile our LESS-resources. The <code><cssDestinationFolder></code>-tag tells wro4j, where it should put the generated CSS-file. You can adjust that to suite your needs.</p>
+ <p>That’s it: now the same CSS-file, which is created on the fly by the wro4j servlet-filter when using <code>mvn jetty:run</code> and, thus, enables dynamic reloading of our LESS-resources, is generated during the build-process by the wro4j-maven-plugin.</p>
+ <h2>Cleanup and further considerations</h2>
+ <h3>lesscss-maven-plugin</h3>
+ <p>If you already compile your LESS-resources with the lesscss-maven-plugin, you can stick with it and skip step 3. But I strongly recommend giving wro4j-maven-plugin a try, because it is a much more powerfull tool, that can speed up your final webapp even more.</p>
+ <h3>Clean up your mess </h3>
+ <p>With a configuration like the above one, your LESS-resources and wro4j-configuration-files will be packed into your production-war. That might be confusing later, because neither wro4j nor LESS is used in the final war. You can add the following to your <code>pom.xml</code> to exclude these files from your war for the sake of clarity:</p>
+ <pre class="prettyprint linenums">
+ <code class="xml">
+ <plugin>
+ <artifactId>maven-war-plugin</artifactId>
+ <configuration>
+ <warSourceExcludes>
+ WEB-INF/wro.*,
+ less/**
+ </warSourceExcludes>
+ </configuration>
+ </plugin>
+ </code>
+ </pre>
+ <h3>What’s next?</h3>
+ <p>We only scrached the surface, of what can be done with wro4j. Based on this configuration, you can easily enable additional features to fine-tune your final build for maximum speed. You really should take a look at the <a href="https://code.google.com/p/wro4j/wiki/AvailableProcessors" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="Available Processors">list of available Processors</a>!</p>
+ </div><!-- .entry-content -->
+ <footer class="entry-meta">
+ This entry was posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/less/" title="View all posts in less" rel="category tag">less</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/wro4j/" title="View all posts in wro4j" rel="category tag">wro4j</a>. Bookmark the <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Permalink to Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources" rel="bookmark">permalink</a>.
+ </footer><!-- .entry-meta -->
+ </article><!-- #post-140 -->
+ <!-- You can start editing here. -->
+ <!-- If comments are open, but there are no comments. -->
+ <div id="respond">
+ <h3>Leave a Reply</h3>
+ <div id="cancel-comment-reply">
+ <small><a rel="nofollow" id="cancel-comment-reply-link" href="/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/#respond" style="display:none;">Click here to cancel reply.</a></small>
+ </div>
+ <form action="http://juplo.de/wp-comments-post.php" method="post" id="commentform">
+ <p>Logged in as <a href="http://juplo.de/wp-admin/profile.php">Kai Moritz</a>. <a href="http://juplo.de/wp-login.php?action=logout&redirect_to=http%3A%2F%2Fjuplo.de%2Fcombining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources%2F&_wpnonce=09e5cb501d" title="Log out of this account">Log out »</a></p>
+ <!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code></small></p>-->
+ <p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
+ <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
+ <input type='hidden' name='comment_post_ID' value='140' id='comment_post_ID' />
+ <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
+ </p>
+ <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="2096655c89" /><script>(function() {
+ if (window === window.parent) {
+ document.getElementById('_wp_unfiltered_html_comment_disabled').name = '_wp_unfiltered_html_comment';
+ }
+ })();</script>
+ <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="f31e001227" /></p>
+ </form>
+ </div>
+ </article>
+ <aside layout:fragment="marginalcontent">
+ <div id="secondary" class="widget-area" role="complementary">
+ <aside id="archives" class="widget">
+ <h1 class="widget-title">Archives</h1>
+ <ul>
+ <li><a href='http://juplo.de/2013/10/' title='October 2013'>October 2013</a></li>
+ <li><a href='http://juplo.de/2013/08/' title='August 2013'>August 2013</a></li>
+ <li><a href='http://juplo.de/2013/01/' title='January 2013'>January 2013</a></li>
+ <li><a href='http://juplo.de/2012/11/' title='November 2012'>November 2012</a></li>
+ </ul>
+ </aside>
+ <aside id="categories" class="widget">
+ <h1 class="widget-title">Most Used Categories</h1>
+ <ul>
+ <li class="cat-item cat-item-4"><a href="http://juplo.de/category/java/" title="View all posts filed under Java">Java</a> (6)</li>
+ <li class="cat-item cat-item-6"><a href="http://juplo.de/category/hibernate/" title="View all posts filed under Hibernate">Hibernate</a> (5)</li>
+ <li class="cat-item cat-item-8"><a href="http://juplo.de/category/maven/" title="View all posts filed under Maven">Maven</a> (5)</li>
+ <li class="cat-item cat-item-9"><a href="http://juplo.de/category/jpa/" title="View all posts filed under JPA">JPA</a> (1)</li>
+ <li class="cat-item cat-item-10"><a href="http://juplo.de/category/appengine/" title="View all posts filed under appengine">appengine</a> (1)</li>
+ <li class="cat-item cat-item-11"><a href="http://juplo.de/category/oauth2/" title="View all posts filed under oauth2">oauth2</a> (1)</li>
+ </ul>
+ </aside>
+ <aside id="search" class="widget widget_search">
+ <h1 class="widget-title">Search</h1>
+ <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
+ <div>
+ <label class="screen-reader-text" for="s">Search for:</label>
+ <input type="text" value="" name="s" id="s" />
+ <input type="submit" id="searchsubmit" value="Search" />
+ </div>
+ </form>
+ </aside>
+ </div><!-- #secondary .widget-area -->
+ <div id="tertiary" class="widget-area" role="supplementary">
+ </div><!-- #tertiary .widget-area -->
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>juplo - blog - hibernate4-maven-plugin</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
+ <style type="text/css">
+ @import '../css/screen.min.css' screen;
+ @import '../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><strong class="b">Blog</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="cf">
+ <li class="m blog"><strong class="m">Blog</strong></li>
+ <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <article id="post-34" class="post-34 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+ <div class="entry-header">
+ <h1 class="entry-title">hibernate4-maven-plugin</h1>
+ <div class="entry-meta">
+ Posted on <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="19:29" rel="bookmark"><time class="entry-date" datetime="2012-11-28T19:29:12+00:00">November 28, 2012</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
+ </div><!-- .entry-meta -->
+ </div><!-- .entry-header -->
+ <div class="entry-content">
+ <h2>A simple Plugin for generating a Database-Schema from Hibernate 4 Mapping-Annotations</h2>
+ <p>
+ Hibernate comes with the buildin functionality, to automatically create or update the database schema. This functionality is configured in the session-configuraton via the parameter <code>hbm2ddl.auto</code> (see <a href="http://docs.jboss.org/hibernate/orm/4.1/manual/en-US/html_single/#configuration-optional" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.jboss.org']);">Hibernate Reference Documentation – Chapter 3.4. Optional configuration properties</a>). But doing so <a href="http://stackoverflow.com/questions/221379/hibernate-hbm2ddl-auto-update-in-production" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://stackoverflow.com']);">is not very wise</a>, because you can easily corrupt or erase your production database, if this configuration parameter slips through to your production environment.
+ </p>
+ <p>
+ Alternatively, you can <a href="http://stackoverflow.com/questions/835961/how-to-creata-database-schema-using-hibernate" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://stackoverflow.com']);">run the tools <strong>SchemaExport</strong> or <strong>SchemaUpdate</strong> by hand</a>. But that is not very comfortable and being used to maven you will quickly long for a plugin, that does that job automatically for you, when you fire up your test cases.
+ </p>
+ <p>In the good old times, there was the <a href="http://mojo.codehaus.org/maven-hibernate3/hibernate3-maven-plugin/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://mojo.codehaus.org']);">Maven Hibernate3 Plugin</a>, that does this for you. But unfortunatly, this plugin is not compatible with Hibernate 4.x. Since there does not seem to be any successor for the Maven Hibernate3 Plugin and <a href="http://www.google.de/search?q=hibernate4+maven+plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.google.de']);">googeling</a> does not help, I decided to write up this simple plugin (inspired by these two articles I found: <a href="http://www.tikalk.com/alm/blog/schema-export-hibernate-4-and-maven" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.tikalk.com']);">Schema Export with Hibernate 4 and Maven</a> and <a href="http://doingenterprise.blogspot.de/2012/05/schema-generation-with-hibernate-4-jpa.html" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://doingenterprise.blogspot.de']);">Schema generation with Hibernate 4, JPA and Maven</a>).
+ </p>
+ <p>
+ I hope, the resulting simple to use buletproof <a href="/hibernate4-maven-plugin/">hibernate4-maven-plugin</a> is usefull!
+ </p>
+ <p>
+ <strong><a href="/hibernate4-maven-plugin/">Try it out now!</a></strong></p>
+ </div><!-- .entry-content -->
+ <footer class="entry-meta">
+ This entry was posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>. Bookmark the <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="Permalink to hibernate4-maven-plugin" rel="bookmark">permalink</a>.
+ </footer><!-- .entry-meta -->
+ </article><!-- #post-34 -->
+ <!-- You can start editing here. -->
+ <h3 id="comments">15 Responses to “hibernate4-maven-plugin”</h3>
+ <div class="navigation">
+ <div class="alignleft"></div>
+ <div class="alignright"></div>
+ </div>
+ <ol class="commentlist">
+ <li class="comment even thread-even depth-1 parent" id="comment-556">
+ <div id="div-comment-556" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn">Jukes</cite> <span class="says">says:</span>
+ </div>
+ <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-556">
+ November 7, 2013 at 23:18</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=556" title="Edit comment">(Edit)</a>
+ </div>
+ <p>
+ Hi thanks a lot for making this plugin available, great work!!<br />
+ I have a problem generating postgres schema. Looks like the plugin ignores the data type when adding default values and that yields a syntax error from Postgres. Or maybe I’m doing something wrong. I’m using version 1.0.3.</p>
+ <p>For example I have in java:</p>
+ <p>
+ @Column(name = “financialEnabled”, nullable = false, columnDefinition = “default TRUE”)<br />
+ private boolean financialEnabled;
+ </p>
+ <p>
+ Generated SQL is:<br />
+ financialEnabled default TRUE not null,
+ </p>
+ <p>As you can see the data type boolean is not translated to the SQL script. Thanks a lot for your help.</p>
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=556#respond' onclick='return addComment.moveForm("div-comment-556", "556", "respond", "34")'>Reply</a>
+ </div>
+ </div>
+ <ul class="children">
+ <li class="comment byuser comment-author-kai bypostauthor odd alt depth-2" id="comment-567">
+ <div id="div-comment-567" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn"><a href="http://juplo.de" rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>
+ </div>
+ <div class="comment-meta commentmetadata">
+ <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-567">
+ November 11, 2013 at 13:09</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=567" title="Edit comment">(Edit)
+ </a>
+ </div>
+ <p>
+ This plugin is only a tool to automate the generation of the SQL in your development-environment.<br />
+ Questions on how to anotate your code correctly are better asked in a user-forum from hibernate or such.</p>
+ <p>
+ Nevertheless, I think I can give you a usefull hint:<br />
+ You are overwriting the automatically generated column-definition with “default TRUE”.<br />
+ Try it with</p>
+ <p>
+ @Column(name = “financialEnabled”, nullable = false)<br />
+ private boolean financialEnabled;</p>
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=567#respond' onclick='return addComment.moveForm("div-comment-567", "567", "respond", "34")'>Reply</a>
+ </div>
+ </div>
+ </li><!-- #comment-## -->
+ </ul><!-- .children -->
+ </li><!-- #comment-## -->
+ <li class="comment even thread-odd thread-alt depth-1 parent" id="comment-390">
+ <div id="div-comment-390" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn">Milios</cite> <span class="says">says:</span>
+ </div>
+ <div class="comment-meta commentmetadata">
+ <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-390">
+ October 10, 2013 at 15:02
+ </a>
+
+ <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=390" title="Edit comment">(Edit)</a>
+ </div>
+ <p>Hi,</p>
+ <p>
+ looks like a very nice plugin. Unfortunately, part of our entities are in other modules/dependencies.<br />
+ Do you plan to add the possibility to scan also for dependencies of the project or at least of the plugin?</p>
+ <p>Also, when I only want to generate the SQL and use the following configuration, I got nothing.</p>
+ <p>Config:</p>
+ <p>
+ de.juplo<br />
+ hibernate4-maven-plugin<br />
+ 1.0.2</p>
+ <p>
+ true<br />
+ SCRIPT<br />
+ NONE<br />
+ com.deutscheboerse.hibernate.PostgreSQLDialect<br />
+ ${project.build.directory}/hibernate4/cmm-schema.sql</p>
+ <p>
+ com.deutscheboerse.energy<br />
+ energy-commons-hibernate<br />
+ ${commons.hibernate.version}</p>
+ <p>
+ org.springframework.security<br />
+ spring-security-core<br />
+ ${spring.security.version}</p>
+ <p>
+ org.slf4j<br />
+ slf4j-log4j12<br />
+ ${slf4j.version}</p>
+ <p>
+ Output:<br />
+ mvn hibernate4:export -e<br />
+ [INFO] Error stacktraces are turned on.<br />
+ [INFO] Scanning for projects…<br />
+ [INFO]<br />
+ [INFO] ————————————————————————<br />
+ [INFO] Building CMM WAR 1.0.0-RC5-SNAPSHOT<br />
+ [INFO] ————————————————————————<br />
+ [INFO]<br />
+ [INFO] — hibernate4-maven-plugin:1.0.2:export (default-cli) @ cmm-war —<br />
+ [INFO] Scanning directory D:\_dev\work\ii\src\cmm\trunk\cmm-war\target\classes f<br />
+ [INFO] No hibernate-properties-file found! (Checked path: D:\_dev\work\ii\src\cm<br />
+ [INFO] Gathered hibernate-configuration (turn on debugging for details):<br />
+ [INFO] hibernate.dialect = com.deutscheboerse.hibernate.PostgreSQLDialect<br />
+ [INFO] HHH000400: Using dialect: com.deutscheboerse.hibernate.PostgreSQLDialect<br />
+ [INFO] ————————————————————————<br />
+ [INFO] BUILD SUCCESS<br />
+ [INFO] ————————————————————————<br />
+ [INFO] Total time: 10.932s<br />
+ [INFO] Finished at: Thu Oct 10 12:51:05 UTC 2013<br />
+ [INFO] Final Memory: 9M/23M<br />
+ [INFO] ————————————————————————</p>
+ <p>
+ Thanks for any help,<br />
+ Milos.
+ </p>
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=390#respond' onclick='return addComment.moveForm("div-comment-390", "390", "respond", "34")'>Reply</a>
+ </div>
+ </div>
+ <ul class="children">
+ <li class="comment byuser comment-author-kai bypostauthor odd alt depth-2 parent" id="comment-391">
+ <div id="div-comment-391" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn"><a href="http://juplo.de" rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>
+ </div>
+ <div class="comment-meta commentmetadata">
+ <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-391">
+ October 10, 2013 at 22:19
+ </a>
+
+ <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=391" title="Edit comment">(Edit)</a> </div>
+ <p>
+ Yes, I am working on the possibility, to scan for annotations in dependencies.<br />
+ Unfortunatly, I have no example-project for this use-case by hand.<br />
+ It would help a lot, if you could provide a sample-project on github or such.
+ </p>
+ <p>Greetings kai</p>
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=391#respond' onclick='return addComment.moveForm("div-comment-391", "391", "respond", "34")'>Reply</a>
+ </div>
+ </div>
+ <ul class="children">
+ <li class="comment byuser comment-author-kai bypostauthor even depth-3" id="comment-568">
+ <div id="div-comment-568" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn"><a href="http://juplo.de" rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>
+ </div>
+ <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-568">
+ November 11, 2013 at 13:11</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=568" title="Edit comment">(Edit)</a> </div>
+
+ <p>Version 1.0.3 of the plugin can now scan for annotations in the dependencies, too.</p>
+
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=568#respond' onclick='return addComment.moveForm("div-comment-568", "568", "respond", "34")'>Reply</a> </div>
+ </div>
+ </li><!-- #comment-## -->
+ </ul><!-- .children -->
+ </li><!-- #comment-## -->
+ </ul><!-- .children -->
+ </li><!-- #comment-## -->
+ <li class="comment odd alt thread-even depth-1" id="comment-286">
+ <div id="div-comment-286" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn">Pedro</cite> <span class="says">says:</span> </div>
+
+ <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-286">
+ August 7, 2013 at 18:54</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=286" title="Edit comment">(Edit)</a> </div>
+
+ <p>Following my previous question, here is the debug info</p>
+ <p>[DEBUG] Dependency: /Users/pmarques/.m2/repository/org/springframework/security/spring-security-acl/3.1.4.RELEASE/spring-security-acl-3.1.4.RELEASE.jar<br />
+ [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/atomikos-util/3.6.5/atomikos-util-3.6.5.jar<br />
+ [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-api/3.6.5/transactions-api-3.6.5.jar<br />
+ [DEBUG] Dependency: /Users/pmarques/.m2/repository/javax/transaction/transaction-api/1.1/transaction-api-1.1.jar<br />
+ [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jdbc-deprecated/3.6.5/transactions-jdbc-deprecated-3.6.5.jar<br />
+ [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jdbc/3.6.5/transactions-jdbc-3.6.5.jar<br />
+ [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jta/3.6.5/transactions-jta-3.6.5.jar<br />
+ [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions/3.6.5/transactions-3.6.5.jar<br />
+ [DEBUG] Dependency: /Users/pmarques/.m2/repository/org/apache/geronimo/specs/geronimo-jta_1.0.1B_spec/1.0.1/geronimo-jta_1.0.1B_spec-1.0.1.jar<br />
+ [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jms-deprecated/3.6.5/transactions-jms-deprecated-3.6.5.jar<br />
+ [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jms/3.6.5/transactions-jms-3.6.5.jar<br />
+ [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-hibernate3/3.6.5/transactions-hibernate3-3.6.5.jar<br />
+ [INFO] Scanning directory /target/classes for annotated classes…</p>
+
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=286#respond' onclick='return addComment.moveForm("div-comment-286", "286", "respond", "34")'>Reply</a> </div>
+ </div>
+ </li><!-- #comment-## -->
+ <li class="comment even thread-odd thread-alt depth-1 parent" id="comment-285">
+ <div id="div-comment-285" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn">Pedro</cite> <span class="says">says:</span> </div>
+
+ <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-285">
+ August 7, 2013 at 18:49</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=285" title="Edit comment">(Edit)</a> </div>
+
+ <p>Hi,</p>
+ <p>I have the following problem.<br />
+ The project that I use to test (and use the plugin) has the annotated classes as a dependency.<br />
+ I am getting the error:<br />
+ No annotated classes found in directory /target/classes</p>
+ <p>Shouldn’t the plugin scan all the dependencies also?</p>
+ <p>Thanks,<br />
+ Pedro.</p>
+
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=285#respond' onclick='return addComment.moveForm("div-comment-285", "285", "respond", "34")'>Reply</a> </div>
+ </div>
+ <ul class="children">
+ <li class="comment byuser comment-author-kai bypostauthor odd alt depth-2 parent" id="comment-287">
+ <div id="div-comment-287" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn"><a href="http://juplo.de" rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span> </div>
+
+ <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-287">
+ August 7, 2013 at 19:12</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=287" title="Edit comment">(Edit)</a> </div>
+
+ <p>Hi Pedro,</p>
+ <p>I think, that your observation is right.<br />
+ But otherwise, dependencies should only be scanned if requested, because automatic scanning of the dependencies might lead to errors in other situations.</p>
+ <p>If you can make your project available to me (for example via github, or simply by mailing zipped version), I would add a configuration-parameter to enable/disable dependency-scanning and upload the refined plugin to central.</p>
+ <p>Regards,</p>
+ <p>Kai Moritz</p>
+
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=287#respond' onclick='return addComment.moveForm("div-comment-287", "287", "respond", "34")'>Reply</a> </div>
+ </div>
+ <ul class="children">
+ <li class="comment byuser comment-author-kai bypostauthor even depth-3" id="comment-426">
+ <div id="div-comment-426" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn"><a href="http://juplo.de" rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span> </div>
+
+ <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-426">
+ October 18, 2013 at 02:52</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=426" title="Edit comment">(Edit)</a> </div>
+
+ <p>The <a href="/hibernate4-maven-plugin-1-0-3-released/" title="Open the release-notes" rel="nofollow">new version 1.0.3</a> of the plugin adds support for annotated classes in dependencies!</p>
+
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=426#respond' onclick='return addComment.moveForm("div-comment-426", "426", "respond", "34")'>Reply</a> </div>
+ </div>
+ </li><!-- #comment-## -->
+ </ul><!-- .children -->
+ </li><!-- #comment-## -->
+ </ul><!-- .children -->
+ </li><!-- #comment-## -->
+ <li class="comment odd alt thread-even depth-1 parent" id="comment-276">
+ <div id="div-comment-276" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn"><a href="http://bidlogix.com" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-commentauthor', 'http://bidlogix.com']);" rel='external nofollow' class='url'>mike</a></cite> <span class="says">says:</span> </div>
+
+ <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-276">
+ July 30, 2013 at 12:57</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=276" title="Edit comment">(Edit)</a> </div>
+
+ <p>Hello,</p>
+ <p>I’m upgrading from hibernate3 to to hibernate4 and have moved from the hibernate3-maven-plugin to this version. I haven’t undertaken (and don’t want to just yet) the big job of changing my hbm mapping files to annotations.</p>
+ <p>As far as I can see this is a show stopper for using your nice plugin. Can you please confirm if this is the case and whether you are planning to add support for scanning for hbm files?</p>
+ <p>Many thanks,</p>
+ <p>Mike Cohen.</p>
+
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=276#respond' onclick='return addComment.moveForm("div-comment-276", "276", "respond", "34")'>Reply</a> </div>
+ </div>
+ <ul class="children">
+ <li class="comment byuser comment-author-tortenheber even depth-2" id="comment-277">
+ <div id="div-comment-277" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn">tortenheber</cite> <span class="says">says:</span> </div>
+
+ <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-277">
+ July 31, 2013 at 23:18</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=277" title="Edit comment">(Edit)</a> </div>
+
+ <p>Hello Mike,</p>
+ <p>I added the requested feature in the SNAPSHOT-version.<br />
+ It would be nice, if you could test, if the new feature works, because I have no example project by hand, that still uses hibernate-mapping via XML.</p>
+ <p>You can download an actual build here:</p>
+ <p><a href="https://oss.sonatype.org/content/repositories/snapshots//de/juplo/hibernate4-maven-plugin/1.0.2-SNAPSHOT/" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-comment', 'http://oss.sonatype.org']);" rel="nofollow">https://oss.sonatype.org/content/repositories/snapshots//de/juplo/hibernate4-maven-plugin/1.0.2-SNAPSHOT/</a></p>
+ <p>or build it by yourself from the sources.<br />
+ The feature is documented here:</p>
+ <p><a href="http://juplo.de/hibernate4-maven-plugin-1.0.2-SNAPSHOT/export-mojo.html" rel="nofollow">http://juplo.de/hibernate4-maven-plugin-1.0.2-SNAPSHOT/export-mojo.html</a></p>
+ <p>Best regards</p>
+ <p>kai</p>
+
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=277#respond' onclick='return addComment.moveForm("div-comment-277", "277", "respond", "34")'>Reply</a> </div>
+ </div>
+ </li><!-- #comment-## -->
+ </ul><!-- .children -->
+ </li><!-- #comment-## -->
+ <li class="comment odd alt thread-odd thread-alt depth-1 parent" id="comment-50">
+ <div id="div-comment-50" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn">Victor</cite> <span class="says">says:</span> </div>
+
+ <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-50">
+ February 22, 2013 at 15:28</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=50" title="Edit comment">(Edit)</a> </div>
+
+ <p>Hey I have modified your code to support envers and generate auditing tables, if you want I can send you a patch. Thanks!</p>
+
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=50#respond' onclick='return addComment.moveForm("div-comment-50", "50", "respond", "34")'>Reply</a> </div>
+ </div>
+ <ul class="children">
+ <li class="comment even depth-2 parent" id="comment-51">
+ <div id="div-comment-51" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn">admin</cite> <span class="says">says:</span> </div>
+
+ <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-51">
+ February 22, 2013 at 19:54</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=51" title="Edit comment">(Edit)</a> </div>
+
+ <p>Your welcom.<br />
+ Send it!</p>
+
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=51#respond' onclick='return addComment.moveForm("div-comment-51", "51", "respond", "34")'>Reply</a> </div>
+ </div>
+ <ul class="children">
+ <li class="comment odd alt depth-3 parent" id="comment-54">
+ <div id="div-comment-54" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn">Victor</cite> <span class="says">says:</span> </div>
+
+ <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-54">
+ February 25, 2013 at 15:28</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=54" title="Edit comment">(Edit)</a> </div>
+
+ <p>Where to? Is there a github repo?</p>
+
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=54#respond' onclick='return addComment.moveForm("div-comment-54", "54", "respond", "34")'>Reply</a> </div>
+ </div>
+ <ul class="children">
+ <li class="comment even depth-4" id="comment-55">
+ <div id="div-comment-55" class="comment-body">
+ <div class="comment-author vcard">
+ <cite class="fn">admin</cite> <span class="says">says:</span> </div>
+
+ <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-55">
+ February 25, 2013 at 20:05</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=55" title="Edit comment">(Edit)</a> </div>
+
+ <p>There is a private git-Repository.<br />
+ <a href="http://juplo.de/hibernate4-maven-plugin/source-repository.html" rel="nofollow">Check the project-documentation!</a></p>
+ <p>You can <a href="http://juplo.de/hibernate4-maven-plugin/team-list.html" rel="nofollow">send me</a> a patch or a pull-request to <a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
+
+ <div class="reply">
+ <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=55#respond' onclick='return addComment.moveForm("div-comment-55", "55", "respond", "34")'>Reply</a> </div>
+ </div>
+ </li><!-- #comment-## -->
+ </ul><!-- .children -->
+ </li><!-- #comment-## -->
+ </ul><!-- .children -->
+ </li><!-- #comment-## -->
+ </ul><!-- .children -->
+ </li><!-- #comment-## -->
+ </ol>
+
+ <div class="navigation">
+ <div class="alignleft"></div>
+ <div class="alignright"></div>
+ </div>
+
+
+ <div id="respond">
+
+ <h3>Leave a Reply</h3>
+
+ <div id="cancel-comment-reply">
+ <small><a rel="nofollow" id="cancel-comment-reply-link" href="/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#respond" style="display:none;">Click here to cancel reply.</a></small>
+ </div>
+
+
+ <form action="http://juplo.de/wp-comments-post.php" method="post" id="commentform">
+
+
+ <p>Logged in as <a href="http://juplo.de/wp-admin/profile.php">Kai Moritz</a>. <a href="http://juplo.de/wp-login.php?action=logout&redirect_to=http%3A%2F%2Fjuplo.de%2Fhibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations%2F&_wpnonce=09e5cb501d" title="Log out of this account">Log out »</a></p>
+
+
+ <!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code></small></p>-->
+
+ <p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
+
+ <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
+ <input type='hidden' name='comment_post_ID' value='34' id='comment_post_ID' />
+ <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
+ </p>
+ <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="2cfe5768bb" /><script>(function() {
+ if (window === window.parent) {
+ document.getElementById('_wp_unfiltered_html_comment_disabled').name = '_wp_unfiltered_html_comment';
+ }
+ })();</script>
+ <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="18eb674233" /></p>
+ </form>
+ </div>
+ </article>
+ <aside layout:fragment="marginalcontent">
+ <div id="secondary" class="widget-area" role="complementary">
+ <aside id="archives" class="widget">
+ <h1 class="widget-title">Archives</h1>
+ <ul>
+ <li><a href='http://juplo.de/2013/10/' title='October 2013'>October 2013</a></li>
+ <li><a href='http://juplo.de/2013/08/' title='August 2013'>August 2013</a></li>
+ <li><a href='http://juplo.de/2013/01/' title='January 2013'>January 2013</a></li>
+ <li><a href='http://juplo.de/2012/11/' title='November 2012'>November 2012</a></li>
+ </ul>
+ </aside>
+ <aside id="categories" class="widget">
+ <h1 class="widget-title">Most Used Categories</h1>
+ <ul>
+ <li class="cat-item cat-item-4"><a href="http://juplo.de/category/java/" title="View all posts filed under Java">Java</a> (6)</li>
+ <li class="cat-item cat-item-6"><a href="http://juplo.de/category/hibernate/" title="View all posts filed under Hibernate">Hibernate</a> (5)</li>
+ <li class="cat-item cat-item-8"><a href="http://juplo.de/category/maven/" title="View all posts filed under Maven">Maven</a> (5)</li>
+ <li class="cat-item cat-item-9"><a href="http://juplo.de/category/jpa/" title="View all posts filed under JPA">JPA</a> (1)</li>
+ <li class="cat-item cat-item-10"><a href="http://juplo.de/category/appengine/" title="View all posts filed under appengine">appengine</a> (1)</li>
+ <li class="cat-item cat-item-11"><a href="http://juplo.de/category/oauth2/" title="View all posts filed under oauth2">oauth2</a> (1)</li>
+ </ul>
+ </aside>
+ <aside id="search" class="widget widget_search">
+ <h1 class="widget-title">Search</h1>
+ <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
+ <div>
+ <label class="screen-reader-text" for="s">Search for:</label>
+ <input type="text" value="" name="s" id="s" />
+ <input type="submit" id="searchsubmit" value="Search" />
+ </div>
+ </form>
+ </aside>
+ </div><!-- #secondary .widget-area -->
+ <div id="tertiary" class="widget-area" role="supplementary">
+ </div><!-- #tertiary .widget-area -->
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="uri='/contact.html'"
+ >
+ <head>
+ <title>Contact</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <div id="content" class="main pack cf" layout:fragment="maincontent">
+ <div class="pack">
+ <div class="p left">
+ <img class="p" src="img/kai-moritz.jpg" th:src="@{/img/kai-moritz.jpg}" alt="Portrait"/>
+ </div>
+ <article class="p right">
+ <header><h1>Contact</h1></header>
+ <h2>Address</h2>
+ <p>
+ Kai Moritz<br />
+ Zumsandestr. 29a<br />
+ 48145 Münster
+ </p>
+ <h2>Email</h2>
+ <p><a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
+ <h2>Phone</h2>
+ <p>+49 (0) 176 20 50 47 47</p>
+ <h2>Networking</h2>
+ <ul>
+ <li><a href="https://www.google.com/+KaiMoritz" title="Google+">www.google.com/+KaiMoritz</a></li>
+ <li><a href="https://www.xing.com/profile/Kai_Moritz" title="Xing">www.xing.com/profile/Kai_Moritz</a></li>
+ </ul>
+ <!--
+ <h2>About Me</h2>
+ <h2><em>Übersetzung?!?</em> Jobportale</h2>
+ -->
+ </article>
+ </div>
+ </div>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>Datenschutz</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
+ <li class="b"><strong class="b">Datenschutz</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
+ <ul id="submenu">
+ <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
+ <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
+ <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
+ <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
+ <li class="s"><strong class="s">Datenschutz</strong></li>
+ <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Datenschutz</h1></header>
+ <p>Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.</p>
+ <p>Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.</p>
+ <p>Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.</p>
+ <!-- http://www.e-recht24.de/impressum-generator.html -->
+ <p>Bitte beachten Sie auch die gesonderte <a href="google-analytics.html" th:href="@{/google-analytics.html}">Datenschutzerklärung zur Nutzung von Google-Analytics</a>.</p>
+ </article>
+ <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>Expertise</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><a class="b" href="about.html" th:href="@{/about.html}">About</a></li>
+ <li class="b"><strong class="b">Expertise</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m selected">About</a></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="about.html" th:href="@{/about.html}" class="s">About</a></h2>
+ <ul id="submenu">
+ <li class="s sub">
+ <strong class="s">Expertise</strong>
+ <ul class="s active">
+ <li class="s"><span href="web-engineering.html" th:href="@{/web-engineering.html}" class="s">Web-Engineering</span></li>
+ <li class="s"><span href="spring-framework.html" th:href="@{/spring-framework.html}" class="s">Spring Framework</span></li>
+ <li class="s"><span href=".html" th:href="@{/.html}" class="s"></span></li>
+ <li class="s"><span href="responsive-web-design.html" th:href="@{/responsive-web-design.html}" class="s">Responsive Webdesign</span></li>
+ <li class="s"><span href="web-ui-esign.html" th:href="@{/web-ui-esign.html}" class="s">WEB-UI-Design</span></li>
+ <li class="s"><span href="seo.html" th:href="@{/seo.html}" class="s">SEO</span></li>
+ </ul>
+ </li>
+ <li class="s sub off"><a href="references.html" th:href="@{/references.html}" class="s">References</a></li>
+ <li class="s off"><a href="contact.html" th:href="@{/contact.html}" class="s">Contact</a></li>
+ </ul>
+ </nav>
+ <div layout:fragment="maincontent" layout:replace="templates/fragments :: wip ('Expertise')"></div>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>Google Analytics</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
+ <li class="b"><strong class="b">Google Analytics</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
+ <ul id="submenu">
+ <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
+ <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
+ <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
+ <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
+ <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
+ <li class="s"><strong class="s">Google Analytics</strong></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Google Analytics</h1></header>
+ <p>Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. ("Google"). Google Analytics verwendet sog. "Cookies", Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglichen. Die durch den Cookie erzeugten Informationen über Ihre Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Im Falle der Aktivierung der IP-Anonymisierung auf dieser Webseite wird Ihre IP-Adresse von Google jedoch innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt.</p>
+ <p>Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen. Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt.</p>
+ <p>Sie können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden nutzen können. Sie können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf Ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren:</p>
+ <p><a href="http://tools.google.com/dlpage/gaoptout?hl=de" title="Das Plugin jetzt herunterladen...">http://tools.google.com/dlpage/gaoptout?hl=de</a>.</p>
+ <!-- http://www.e-recht24.de/impressum-generator.html -->
+ </article>
+ <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>Haftung für Inhalte</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
+ <li class="b"><strong class="b">Haftung für Inhalte</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
+ <ul id="submenu">
+ <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
+ <li class="s"><strong class="s">Haftung für Inhalte</strong></li>
+ <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
+ <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
+ <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
+ <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Haftung für Inhalte</h1></header>
+ <p>Sämtliche Inhalte unserer Internetseiten sind mit größtmöglicher Sorgfalt erstellt worden. Dennoch ist es uns nicht möglich, eine Gewähr dafür zu übernehmen, dass diese Inhalte richtig, vollständig und aktuell sind. Wir sind gemäß § 7 Abs. 1 TMG für die eigenen Inhalte auf unseren Internetseiten verantwortlich. Gemäß den §§ 8, 9 und 10 TMG besteht für uns allerdings keine Verpflichtung, dass wir Informationen von Dritten, die übermittelt oder gespeichert wurden, überwachen oder Umstände ausforschen müssten, die Hinweise auf nicht rechtmäßige Tätigkeiten ergeben. Davon nicht berührt, ist unsere Verpflichtung zur Sperrung oder Entfernung von Informationen, welche uns von den allgemeinen Gesetzen auferlegt wird. Wir haften allerdings insoweit erst in dem Moment, in dem wir von einer konkreten Verletzung von Rechten Kenntnis erlangen. Wenn wir von einer solchen Verletzung von Rechten Kenntnis erlangen, wird eine unverzügliche Entfernung der entsprechenden Inhalte erfolgen.</p>
+ <p><em>Quelle: Flegl Rechtsanwälte GmbH</em></p>
+ </article>
+ <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>Haftung für Links</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
+ <li class="b"><strong class="b">Haftung für Links</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
+ <ul id="submenu">
+ <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
+ <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
+ <li class="s"><strong class="s">Haftung für Links</strong></li>
+ <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
+ <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
+ <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Haftung für Links</h1></header>
+ <p>Unsere Internetseiten enthalten Links, die zu externen Internetseiten von Dritten führen. Auf die Inhalte dieser externen Seiten haben wir keine Einflussmöglichkeiten. Es ist uns daher nicht möglich, eine Gewähr für diese Inhalte zu übernehmen. Die Verantwortung dafür hat immer der jeweilige Anbieter/Betreiber der entsprechenden Internetseiten. Wir überprüfen die von uns verlinkten Internetseiten zum Zeitpunkt der Verlinkung auf einen möglichen Rechtsverstoß. Die Verlinkung kommt nur dann zustande, wenn ein rechtswidriger Inhalt zu diesem Zeitpunkt nicht erkennbar ist. Es kann uns jedoch, ohne einen konkreten Anhaltspunkt, nicht zugemutet werden, ständig die verlinkten Internetseiten inhaltlich zu kontrollieren. Wenn wir jedoch von einer Rechtsverletzung Kenntnis erlangen, werden wir den entsprechenden Link unverzüglich entfernen.</p>
+ <p><em>Quelle: Flegl Rechtsanwälte GmbH</em></p>
+ </article>
+ <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>Impressum</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><strong class="b">Impressum</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">Impressum</strong></h2>
+ <ul id="submenu">
+ <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
+ <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
+ <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
+ <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
+ <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
+ <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Impressum</h1></header>
+ <p><em>Angaben gemäß § 5 TMG:</em></p>
+ <p>
+ Kai Moritz<br />
+ juplo.de<br />
+ Zumsandestr. 29a<br />
+ 48145 Münster
+ </p>
+ <p>Telefon: +49 (0) 176 20 50 47 47</p>
+ <p>E-Mail: <a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
+ <p>Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz: DE 23 500 84 56</p>
+ <p>Aufsichtsbehörde: Stadt Münster</p>
+ <!-- http://www.e-recht24.de/impressum-generator.html -->
+ <h1>Contact</h1>
+ <p>
+ More contact-information (Facebook, Google+, ...) can be found on the
+ <a href="contact.html" th:href="@{/contact.html}" title="Show all contact-informations">contact-page</a>.
+ </p>
+ </article>
+ <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+ <ul layout:fragment="footer">
+ <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+ <li class="f"><strong class="f">Impressum</strong></li>
+ <li class="f about"><a class="f" href="about.html" th:href="@{/about.html}">About</a></li>
+ </ul>
+ </body>
+</html>
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="contentclass='nomenu', uri='/index.html'"
+ >
<head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- <title>Frameset to Bypass Same-Origin-Policy</title>
+ <title>Home</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
</head>
- <frameset>
- <frame src="thymeleaf/templates/layout.html">
- </frameset>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><strong class="b">Home</strong></li>
+ </ol>
+ <h1 layout:fragment="header"><strong class="l">juplo</strong></h1>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="cf">
+ <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="projects" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ </nav>
+ <main class="main" layout:fragment="maincontent">
+ <div class="pack bg cf">
+ <div class="p left">
+ <h1>hibernate4-maven-plugin</h1>
+ <p>
+ <strong>Lorem ipsum</strong> dolor
+ <a href="projects/typo.html" th:href="@{/projects/typo.html}">sit amet</a>,
+ consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ <a href="projects/html-experimente.html" th:href="@{/projects/html-experimente.html}">exercitation</a>
+ ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+ irure dolor in reprehenderit in voluptate velit esse cillum dolore
+ eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+ proident, sunt in culpa qui officia deserunt mollit anim id est
+ laborum.
+ </p>
+ </div>
+ <div class="p right">
+ <h1>fix-swf</h1>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat.
+ </p>
+ </div>
+ </div>
+ <div class="single">
+ <h1>accelerator</h1>
+ <p>
+ Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ </div>
+ <div class="pack bg cf">
+ <div class="p right">
+ <h1>jquery.openx</h1>
+ <p>
+ Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ </div>
+ <div class="p left">
+ <h1>Regex-Lab</h1>
+ <p>
+ Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ </div>
+ </div>
+ <div class="pack cf">
+ <div class="p left">
+ <h1>jquery.openx</h1>
+ <p>
+ Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ </div>
+ <div class="p right">
+ <h1>Regex-Lab</h1>
+ <p>
+ Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ </div>
+ </div>
+ </main>
+ <div layout:fragment="marginalcontent">
+ <aside class="m">
+ <div class="widget widget_recent_entries">
+ <h1 class="widgettitle">Recent Posts</h1>
+ <ul>
+ <li>
+ <a href="blog/article.html" th:href="@{/blog/article.html}" title="Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a>
+ </li>
+ <li>
+ <a href="#" title="hibernate4-maven-plugin 1.0.3 released!">hibernate4-maven-plugin 1.0.3 released!</a>
+ </li>
+ <li>
+ <a href="#" title="Log out from wrong Account with maven-appengine-plugin">Log out from wrong Account with maven-appengine-plugin</a>
+ </li>
+ <li>
+ <a href="#" title="Bidirectional Association with @ElementCollection">Bidirectional Association with @ElementCollection</a>
+ </li>
+ <li>
+ <a href="#" title="hibernate4-maven-plugin 1.0.2 released!">hibernate4-maven-plugin 1.0.2 released!</a>
+ </li>
+ <li>
+ <a href="#" title="hibernate4-maven-plugin 1.0.1 released!">hibernate4-maven-plugin 1.0.1 released!</a>
+ </li>
+ <li>
+ <a href="#" title="hibernate4-maven-plugin 1.0 released!">hibernate4-maven-plugin 1.0 released!</a>
+ </li>
+ <li>
+ <a href="blog/comments.html" th:href="@{/blog/comments.html}" title="hibernate4-maven-plugin">hibernate4-maven-plugin</a>
+ </li>
+ </ul>
+ </div>
+ </aside>
+ </div>
+ </body>
</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Projects', uri='/projects.html'"
+ >
+ <head>
+ <title>Projects</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <h1>Projects - DUMMY</h1>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Fix SWF', uri='/projects/fix-swf.html'"
+ >
+ <head>
+ <title>Fix SWF</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
+ <style type="text/css">
+ @import '../css/screen.min.css' screen;
+ @import '../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <h1>Fix SWF - DUMMY</h1>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Fix SWF - Getting Started', uri='/projects/fix-swf/getting-started.html'"
+ >
+ <head>
+ <title>Fix SWF - Getting Started</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
+ <style type="text/css">
+ @import '../../css/screen.min.css' screen;
+ @import '../../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <h1>Getting Started - DUMMY</h1>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Fix SWF - Overview', uri='/projects/fix-swf/overview.html'"
+ >
+ <head>
+ <!--/*-->
+ <title>Fix SWF - Overview</title>
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
+ <style type="text/css">
+ @import '../../css/screen.min.css' screen;
+ @import '../../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <h1>Overview - DUMMY</h1>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="uri='/projects/html-experimente.html'"
+ >
+ <head>
+ <title>HTML-Experimente</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
+ <style type="text/css">
+ @import '../css/screen.min.css' screen;
+ @import '../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>HTML-Elemente / spezielle Seiten</h1></header>
+ <ul>
+ <li><a href="html-experimente/formulare.html" th:href="@{/projects/html-experimente/formulare.html}">Formulare</a></li>
+ <li><a href="html-experimente/symbole.html" th:href="@{/projects/html-experimente/symbole.html}">Symbol-Font</a></li>
+ <li><a href="../templates/404.html" th:href="@{/404.html}">404-Template</a></li>
+ <li><a href="html-experimente/gibts-ja-gar-nicht.html" th:href="@{/projects/html-experimente/gibts-ja-gar-nicht.html}">404-Fehlerseite</a></li>
+ <li><a href="../templates/error.html" th:href="@{/error.html}">Template für andere Fehler</a></li>
+ <li><a href="html-experimente/error.html" th:href="@{/projects/html-experimente/error.html}">Fehlerseite für andere Fehler</a></li>
+ </ul>
+ <h2>Layout-Grenzfälle</h2>
+ <ul>
+ <li><a href="html-experimente/fast-leer-mit-menü.html" th:href="@{/projects/html-experimente/fast-leer-mit-menü.html}">Fast leere Seite mit Menü</a></li>
+ <li><a href="html-experimente/fast-leer-mit-menü-und-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html}">Fast leere Seite mit Menü und Marginal-Inhalt</a></li>
+ <li><a href="html-experimente/fast-leer-kein-menü.html" th:href="@{/projects/html-experimente/fast-leer-kein-menü.html}">Fast leere Seite ohne Menü</a></li>
+ <li><a href="html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html}">Fast leere Seite ohne Menü aber mit Marginal-Inhalt</a></li>
+ <li><a href="html-experimente/fast-leer-einspaltig.html" th:href="@{/projects/html-experimente/fast-leer-einspaltig.html}">Fast leere einspaltige Seite</a></li>
+ <li><a href="html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html}">Fast leere einspaltige Seite mit Marginal-Inhalt</a></li>
+ <li><a href="html-experimente/breadcrumb.html" th:href="@{/projects/html-experimente/breadcrumb.html}">Seite mit sehr langem Breadcrumb</a></li>
+ </ul>
+ <h2>Layout-Variationen</h2>
+ <ul>
+ <li><a href="html-experimente/kein-layout.html" th:href="@{/projects/html-experimente/kein-layout.html}">Alle Stylings deaktiviert</a></li>
+ <li><a href="html-experimente/basis-layout.html" th:href="@{/projects/html-experimente/basis-layout.html}">Nur das Basis-Layout</a></li>
+ <li><a href="html-experimente/druck-layout.html" th:href="@{/projects/html-experimente/druck-layout.html}">Die für den Ausdruck angepasste Ansicht</a></li>
+ <li><a href="html-experimente/tiny.html" th:href="@{/projects/html-experimente/tiny.html}">Layout für sehr kleine Bildschirmgrößen</a></li>
+ <li><a href="html-experimente/phone.html" th:href="@{/projects/html-experimente/phone.html}">Layout für Smartphones</a></li>
+ <li><a href="html-experimente/tablet.html" th:href="@{/projects/html-experimente/tablet.html}">Layout für Tablets</a></li>
+ </ul>
+ <h2>Testseiten für einzelne Seiten-Bestandteile</h2>
+ <ul>
+ <li><a href="html-experimente/seitenaufteilung.html" th:href="@{/projects/html-experimente/seitenaufteilung.html}">Nur das Basis-Layout und die Seitenaufteilung</a></li>
+ <li><a href="html-experimente/seitenkopf.html" th:href="@{/projects/html-experimente/seitenkopf.html}">Nur das Basis-Layout und der Seitenkopf</a></li>
+ </ul>
+ <h2>Anderer Krams...</h2>
+ <ul>
+ <li><a href="html-experimente/testlab.html" th:href="@{/projects/html-experimente/testlab.html}">Seite mit Breiten-Markierungen für den Tests von Media-Queries (Beispiel)</a></li>
+ </ul>
+ </article>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Nur das Basis-Layout', uri='/projects/html-experimente/basis-layout.html'"
+ >
+ <head layout:fragment="head">
+ <title>HTML-Experimente - Basis-Layout</title>
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css" th:href="@{/css/base.min.css}"/>
+ <script src="../../js/less-1.7.0.min.js" th:remove="all"></script>
+ </head>
+ <body>
+ <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+ MARGINAL-CONTENT
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Seite mit sehr langem Breadcrumb', uri='/projects/html-experimente/breadcrumb.html'"
+ >
+ <head>
+ <title>HTML-Experimente - Langer Breadcrumb</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
+ <style type="text/css">
+ @import '../../css/screen.min.css' screen;
+ @import '../../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
+ <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
+ <li class="b"><strong class="b">Dies ist ein Seite mit einem unendlich langen Breadcrumb-Eintrag der bestimmt nicht in den vorgesehenen Platz passt</strong></li>
+ </ol>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Die für den Ausdruck angepasste Ansicht', uri='/projects/html-experimente/druck-layout.html'"
+ >
+ <head layout:fragment="head">
+ <title>HTML-Experimente - Druck-Layout</title>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/base.css" th:href="@{/css/base.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/print.css" th:href="@{/css/print.css}"/>
+ <script src="../../js/less-1.7.0.min.js" th:remove="all"></script>
+ </head>
+ <body>
+ <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+ MARGINAL-CONTENT
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>This Page Will Raise An Error</title>
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ </head>
+ <body>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="contentclass='onecolumn', uri='/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html'"
+ >
+ <head>
+ <title>HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
+ <style type="text/css">
+ @import '../../css/screen.min.css' screen;
+ @import '../../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="cf">
+ <li class="m blog"><a href="../../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="../../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
+ <li class="m about"><a href="../../about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Fast leere einspaltige Seite mit Marginalinhalt</h1></header>
+ <p><strong>KAPUTT:</strong> siehe Erklärung im Commit</p>
+ </article>
+ <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+ MARGINAL-CONTENT
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="contentclass='onecolumn', uri='/projects/html-experimente/fast-leer-einspaltig.html'"
+ >
+ <head>
+ <title>HTML-Experimente - Fast leere einspaltige Seite</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
+ <style type="text/css">
+ @import '../../css/screen.min.css' screen;
+ @import '../../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="cf">
+ <li class="m blog"><a href="../../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="../../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
+ <li class="m about"><a href="../../about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Fast leere einspaltige Seite</h1></header>
+ <p><strong>KAPUTT:</strong> siehe Erklärung im Commit</p>
+ </article>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="contentclass='nomenu', uri='/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html'"
+ >
+ <head>
+ <title>HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
+ <style type="text/css">
+ @import '../../css/screen.min.css' screen;
+ @import '../../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="cf">
+ <li class="m blog"><a href="../../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="../../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
+ <li class="m about"><a href="../../about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Fast leere Seite ohne Menü aber mit Marginalinhalt</h1></header>
+ <p>Ein ganz bischen Text...</p>
+ </article>
+ <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+ MARGINAL-CONTENT
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="contentclass='nomenu', uri='/projects/html-experimente/fast-leer-kein-menü.html'"
+ >
+ <head>
+ <title>HTML-Experimente - Fast leere Seite ohne Menü</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
+ <style type="text/css">
+ @import '../../css/screen.min.css' screen;
+ @import '../../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="cf">
+ <li class="m blog"><a href="../../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="../../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
+ <li class="m about"><a href="../../about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Fast leere Seite ohne Menü</h1></header>
+ <p>Ein ganz bischen Text...</p>
+ </article>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with=", uri='/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html'"
+ >
+ <head>
+ <title>HTML-Experimente - Fast leere Seite mit Menü und Marginalinhalt</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
+ <style type="text/css">
+ @import '../../css/screen.min.css' screen;
+ @import '../../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Fast leere Seite mit Menü und Marginalinhalt</h1></header>
+ <p>Ein ganz bischen Text...</p>
+ </article>
+ <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+ MARGINAL-CONTENT
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with=", uri='/projects/html-experimente/fast-leer-mit-menü.html'"
+ >
+ <head>
+ <title>HTML-Experimente - Fast leere Seite mit Menü</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
+ <style type="text/css">
+ @import '../../css/screen.min.css' screen;
+ @import '../../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Fast leere Seite mit Menü</h1></header>
+ <p>Ein ganz bischen Text...</p>
+ </article>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="uri='/projects/html-experimente/formulare.html'"
+ >
+ <head>
+ <title>HTML-Experimente - Formulare</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
+ <style type="text/css">
+ @import '../../css/screen.min.css' screen;
+ @import '../../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Formulare</h1></header>
+ <form class="form" action="#" method="get">
+ <h2 class="f">Anzeigetext</h2>
+ <div class="f textarea">
+ <label class="f info" for="textarea_01">Geben Sie hier Ihren Anzeigentext ein.</label>
+ <textarea class="f error" id="textarea_01" cols="50" rows="10">Eingegebener Text</textarea>
+ <span class="f error"><span class="e">< </span><strong class="e">Fehler:</strong> Es wurde kein Text für die Anzeige eingegeben!</span>
+ </div>
+ </form>
+ <form class="form" action="#" method="get">
+ <h2 class="f">Textformatierung</h2>
+ <fieldset class="f radiobutton cf">
+ <legend class="f info">
+ Die zusätzlichen Gestaltungsoptionen sind nur für das Magazin wählbar.<br />
+ Online erscheint die Anzeige als normaler Fließtext.
+ </legend>
+ <hr class="f" />
+ <div class="col2">
+ <div class="f">
+ <input class="f" id="radio_tbox_01" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_01">normaler Fließtext</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_02" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_02">Text zentriert</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_03" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_03">Text fett, Negativdruck</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_04" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_04">Text fett</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_05" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_05">Text fett und rot</label>
+ </div>
+ </div>
+ <div class="col2">
+ <div class="f">
+ <input class="f" id="radio_tbox_06" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_06">Text fett, Anzeige blau hinterlegt</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_07" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_07">Text fett, Anzeige gelb hinterlegt</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_08" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_08">Anzeige schwarz eingerahmt</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_09" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_09">Anzeige rot eingerahmt</label>
+ </div>
+ </div>
+ </fieldset>
+ </form>
+ <form class="form" action="#" method="get">
+ <h2 class="f">Einspaltige Radiobuttons...</h2>
+ <fieldset class="f radiobutton">
+ <div class="f">
+ <input class="f" id="radio_tbox_b01" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_b01">Dies ist eine etwas länglichere Beschreibung der auswählbaren Option</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_b02" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_b02">Option X</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_b03" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_b03">Dies ist eine sehr, sehr lange Beschreibung der auswählbaren Option - so lang, dass sie am Ende hoffentlich umbricht...</label>
+ </div>
+ </fieldset>
+ <hr class="f" />
+ <div class="f submit">
+ <input class="f" type="submit" value="> zur Übersicht" />
+ <input class="f left" type="submit" value="< zurück" />
+ <input class="f" type="submit" value="> weiter" />
+ </div>
+ </form>
+ <form class="form" action="#" method="get">
+ <h2 class="f">Bild</h2>
+ <fieldset class="f checkbox">
+ <legend class="f">
+ Du kannst Deiner Anzeige ein Bild hinzufügen.
+ Das Bild erscheint nur online.
+ Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild.
+ </legend>
+ <hr class="f" />
+ <div class="f">
+ <input class="f" id="checkbox_tbox_01" type="checkbox" name="checkbox_tbox" />
+ <label class="f" for="checkbox_tbox_01">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
+ </div>
+ <div class="f">
+ <input class="f" id="checkbox_tbox_02" type="checkbox" name="checkbox_tbox" />
+ <label class="f" for="checkbox_tbox_02">Ich habe die AGB für das Hochladen von Bildern gelesen und akzeptiere diese</label>
+ </div>
+ </fieldset>
+ </form>
+ <form class="form" action="#" method="get">
+ <h2 class="f">Alleinstehende Checkbox</h2>
+ <div class="f checkbox">
+ <input class="f" id="checkbox_tbox_03" type="checkbox" name="checkbox_tbox" />
+ <label class="f" for="checkbox_tbox_03">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
+ </div>
+ </form>
+ <form class="form" action="#" method="get">
+ <h2 class="f">Kundendaten</h2>
+ <p class="f required">
+ <strong class="r">Pflichtfelder</strong> sind mit einem
+ <strong class="r symbol">*</strong> markiert.
+ </p>
+ <div class="f text required">
+ <label for="text_tbox_01" class="f"><span class="required">* </span>Nachname</label>
+ <input class="f" id="text_tbox_01" type="text" value="Mustermann" />
+ </div>
+ <div class="f text required">
+ <label for="text_tbox_02" class="f">Vorname</label>
+ <input class="f" id="text_tbox_02" type="text" value="Max" />
+ </div>
+ <div class="f select required">
+ <label for="text_tbox_03" class="f"><span class="required">* </span>Ort</label>
+ <select class="f" id="text_tbox_03">
+ <option>Dortmund</option>
+ <option>Bochum</option>
+ <option>Essen</option>
+ <option>Mönchengladbach</option>
+ <option>Oberhausen</option>
+ <option>Castrop-Rauxel</option>
+ <option>Düsseldorf</option>
+ </select>
+ </div>
+ <div class="f text required">
+ <label for="text_tbox_04" class="f"><span class="required">* </span>Straße/Hausnr.</label>
+ <input class="f error" id="text_tbox_04" type="text" value="" />
+ <span class="f error"><span class="e">< </span><strong class="e">Fehler:</strong> Dies ist ein Pflichtfeld!</span>
+ </div>
+ <div class="f text required">
+ <label for="text_tbox_05" class="f"><span class="required">* </span>Postleitzahl</label>
+ <input class="f" id="text_tbox_05" type="text" value="" />
+ </div>
+ <div class="f text required">
+ <label for="text_tbox_06" class="f">Telefon</label>
+ <input class="f" id="text_tbox_06" type="text" value="" />
+ </div>
+ <hr class="f" />
+ <div class="f submit">
+ <input class="f" type="submit" value="> weiter" />
+ </div>
+ </form>
+ <form class="form" action="#" method="get">
+ <h2 class="f">Anzeige regionalisieren</h2>
+ <p class="f">
+ Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten
+ diese online leichter finden, wenn sie nur nach Kleinanzeigen aus
+ bestimmten Städten suchen.
+ Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von
+ diesen Interessenten aber auch nicht gefunden.
+ </p>
+ <hr class="f" />
+ <div class="f text">
+ <label class="f" for="city">Stadt</label>
+ <input id="city" type="text" class="f" />
+ <p class="f info">
+ Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll.
+ </p>
+ </div>
+ </form>
+ <form class="form" action="#" method="get">
+ <h2 class="f">Ein Passwort-Eingabe-Feld</h2>
+ <div class="f text required">
+ <label for="text_tbox_05" class="f"><span class="required">* </span>Passwort</label>
+ <input class="f" id="text_tbox_05" type="password" value="t" />
+ </div>
+ </form>
+ <form class="form" action="#" method="get">
+ <h2 class="f">Lade das Bild hoch</h2>
+ <p class="f info">
+ Du kannst ein Bild im JPEG- oder PNG-Format hochladen.
+ Das Bild darf nicht größer als 8 MByte sein.
+ </p>
+ <div class="f file required">
+ <label for="file_tbox_01" class="f"><span class="required">* </span>Bild</label>
+ <input class="f" id="file_tbox_01" type="file" />
+ </div>
+ <hr class="f" />
+ <div class="f submit">
+ <input class="f" type="submit" value="> Doch kein Bild" />
+ <input class="f" type="submit" value="> Bild hochladen" />
+ </div>
+ </form>
+ <div class="form">
+ <h2 class="f">Antworten</h2>
+ <p class="f required">
+ <strong class="r">Pflichtfelder</strong> sind mit einem
+ <strong class="r symbol">*</strong> markiert.
+ </p>
+ <div class="f text required">
+ <label class="f" for="replyTo"><span class="required">*</span> Antwort-Adresse</label>
+ <input id="replyTo" name="replyTo" class="f" tabindex="1" type="text" value=""/>
+ </div>
+ <div class="f text required">
+ <label class="f" for="replyTo"><span class="required">*</span> Adresse wiederholen</label>
+ <input id="replyToRepeated" name="replyToRepeated" class="f" tabindex="2" type="text" value=""/>
+ </div>
+ <div class="f text required">
+ <label class="f" for="subject"><span class="required">*</span> Betreff</label>
+ <input id="subject" name="subject" class="f" tabindex="3" type="text" value=""/>
+ </div>
+ <div class="f textarea required">
+ <label class="f" for="text"><span class="required">*</span> Nachricht</label>
+ <textarea id="text" name="text" class="f" tabindex="4" rows="15" cols="20"></textarea>
+ </div>
+ <div class="f checkbox">
+ <input id="attachment1" name="attachment" class="f" tabindex="4" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_attachment" value="on"/>
+ <label class="f" for="attachment">Ich möchte eine Datei an die E-Mail anhängen.</label>
+ </div>
+ <div class="f checkbox">
+ <input id="copy1" name="copy" class="f" tabindex="5" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_copy" value="on"/>
+ <label class="f" for="copy">Ich möchte eine Kopie der Nachricht zugesendet bekommen.</label>
+ </div>
+ </div>
+ <div class="form cf">
+ <div class="col2 left">
+ <h2 class="f">Weiter mit Anmeldung</h2>
+ <div class="f text">
+ <label class="f" for="username">Benutzername</label>
+ <input class="f" name="username" id="username" type="text" tabindex="6" />
+ </div>
+ <div class="f text">
+ <label class="f" for="password">Passwort</label>
+ <input class="f" name="password" id="password" type="password" tabindex="7" />
+ </div>
+ </div>
+ <div class="col2 right">
+ <h2 class="f">Weiter ohne Anmeldung</h2>
+ <!-- <a href="/kleinanzeigen/37431/lust+.html" title="Zu schwer? Hier klicken um das Bild zu wechseln!"><img src="/img/captcha.jpg" alt="Captcha" width="120" height="60" /></a> -->
+ <div class="f captcha cf">
+ <span class="f">Was steht da?</span>
+ <img class="f" src="/img/captcha.jpg" alt="Captcha" width="120" height="60" />
+ </div>
+ <div class="f text">
+ <label class="f" for="captcha">Lösung</label>
+ <input class="f" name="captcha" id="captcha" type="text" tabindex="8" />
+ </div>
+ </div>
+ </div>
+ </article>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Alle Stylings deaktiviert', uri='/projects/html-experimente/kein-layout.html'"
+ >
+ <head layout:fragment="head">
+ <title>HTML-Experimente - Kein Layout</title>
+ </head>
+ <body>
+ <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+ MARGINAL-CONTENT
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Layout für Smartphones', uri='/projects/html-experimente/phone.html'"
+ >
+ <head layout:fragment="head">
+ <title>HTML-Experimente - Layout PHONE</title>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/base.css" th:href="@{/css/base.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/phone.css" th:href="@{/css/phone.css}"/>
+ <script src="../../js/less-1.7.0.min.js" th:remove="all"></script>
+ </head>
+ <body>
+ <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+ MARGINAL-CONTENT
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Nur das Basis-Layout und die Seitenaufteiltung', uri='/projects/html-experimente/seitenaufteilung.html'"
+ >
+ <head layout:fragment="head">
+ <title>HTML-Experimente - Basis-Layout & Seitenaufteilung</title>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/base.css" th:href="@{/css/base.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/seitenaufteilung.css" th:href="@{/css/seitenaufteilung.css}"/>
+ <script src="../../js/less-1.7.0.min.js" th:remove="all"></script>
+ </head>
+ <body>
+ <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+ MARGINAL-CONTENT
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Nur das Basis-Layout und die Seitenaufteiltung', uri='/projects/html-experimente/seitenkopf.html'"
+ >
+ <head layout:fragment="head">
+ <title>HTML-Experimente - Basis-Layout & Seitenkopf</title>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/base.css" th:href="@{/css/base.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/seitenkopf.css" th:href="@{/css/seitenkopf.css}"/>
+ <script src="../../js/less-1.7.0.min.js" th:remove="all"></script>
+ </head>
+ <body>
+ <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+ MARGINAL-CONTENT
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="uri='/projects/html-experimente/symbole.html'"
+ >
+ <head>
+ <title>HTML-Experimente - Symbol-Font</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
+ <style type="text/css">
+ @import '../../css/screen.min.css' screen;
+ @import '../../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>Symbol-Font</h1></header>
+ <h2>100%</h2>
+ <div class="symbols">
+ <span class="e600"></span>
+ <span class="e601"></span>
+ <span class="e602"></span>
+ <span class="e603"></span>
+ <span class="e604"></span>
+ <span class="e605"></span>
+ <span class="e606"></span>
+ <span class="e607"></span>
+ <span class="e608"></span>
+ <span class="e609"></span>
+ <span class="e60a"></span>
+ <span class="e60b"></span>
+ <span class="e60c"></span>
+ <span class="e60d"></span>
+ <span class="e60e"></span>
+ <span class="e60f"></span>
+ <span class="e610"></span>
+ <span class="e611"></span>
+ <span class="e612"></span>
+ <span class="e613"></span>
+ <span class="e614"></span>
+ <span class="e615"></span>
+ <span class="e616"></span>
+ <span class="e617"></span>
+ <span class="e618"></span>
+ <span class="e619"></span>
+ <span class="e61a"></span>
+ <span class="e61b"></span>
+ <span class="e61c"></span>
+ <span class="e61d"></span>
+ <span class="e61e"></span>
+ <span class="e61f"></span>
+ <span class="e620"></span>
+ <span class="e621"></span>
+ <span class="e622"></span>
+ <span class="e623"></span>
+ <span class="e624"></span>
+ <span class="e625"></span>
+ <span class="e626"></span>
+ <span class="e627"></span>
+ <span class="e628"></span>
+ <span class="e629"></span>
+ <span class="e62a"></span>
+ <span class="e62b"></span>
+ <span class="e62c"></span>
+ <span class="e62d"></span>
+ <span class="e62e"></span>
+ <span class="e62f"></span>
+ <span class="e630"></span>
+ <span class="e631"></span>
+ <span class="e632"></span>
+ <span class="e633"></span>
+ <span class="e634"></span>
+ <span class="e635"></span>
+ <span class="e636"></span>
+ <span class="e637"></span>
+ <span class="e638"></span>
+ <span class="e639"></span>
+ <span class="e63a"></span>
+ <span class="e63b"></span>
+ <span class="e63c"></span>
+ <span class="e63d"></span>
+ <span class="e63e"></span>
+ <span class="e63f"></span>
+ <span class="e640"></span>
+ <span class="e641"></span>
+ <span class="e642"></span>
+ <span class="e643"></span>
+ <span class="e644"></span>
+ <span class="e645"></span>
+ <span class="e646"></span>
+ <span class="e647"></span>
+ <span class="e648"></span>
+ <span class="e649"></span>
+ <span class="e64a"></span>
+ <span class="e64b"></span>
+ </div>
+ <h2>200%</h2>
+ <div class="symbols" style="font-size: 200%; line-height: 1.5em">
+ <span class="e600"></span>
+ <span class="e601"></span>
+ <span class="e602"></span>
+ <span class="e603"></span>
+ <span class="e604"></span>
+ <span class="e605"></span>
+ <span class="e606"></span>
+ <span class="e607"></span>
+ <span class="e608"></span>
+ <span class="e609"></span>
+ <span class="e60a"></span>
+ <span class="e60b"></span>
+ <span class="e60c"></span>
+ <span class="e60d"></span>
+ <span class="e60e"></span>
+ <span class="e60f"></span>
+ <span class="e610"></span>
+ <span class="e611"></span>
+ <span class="e612"></span>
+ <span class="e613"></span>
+ <span class="e614"></span>
+ <span class="e615"></span>
+ <span class="e616"></span>
+ <span class="e617"></span>
+ <span class="e618"></span>
+ <span class="e619"></span>
+ <span class="e61a"></span>
+ <span class="e61b"></span>
+ <span class="e61c"></span>
+ <span class="e61d"></span>
+ <span class="e61e"></span>
+ <span class="e61f"></span>
+ <span class="e620"></span>
+ <span class="e621"></span>
+ <span class="e622"></span>
+ <span class="e623"></span>
+ <span class="e624"></span>
+ <span class="e625"></span>
+ <span class="e626"></span>
+ <span class="e627"></span>
+ <span class="e628"></span>
+ <span class="e629"></span>
+ <span class="e62a"></span>
+ <span class="e62b"></span>
+ <span class="e62c"></span>
+ <span class="e62d"></span>
+ <span class="e62e"></span>
+ <span class="e62f"></span>
+ <span class="e630"></span>
+ <span class="e631"></span>
+ <span class="e632"></span>
+ <span class="e633"></span>
+ <span class="e634"></span>
+ <span class="e635"></span>
+ <span class="e636"></span>
+ <span class="e637"></span>
+ <span class="e638"></span>
+ <span class="e639"></span>
+ <span class="e63a"></span>
+ <span class="e63b"></span>
+ <span class="e63c"></span>
+ <span class="e63d"></span>
+ <span class="e63e"></span>
+ <span class="e63f"></span>
+ <span class="e640"></span>
+ <span class="e641"></span>
+ <span class="e642"></span>
+ <span class="e643"></span>
+ <span class="e644"></span>
+ <span class="e645"></span>
+ <span class="e646"></span>
+ <span class="e647"></span>
+ <span class="e648"></span>
+ <span class="e649"></span>
+ <span class="e64a"></span>
+ <span class="e64b"></span>
+ </div>
+ <h2>300%</h2>
+ <div class="symbols" style="font-size: 300%; line-height: 1.5em">
+ <span class="e600"></span>
+ <span class="e601"></span>
+ <span class="e602"></span>
+ <span class="e603"></span>
+ <span class="e604"></span>
+ <span class="e605"></span>
+ <span class="e606"></span>
+ <span class="e607"></span>
+ <span class="e608"></span>
+ <span class="e609"></span>
+ <span class="e60a"></span>
+ <span class="e60b"></span>
+ <span class="e60c"></span>
+ <span class="e60d"></span>
+ <span class="e60e"></span>
+ <span class="e60f"></span>
+ <span class="e610"></span>
+ <span class="e611"></span>
+ <span class="e612"></span>
+ <span class="e613"></span>
+ <span class="e614"></span>
+ <span class="e615"></span>
+ <span class="e616"></span>
+ <span class="e617"></span>
+ <span class="e618"></span>
+ <span class="e619"></span>
+ <span class="e61a"></span>
+ <span class="e61b"></span>
+ <span class="e61c"></span>
+ <span class="e61d"></span>
+ <span class="e61e"></span>
+ <span class="e61f"></span>
+ <span class="e620"></span>
+ <span class="e621"></span>
+ <span class="e622"></span>
+ <span class="e623"></span>
+ <span class="e624"></span>
+ <span class="e625"></span>
+ <span class="e626"></span>
+ <span class="e627"></span>
+ <span class="e628"></span>
+ <span class="e629"></span>
+ <span class="e62a"></span>
+ <span class="e62b"></span>
+ <span class="e62c"></span>
+ <span class="e62d"></span>
+ <span class="e62e"></span>
+ <span class="e62f"></span>
+ <span class="e630"></span>
+ <span class="e631"></span>
+ <span class="e632"></span>
+ <span class="e633"></span>
+ <span class="e634"></span>
+ <span class="e635"></span>
+ <span class="e636"></span>
+ <span class="e637"></span>
+ <span class="e638"></span>
+ <span class="e639"></span>
+ <span class="e63a"></span>
+ <span class="e63b"></span>
+ <span class="e63c"></span>
+ <span class="e63d"></span>
+ <span class="e63e"></span>
+ <span class="e63f"></span>
+ <span class="e640"></span>
+ <span class="e641"></span>
+ <span class="e642"></span>
+ <span class="e643"></span>
+ <span class="e644"></span>
+ <span class="e645"></span>
+ <span class="e646"></span>
+ <span class="e647"></span>
+ <span class="e648"></span>
+ <span class="e649"></span>
+ <span class="e64a"></span>
+ <span class="e64b"></span>
+ </div>
+ <h2>400%</h2>
+ <div class="symbols" style="font-size: 400%; line-height: 1.5em">
+ <span class="e600"></span>
+ <span class="e601"></span>
+ <span class="e602"></span>
+ <span class="e603"></span>
+ <span class="e604"></span>
+ <span class="e605"></span>
+ <span class="e606"></span>
+ <span class="e607"></span>
+ <span class="e608"></span>
+ <span class="e609"></span>
+ <span class="e60a"></span>
+ <span class="e60b"></span>
+ <span class="e60c"></span>
+ <span class="e60d"></span>
+ <span class="e60e"></span>
+ <span class="e60f"></span>
+ <span class="e610"></span>
+ <span class="e611"></span>
+ <span class="e612"></span>
+ <span class="e613"></span>
+ <span class="e614"></span>
+ <span class="e615"></span>
+ <span class="e616"></span>
+ <span class="e617"></span>
+ <span class="e618"></span>
+ <span class="e619"></span>
+ <span class="e61a"></span>
+ <span class="e61b"></span>
+ <span class="e61c"></span>
+ <span class="e61d"></span>
+ <span class="e61e"></span>
+ <span class="e61f"></span>
+ <span class="e620"></span>
+ <span class="e621"></span>
+ <span class="e622"></span>
+ <span class="e623"></span>
+ <span class="e624"></span>
+ <span class="e625"></span>
+ <span class="e626"></span>
+ <span class="e627"></span>
+ <span class="e628"></span>
+ <span class="e629"></span>
+ <span class="e62a"></span>
+ <span class="e62b"></span>
+ <span class="e62c"></span>
+ <span class="e62d"></span>
+ <span class="e62e"></span>
+ <span class="e62f"></span>
+ <span class="e630"></span>
+ <span class="e631"></span>
+ <span class="e632"></span>
+ <span class="e633"></span>
+ <span class="e634"></span>
+ <span class="e635"></span>
+ <span class="e636"></span>
+ <span class="e637"></span>
+ <span class="e638"></span>
+ <span class="e639"></span>
+ <span class="e63a"></span>
+ <span class="e63b"></span>
+ <span class="e63c"></span>
+ <span class="e63d"></span>
+ <span class="e63e"></span>
+ <span class="e63f"></span>
+ <span class="e640"></span>
+ <span class="e641"></span>
+ <span class="e642"></span>
+ <span class="e643"></span>
+ <span class="e644"></span>
+ <span class="e645"></span>
+ <span class="e646"></span>
+ <span class="e647"></span>
+ <span class="e648"></span>
+ <span class="e649"></span>
+ <span class="e64a"></span>
+ <span class="e64b"></span>
+ </div>
+ <h2>500%</h2>
+ <div class="symbols" style="font-size: 500%; line-height: 1.5em">
+ <span class="e600"></span>
+ <span class="e601"></span>
+ <span class="e602"></span>
+ <span class="e603"></span>
+ <span class="e604"></span>
+ <span class="e605"></span>
+ <span class="e606"></span>
+ <span class="e607"></span>
+ <span class="e608"></span>
+ <span class="e609"></span>
+ <span class="e60a"></span>
+ <span class="e60b"></span>
+ <span class="e60c"></span>
+ <span class="e60d"></span>
+ <span class="e60e"></span>
+ <span class="e60f"></span>
+ <span class="e610"></span>
+ <span class="e611"></span>
+ <span class="e612"></span>
+ <span class="e613"></span>
+ <span class="e614"></span>
+ <span class="e615"></span>
+ <span class="e616"></span>
+ <span class="e617"></span>
+ <span class="e618"></span>
+ <span class="e619"></span>
+ <span class="e61a"></span>
+ <span class="e61b"></span>
+ <span class="e61c"></span>
+ <span class="e61d"></span>
+ <span class="e61e"></span>
+ <span class="e61f"></span>
+ <span class="e620"></span>
+ <span class="e621"></span>
+ <span class="e622"></span>
+ <span class="e623"></span>
+ <span class="e624"></span>
+ <span class="e625"></span>
+ <span class="e626"></span>
+ <span class="e627"></span>
+ <span class="e628"></span>
+ <span class="e629"></span>
+ <span class="e62a"></span>
+ <span class="e62b"></span>
+ <span class="e62c"></span>
+ <span class="e62d"></span>
+ <span class="e62e"></span>
+ <span class="e62f"></span>
+ <span class="e630"></span>
+ <span class="e631"></span>
+ <span class="e632"></span>
+ <span class="e633"></span>
+ <span class="e634"></span>
+ <span class="e635"></span>
+ <span class="e636"></span>
+ <span class="e637"></span>
+ <span class="e638"></span>
+ <span class="e639"></span>
+ <span class="e63a"></span>
+ <span class="e63b"></span>
+ <span class="e63c"></span>
+ <span class="e63d"></span>
+ <span class="e63e"></span>
+ <span class="e63f"></span>
+ <span class="e640"></span>
+ <span class="e641"></span>
+ <span class="e642"></span>
+ <span class="e643"></span>
+ <span class="e644"></span>
+ <span class="e645"></span>
+ <span class="e646"></span>
+ <span class="e647"></span>
+ <span class="e648"></span>
+ <span class="e649"></span>
+ <span class="e64a"></span>
+ <span class="e64b"></span>
+ </div>
+ </article>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Layout für Tablets', uri='/projects/html-experimente/tablet.html'"
+ >
+ <head layout:fragment="head">
+ <title>HTML-Experimente - Layout TABLET</title>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/base.css" th:href="@{/css/base.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/tablet.css" th:href="@{/css/tablet.css}"/>
+ <script src="../../js/less-1.7.0.min.js" th:remove="all"></script>
+ </head>
+ <body>
+ <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+ MARGINAL-CONTENT
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/testlab"
+ th:with="title='Media-Query-Test: BEISPIEL', uri='/projects/html-experimente/testlab.html'"
+ >
+ <head>
+ <title>HTML-Experimente - Media-Query-Test: BEISPIEL</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
+ <style type="text/css">
+ @import '../../css/screen.min.css' screen;
+ @import '../../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <div layout:fragment="content" th:remove="tag">
+ <form class="testlab form" action="#" method="get">
+ <h2 class="f">Anzeigetext</h2>
+ <div class="f textarea">
+ <label class="f info" for="textarea_01">Geben Sie hier Ihren Anzeigentext ein.</label>
+ <textarea class="f error" id="textarea_01" cols="50" rows="10">Eingegebener Text</textarea>
+ <span class="f error"><span class="e">< </span><strong class="e">Fehler:</strong> Es wurde kein Text für die Anzeige eingegeben!</span>
+ </div>
+ </form>
+ <form class="testlab form" action="#" method="get">
+ <h2 class="f">Textformatierung</h2>
+ <fieldset class="f radiobutton cf">
+ <legend class="f info">
+ Die zusätzlichen Gestaltungsoptionen sind nur für das Magazin wählbar.<br />
+ Online erscheint die Anzeige als normaler Fließtext.
+ </legend>
+ <hr class="f" />
+ <div class="col2">
+ <div class="f">
+ <input class="f" id="radio_tbox_01" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_01">normaler Fließtext</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_02" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_02">Text zentriert</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_03" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_03">Text fett, Negativdruck</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_04" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_04">Text fett</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_05" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_05">Text fett und rot</label>
+ </div>
+ </div>
+ <div class="col2">
+ <div class="f">
+ <input class="f" id="radio_tbox_06" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_06">Text fett, Anzeige blau hinterlegt</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_07" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_07">Text fett, Anzeige gelb hinterlegt</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_08" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_08">Anzeige schwarz eingerahmt</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_09" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_09">Anzeige rot eingerahmt</label>
+ </div>
+ </div>
+ </fieldset>
+ </form>
+ <form class="testlab form" action="#" method="get">
+ <h2 class="f">Einspaltige Radiobuttons...</h2>
+ <fieldset class="f radiobutton">
+ <div class="f">
+ <input class="f" id="radio_tbox_b01" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_b01">Dies ist eine etwas länglichere Beschreibung der auswählbaren Option</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_b02" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_b02">Option X</label>
+ </div>
+ <div class="f">
+ <input class="f" id="radio_tbox_b03" type="radio" name="radio_tbox" />
+ <label class="f" for="radio_tbox_b03">Dies ist eine sehr, sehr lange Beschreibung der auswählbaren Option - so lang, dass sie am Ende hoffentlich umbricht...</label>
+ </div>
+ </fieldset>
+ <hr class="f" />
+ <div class="f submit">
+ <input class="f" type="submit" value="> zur Übersicht" />
+ <input class="f left" type="submit" value="< zurück" />
+ <input class="f" type="submit" value="> weiter" />
+ </div>
+ </form>
+ <form class="testlab form" action="#" method="get">
+ <h2 class="f">Bild</h2>
+ <fieldset class="f checkbox">
+ <legend class="f">
+ Du kannst Deiner Anzeige ein Bild hinzufügen.
+ Das Bild erscheint nur online.
+ Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild.
+ </legend>
+ <hr class="f" />
+ <div class="f">
+ <input class="f" id="checkbox_tbox_01" type="checkbox" name="checkbox_tbox" />
+ <label class="f" for="checkbox_tbox_01">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
+ </div>
+ <div class="f">
+ <input class="f" id="checkbox_tbox_02" type="checkbox" name="checkbox_tbox" />
+ <label class="f" for="checkbox_tbox_02">Ich habe die AGB für das Hochladen von Bildern gelesen und akzeptiere diese</label>
+ </div>
+ </fieldset>
+ </form>
+ <form class="testlab form" action="#" method="get">
+ <h2 class="f">Alleinstehende Checkbox</h2>
+ <div class="f checkbox">
+ <input class="f" id="checkbox_tbox_03" type="checkbox" name="checkbox_tbox" />
+ <label class="f" for="checkbox_tbox_03">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
+ </div>
+ </form>
+ <form class="testlab form" action="#" method="get">
+ <h2 class="f">Kundendaten</h2>
+ <p class="f required">
+ <strong class="r">Pflichtfelder</strong> sind mit einem
+ <strong class="r symbol">*</strong> markiert.
+ </p>
+ <div class="f text required">
+ <label for="text_tbox_01" class="f"><span class="required">* </span>Nachname</label>
+ <input class="f" id="text_tbox_01" type="text" value="Mustermann" />
+ </div>
+ <div class="f text required">
+ <label for="text_tbox_02" class="f">Vorname</label>
+ <input class="f" id="text_tbox_02" type="text" value="Max" />
+ </div>
+ <div class="f select required">
+ <label for="text_tbox_03" class="f"><span class="required">* </span>Ort</label>
+ <select class="f" id="text_tbox_03">
+ <option>Dortmund</option>
+ <option>Bochum</option>
+ <option>Essen</option>
+ <option>Mönchengladbach</option>
+ <option>Oberhausen</option>
+ <option>Castrop-Rauxel</option>
+ <option>Düsseldorf</option>
+ </select>
+ </div>
+ <div class="f text required">
+ <label for="text_tbox_04" class="f"><span class="required">* </span>Straße/Hausnr.</label>
+ <input class="f error" id="text_tbox_04" type="text" value="" />
+ <span class="f error"><span class="e">< </span><strong class="e">Fehler:</strong> Dies ist ein Pflichtfeld!</span>
+ </div>
+ <div class="f text required">
+ <label for="text_tbox_05" class="f"><span class="required">* </span>Postleitzahl</label>
+ <input class="f" id="text_tbox_05" type="text" value="" />
+ </div>
+ <div class="f text required">
+ <label for="text_tbox_06" class="f">Telefon</label>
+ <input class="f" id="text_tbox_06" type="text" value="" />
+ </div>
+ <hr class="f" />
+ <div class="f submit">
+ <input class="f" type="submit" value="> weiter" />
+ </div>
+ </form>
+ <form class="testlab form" action="#" method="get">
+ <h2 class="f">Anzeige regionalisieren</h2>
+ <p class="f">
+ Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten
+ diese online leichter finden, wenn sie nur nach Kleinanzeigen aus
+ bestimmten Städten suchen.
+ Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von
+ diesen Interessenten aber auch nicht gefunden.
+ </p>
+ <hr class="f" />
+ <div class="f text">
+ <label class="f" for="city">Stadt</label>
+ <input id="city" type="text" class="f" />
+ <p class="f info">
+ Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll.
+ </p>
+ </div>
+ </form>
+ <form class="testlab form" action="#" method="get">
+ <h2 class="f">Ein Passwort-Eingabe-Feld</h2>
+ <div class="f text required">
+ <label for="text_tbox_05" class="f"><span class="required">* </span>Passwort</label>
+ <input class="f" id="text_tbox_05" type="password" value="t" />
+ </div>
+ </form>
+ <form class="testlab form" action="#" method="get">
+ <h2 class="f">Lade das Bild hoch</h2>
+ <p class="f info">
+ Du kannst ein Bild im JPEG- oder PNG-Format hochladen.
+ Das Bild darf nicht größer als 8 MByte sein.
+ </p>
+ <div class="f file required">
+ <label for="file_tbox_01" class="f"><span class="required">* </span>Bild</label>
+ <input class="f" id="file_tbox_01" type="file" />
+ </div>
+ <hr class="f" />
+ <div class="f submit">
+ <input class="f" type="submit" value="> Doch kein Bild" />
+ <input class="f" type="submit" value="> Bild hochladen" />
+ </div>
+ </form>
+ <div class="testlab form">
+ <h2 class="f">Antworten</h2>
+ <p class="f required">
+ <strong class="r">Pflichtfelder</strong> sind mit einem
+ <strong class="r symbol">*</strong> markiert.
+ </p>
+ <div class="f text required">
+ <label class="f" for="replyTo"><span class="required">*</span> Antwort-Adresse</label>
+ <input id="replyTo" name="replyTo" class="f" tabindex="1" type="text" value=""/>
+ </div>
+ <div class="f text required">
+ <label class="f" for="replyTo"><span class="required">*</span> Adresse wiederholen</label>
+ <input id="replyToRepeated" name="replyToRepeated" class="f" tabindex="2" type="text" value=""/>
+ </div>
+ <div class="f text required">
+ <label class="f" for="subject"><span class="required">*</span> Betreff</label>
+ <input id="subject" name="subject" class="f" tabindex="3" type="text" value=""/>
+ </div>
+ <div class="f textarea required">
+ <label class="f" for="text"><span class="required">*</span> Nachricht</label>
+ <textarea id="text" name="text" class="f" tabindex="4" rows="15" cols="20"></textarea>
+ </div>
+ <div class="f checkbox">
+ <input id="attachment1" name="attachment" class="f" tabindex="4" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_attachment" value="on"/>
+ <label class="f" for="attachment">Ich möchte eine Datei an die E-Mail anhängen.</label>
+ </div>
+ <div class="f checkbox">
+ <input id="copy1" name="copy" class="f" tabindex="5" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_copy" value="on"/>
+ <label class="f" for="copy">Ich möchte eine Kopie der Nachricht zugesendet bekommen.</label>
+ </div>
+ </div>
+ <div class="testlab form cf">
+ <div class="col2 left">
+ <h2 class="f">Weiter mit Anmeldung</h2>
+ <div class="f text">
+ <label class="f" for="username">Benutzername</label>
+ <input class="f" name="username" id="username" type="text" tabindex="6" />
+ </div>
+ <div class="f text">
+ <label class="f" for="password">Passwort</label>
+ <input class="f" name="password" id="password" type="password" tabindex="7" />
+ </div>
+ </div>
+ <div class="col2 right">
+ <h2 class="f">Weiter ohne Anmeldung</h2>
+ <!-- <a href="/kleinanzeigen/37431/lust+.html" title="Zu schwer? Hier klicken um das Bild zu wechseln!"><img src="/img/captcha.jpg" alt="Captcha" width="120" height="60" /></a> -->
+ <div class="f captcha cf">
+ <span class="f">Was steht da?</span>
+ <img class="f" src="/img/captcha.jpg" alt="Captcha" width="120" height="60" />
+ </div>
+ <div class="f text">
+ <label class="f" for="captcha">Lösung</label>
+ <input class="f" name="captcha" id="captcha" type="text" tabindex="8" />
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ xmlns:th="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="title='Layout für sehr kleine Bildschirmgrößen', uri='/projects/html-experimente/tiny.html'"
+ >
+ <head layout:fragment="head">
+ <title>HTML-Experimente - Layout TINY</title>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/base.css" th:href="@{/css/base.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/tiny.css" th:href="@{/css/tiny.css}"/>
+ <script src="../../js/less-1.7.0.min.js" th:remove="all"></script>
+ </head>
+ <body>
+ <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+ MARGINAL-CONTENT
+ </aside>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="uri='/projects/typo.html'"
+ >
+ <head>
+ <title>Typography</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
+ <style type="text/css">
+ @import '../css/screen.min.css' screen;
+ @import '../css/print.min.css' print;
+ </style>
+ <script src="../js/prettify.js" th:src="@{/js/prettify.js}"></script>
+ <!--*/-->
+ </head>
+ <body onload="prettyPrint()">
+ <article layout:fragment="maincontent">
+ <header><h1>Typography</h1></header>
+ <p>
+ Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
+ sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
+ magna aliqua. Ut enim ad minim veniam, quis nostrud
+ <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
+ <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
+ in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
+ sunt in culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <h2>Ein Link <a href="#link">im Titel</a></h2>
+ <p>Ein Link <a href="#link">im Text</a>.</p>
+ <h2>Normal / Italic / Bold / Bold+Italic</h2>
+ <ul>
+ <li>normal</li>
+ <li><em>italic</em></li>
+ <li><strong>bold</strong></li>
+ <li><strong><em>bold italic</em></strong></li>
+ </ul>
+ <p>
+ ÄäÖöÜüß@€¢
+ <strong>ÄäÖöÜüß@€¢</strong>
+ <em>ÄäÖöÜüß@€¢</em>
+ <strong><em>ÄäÖöÜüß@€¢</em></strong>
+ </p>
+ <h1>H1: Heading</h1>
+ <h2>H2: Heading</h2>
+ <h3>H3: Heading</h3>
+ <h4>H4: Heading</h4>
+ <h1>H1: Heading</h1>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <h2>H2: Heading</h2>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <h3>H3: Heading</h3>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <h4>H4: Heading</h4>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <h1>Preformatted code</h1>
+ <p>
+ <em>Juplo Branding</em> uses
+ <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
+ syntax highlighting.
+ </p>
+ <pre class="prettyprint linenums"><code class="language-xml"><plugin>
+ <groupId>ro.isdc.wro4j</groupId>
+ <artifactId>wro4j-maven-plugin</artifactId>
+ <version>${wro4j.version}</version>
+ <configuration>
+ <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
+ <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
+ </configuration>
+ <executions>
+ <execution>
+ <phase>package</phase>
+ <goals>
+ <goal>run</goal>
+ </goals>
+ </execution>
+ </executions>
+</plugin>
+</code></pre>
+ </article>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>References</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><a class="b" href="about.html" th:href="@{/about.html}">About</a></li>
+ <li class="b"><strong class="b">References</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m selected">About</a></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="about.html" th:href="@{/about.html}" class="s">About</a></h2>
+ <ul id="submenu">
+ <li class="s sub off"><a href="expertise.html" th:href="@{/expertise.html}" class="s">Expertise</a></li>
+ <li class="s sub">
+ <strong class="s">References</strong>
+ <ul class="s active">
+ <li class="s sub"><span href="references/coolibri.html" th:href="@{/references/coolibri.html}" class="s">coolibri.de</span></li>
+ <li class="s"><span href="references/hibernate4-maven-plugin.html" th:href="@{/references/hibernate4-maven-plugin.html}" class="s">hibernate4-maven-plugin</span></li>
+ <li class="s sub"><span href=".html" th:href="@{/.html}" class="s"></span></li>
+ <li class="s sub"><span href=".html" th:href="@{/.html}" class="s"></span></li>
+ </ul>
+ </li>
+ <li class="s off"><a href="contact.html" th:href="@{/contact.html}" class="s">Contact</a></li>
+ </ul>
+ </nav>
+ <div layout:fragment="maincontent" layout:replace="templates/fragments :: wip ('Expertise')"></div>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="uri='/templates/404.html', contentclass='nomenu'"
+ >
+ <head>
+ <title>404: Page Not Found!</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
+ <style type="text/css">
+ @import '../css/screen.min.css' screen;
+ @import '../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><strong class="b">404: Page Not Found!</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="cf">
+ <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="../projects" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>404: Page Not Found!</h1></header>
+ <p>We do not know, where you are.</p>
+ <p>And we do not know, why you are here.</p>
+ <p>But we can tell you: WE ARE SORRY!</p>
+ <p>Really.</p>
+ </article>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ th:with="uri='/templates/error.html', contentclass='nomenu'"
+ >
+ <head>
+ <title>An Unexpected Error Occured!</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
+ <style type="text/css">
+ @import '../css/screen.min.css' screen;
+ @import '../css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><strong class="b">An Unexpected Error Occured!</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="cf">
+ <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="../projects" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1>An Unexpected Error Occured!</h1></header>
+ <p>We do not know, what happend.</p>
+ <p>But we can tell you: WE ARE SORRY!</p>
+ <p>Really.</p>
+ </article>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.thymeleaf.org">
+ <head>
+ <title>Fragments</title>
+ <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
+ <style type="text/css">
+ @import '../css/screen.min.css' screen;
+ @import '../css/print.min.css' print;
+ </style>
+ </head>
+ <body>
+ <h1>Explanation fo the german word "Impressum"</h1>
+ <hr />
+ <aside class="m" th:fragment="about">
+ <h1>What the f*#!@ is an <em>Impressum</em> ?!?</h1>
+ The german law enforces the so called <em>Impressum</em> to enable
+ customers to easily find out all juristically relevant informations
+ about the company, that rules a site.
+ <h1>Find out more...</h1>
+ If you just want to learn more about juplo you should better
+ <a href="../about.html" th:href="@{/about.html}" title="Learn more about juplo now">visit our about-pages</a>.
+ </aside>
+ <hr />
+ <h1>Work-in-progress-hint</h1>
+ <hr />
+ <article class="main" layout:fragment="wip(title)">
+ <header><h1 th:text="${title}">PAGE-TITLE</h1></header>
+ <div class="wip" th:fragment="wip">
+ <img class="w" src="/img/comming-soon.png" alt="Comming soon..."/>
+ <p th:include="templates/layout :: maincontent" th:remove="tag">
+ PAGE-CONTENT
+ </p>
+ </div>
+ </article>
+ <hr />
+ <h1>Marginalspalte</h1>
+ <hr />
+ <div th:fragment="marginalcontent" th:remove="tag">
+ <aside class="m">
+ <h1>Other nasty but marginal stuff</h1>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ </aside>
+ <aside class="m">
+ <h1>More nasty stuff</h1>
+ <p>
+ This one is really short!
+ </p>
+ </aside>
+ </div>
+ <hr />
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:th="http://www.thymeleaf.org"
+ xmlns:layout="http://www.thymeleaf.org"
+ juplo:variables="templates/variables"
+ >
+ <head th:fragment="head" layout:fragment="head">
+ <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE" th:text="'juplo'">juplo - BASISTEMPLATE</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="stylesheet" type="text/css" href="../css/base.min.css" th:href="@{/css/base.min.css}"/>
+ <style type="text/css" th:remove="all">
+ @import '../css/screen.min.css' screen;
+ @import '../css/print.min.css' print;
+ </style>
+ <style type="text/css" th:inline="text">
+ @import '[[@{/css/screen.min.css}]]' screen;
+ @import '[[@{/css/print.min.css}]]' print;
+ </style>
+ <script src="../js/prettify.js" th:src="@{/js/prettify.js}"></script>
+ <!--[if lt IE 9]>
+ <script src="../js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
+ <![endif]-->
+ <!--[if IE 8]>
+ <link rel="stylesheet" type="text/css" href="../css/ie8.min.css" th:href="@{/css/ie8.min.css}"/>
+ <![endif]-->
+ </head>
+ <body
+ th:with="crumbs=${crumbs.get(uri)}"
+ id="top"
+ class="menu"
+ th:class="${contentclass}?:'menu'"
+ onload="prettyPrint()"
+ >
+ <div id="page" class="cf">
+ <header id="header">
+ <h1 id="logo" layout:fragment="header"><a href="../index.html" th:href="@{/}" title="Home" class="l">juplo</a></h1>
+ <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
+ <hr class="h" />
+ </header>
+ <div id="breadcrumb">
+ <strong class="b title">You are here:</strong>
+ <ol class="b" layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b" th:each="crumb: ${crumbs}">
+ <a class="b" href="../projects.html" th:href="@{${crumb.uri}}" th:text="${crumb.name}">Projects</a>
+ </li>
+ <!--/*-->
+ <li class="b"><strong class="b" th:text="${title}"">Fix SWF</strong></li>
+ <!--*/-->
+ </ol>
+ <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
+ <hr class="b" />
+ </div>
+ <main class="content cf">
+ <article id="content" class="main" layout:fragment="maincontent" th:class="'main'">
+ <header><h1 th:text="${title}">juplo - BASISTEMPLATE</h1></header>
+ <div th:fragment="maincontent">
+ <p>
+ <strong>Lorem ipsum</strong> dolor
+ <a href="../projects/typo.html" th:href="@{/projects/typo.html}">sit amet</a>,
+ consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ <a href="#" th:href="@{/projects/html-experimente.html}">exercitation</a>
+ ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+ irure dolor in reprehenderit in voluptate velit esse cillum dolore
+ eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+ proident, sunt in culpa qui officia deserunt mollit anim id est
+ laborum.
+ </p>
+ <h2>Duis aute irure dolor</h2>
+ <ul>
+ <li>Operators and other mathematical stuff: -+/*</li>
+ <li>
+ Characters offten used in programming languages:
+ {(<>)}@$?%*#;:&/\!^"'`~
+ </li>
+ <li>Special german characters: ÄäÖöÜü</li>
+ <li>Other special characters: @?¢§%°</li>
+ </ul>
+ <h2>Excepteur sint occaecat cupidatat</h2>
+ <p>
+ Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit,
+ sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+ nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ <strong>Ut enim ad minim veniam, quis nostrud <em>exercitation
+ ullamco</em> laboris nisi ut aliquip ex ea commodo consequat</strong>.
+ Duis aute irure dolor in reprehenderit in voluptate velit esse
+ cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+ cupidatat non proident, sunt in culpa qui officia deserunt mollit
+ anim id est laborum.
+ </p>
+ </div>
+ </article>
+ <div class="marginal">
+ <nav id="nav"
+ layout:fragment="navigation"
+ th:with="section=${crumbs != null ? crumbs[0] : null}"
+ >
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="cf">
+ <li class="m blog" th:each="entry : ${sections}" th:class="'m ' + ${entry.value.key}">
+ <a href="../blog.html" th:href="@{${entry.key}}" class="m" th:class="${entry.key == section.uri} ? 'm selected' : 'm'" th:text="${entry.value.name}">Blog</a>
+ </li>
+ <!--/*-->
+ <li class="m projects"><a href="../projects" class="m selected">Projects</a></li>
+ <li class="m about"><a href="../about.html" class="m">About</a></li>
+ <!--*/-->
+ </ul>
+ <h2 class="nav submenu">
+ <span class="s">Submenu for section</span>
+ <a class="s selected" href="../projects.html" th:href="@{${section.uri}}" th:text="${section.name}">Projects</a>
+ </h2>
+ <ul layout:fragment="submenu"
+ th:with="
+ submenu=${menu[section.uri]},
+ parent=${(crumbs.size() == 2 and submenu.get(uri)['childs'] == null) ? crumbs[0].uri : null},
+ pos=1"
+ id="submenu"
+ class="s"
+ >
+ <li th:fragment="submenu(submenu, parent, pos)"
+ th:each="entry : ${submenu}"
+ th:with="
+ child=${pos == crumbs.size()},
+ selected=${!child and crumbs.get(pos).uri == entry.key},
+ last=${crumbs.get(pos-1).uri == parent and crumbs.size() > pos},
+ childs=${entry.value['childs']}
+ "
+ class="s sub"
+ th:class="'s' + (${childs} ? ' sub' : '') + (${selected or last or child} ? '' : ' off')"
+ >
+ <a href="../projects/fix-swf.html"
+ th:href="@{${entry.key}}"
+ class="s selected"
+ th:class="${selected} ? 's selected' : 's'"
+ th:text="${entry.value.name}"
+ >fix-swf</a>
+ <ul th:if="${selected and childs != null}"
+ class="s active"
+ th:class="${selected} ? 's active' : 's'"
+ >
+ <li th:replace="templates/layout :: submenu(submenu=${childs}, parent=${entry.key}, pos=${pos + 1})"
+ class="s"
+ >
+ <strong class="s">Overview</strong>
+ </li>
+ <!--/*-->
+ <li class="s"><a href="../projects/fix-swf/getting-started.html" class="s">Getting Started</a></li>
+ <li class="s"><a href="#" class="s">FAQ</a></li>
+ <li class="s"><a href="#" class="s">Documentation</a></li>
+ <!--*/-->
+ </ul>
+ </li>
+ <!--/*-->
+ <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+ <li class="s off"><a href="#" class="s">jquery.openx</a></li>
+ <li class="s sub off"><a href="../projects/html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
+ <li class="s sub off"><a href="#" class="s">accelerator</a></li>
+ <li class="s off"><a href="../projects/typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
+ <!--*/-->
+ </ul>
+ <hr class="n"/>
+ </nav>
+ <aside class="m" layout:fragment="marginalcontent" th:remove="tag">
+ <!--/* the following is only visible during natural templating -->
+ <h1>Other nasty but marginal stuff</h1>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ </aside>
+ <aside class="m">
+ <h1>More nasty stuff</h1>
+ <p>
+ This one is really short!
+ </p>
+ <!--*/-->
+ </aside>
+ </div>
+ </main>
+ <footer id="footer">
+ <hr class="f" />
+ <ul id="footerlinks" layout:fragment="footer">
+ <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+ <li class="f"><a class="f" href="../impressum.html" th:href="@{/impressum.html}">Impressum</a></li>
+ <li class="f about"><a class="f" href="../about.html" th:href="@{/about.html}">About</a></li>
+ </ul>
+ </footer>
+ </div>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:th="http://www.thymeleaf.org"
+ xmlns:layout="http://www.thymeleaf.org"
+ >
+ <head>
+ <title th:replace="templates/layout :: head">juplo - TESTLABTEMPLATE</title>
+ <style type="text/css">
+
+ body {
+ margin: 0;
+ padding: 0;
+ }
+
+ .testlab
+ {
+ width: 100%;
+ text-indent: 0;
+ margin: 0 0 20px -320px;
+ background-color: #fff;
+ }
+ .testlab:after
+ {
+ content:"";
+ display:table;
+ }
+ .tl970
+ {
+ margin-left: 0px;
+ border-left: 970px solid green;
+ text-indent: -970px;
+ background-color: transparent;
+ }
+ .tl670
+ {
+ margin-left: -970px;
+ border-left: 670px solid yellow;
+ text-indent: -670px;
+ background-color: transparent;
+ }
+ .tl480
+ {
+ margin-left: -670px;
+ border-left: 480px solid orange;
+ text-indent: -480px;
+ background-color: transparent;
+ }
+ .tl320
+ {
+ margin-left: -480px;
+ border-left: 320px solid red;
+ text-indent: -320px;
+ background-color: transparent;
+ }
+ </style>
+ </head>
+ <body>
+ <h1 th:text="${title}">TESTLAB-TEMPLATE</h1>
+ <div class="testlab tl970">970px
+ <div class="testlab tl670">670px
+ <div class="testlab tl480">480px
+ <div class="testlab tl320">320px
+ <strong layout:fragment="content">CONTENT</strong>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
--- /dev/null
+{
+ "crumbs": {
+ "/projects.html": [
+ { "uri": "/projects.html", "name": "Projects" }
+ ],
+ "/projects/fix-swf.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/fix-swf.html", "name": "Fix SWF" }
+ ],
+ "/projects/fix-swf/overview.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/fix-swf.html", "name": "Fix SWF" },
+ { "uri": "/projects/fix-swf/overview.html", "name": "Overview" }
+ ],
+ "/projects/fix-swf/getting-started.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/fix-swf.html", "name": "Fix SWF" },
+ { "uri": "/projects/fix-swf/getting-started.html", "name": "Getting Started" }
+ ],
+ "/projects/html-experimente.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" }
+ ],
+ "/projects/html-experimente/formulare.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/formulare.html", "name": "Formulare" }
+ ],
+ "/projects/html-experimente/symbole.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/symbole.html", "name": "Symbol-Font" }
+ ],
+ "/templates/404.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/templates/404.html", "name": "404-Template" }
+ ],
+ "/projects/html-experimente/gibts-ja-gar-nicht.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/gibts-ja-gar-nicht.html", "name": "404-Fehlerseite" }
+ ],
+ "/templates/error.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/templates/error.html", "name": "5xx-Template" }
+ ],
+ "/projects/html-experimente/error.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/error.html", "name": "5xx-Fehlerseite" }
+ ],
+ "/projects/html-experimente/fast-leer-mit-menü.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/fast-leer-mit-menü.html", "name": "Leer, mit Menü, ohne Marginal" }
+ ],
+ "/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html", "name": "Leer, mit Menü, mit Marginal" }
+ ],
+ "/projects/html-experimente/fast-leer-kein-menü.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/fast-leer-kein-menü.html", "name": "Leer, ohne Menü, ohne Marginal" }
+ ],
+ "/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html", "name": "Leer, ohne Menü, mit Marginal" }
+ ],
+ "/projects/html-experimente/fast-leer-einspaltig.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/fast-leer-einspaltig.html", "name": "Leer, einspaltig" }
+ ],
+ "/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html", "name": "Leer, einspaltig, mit Marginal" }
+ ],
+ "/projects/html-experimente/breadcrumb.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/breadcrumb.html", "name": "Langer Breadcrumb" }
+ ],
+ "/projects/html-experimente/kein-layout.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/kein-layout.html", "name": "Alle Stylings deaktiviert" }
+ ],
+ "/projects/html-experimente/basis-layout.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/basis-layout.html", "name": "Nur das Basis-Layout" }
+ ],
+ "/projects/html-experimente/druck-layout.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/druck-layout.html", "name": "Druck-Layout" }
+ ],
+ "/projects/html-experimente/tiny.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/tiny.html", "name": "Layout TINY" }
+ ],
+ "/projects/html-experimente/phone.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/phone.html", "name": "Layout PHONE" }
+ ],
+ "/projects/html-experimente/tablet.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/tablet.html", "name": "Layout TABLET" }
+ ],
+ "/projects/html-experimente/seitenaufteilung.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/seitenaufteilung.html", "name": "Basis-Layout & Seitenaufteilung" }
+ ],
+ "/projects/html-experimente/seitenkopf.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/seitenkopf.html", "name": "Basis-Layout & Seitenkopf" }
+ ],
+ "/projects/html-experimente/testlab.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+ { "uri": "/projects/html-experimente/testlab.html", "name": "Media-Query-Test (Beispiel)" }
+ ],
+ "/projects/typo.html": [
+ { "uri": "/projects.html", "name": "Projects" },
+ { "uri": "/projects/typo.html", "name": "Typography" }
+ ],
+ "/about.html": [
+ { "uri": "/about.html", "name": "About" }
+ ],
+ "/expertise.html": [
+ { "uri": "/about.html", "name": "About" },
+ { "uri": "/expertise.html", "name": "Expertise" }
+ ],
+ "/references.html": [
+ { "uri": "/about.html", "name": "About" },
+ { "uri": "/references.html", "name": "References" }
+ ],
+ "/contact.html": [
+ { "uri": "/about.html", "name": "About" },
+ { "uri": "/contact.html", "name": "Contact" }
+ ]
+ },
+ "sections": {
+ "/blog.html": { "name": "Blog", "key": "blog" },
+ "/projects.html": { "name": "Projects", "key": "projects" },
+ "/about.html": { "name": "About", "key": "about" }
+ },
+ "menu": {
+ "/projects.html": {
+ "#": { "name": "hibernate4-maven-plugin" },
+ "/projects/fix-swf.html": {
+ "name": "Fix SWF",
+ "childs": {
+ "/projects/fix-swf/overview.html": { "name": "Overview" },
+ "/projects/fix-swf/getting-started.html": { "name": "Getting Started" },
+ "#": { "name": "FAQ" },
+ "#": { "name": "Documentation" }
+ }
+ },
+ "#": { "name": "jquery.openx" },
+ "/projects/html-experimente.html": {
+ "name": "HTML-Experimente",
+ "childs": {
+ "/projects/html-experimente/formulare.html": { "name": "Formulare" },
+ "/projects/html-experimente/symbole.html": { "name": "Symbol-Font" },
+ "/templates/404.html": { "name": "404-Template" },
+ "/projects/html-experimente/gibts-ja-gar-nicht.html": { "name": "404-Fehlerseite" },
+ "/templates/error.html": { "name": "5xx-Template" },
+ "/projects/html-experimente/error.html": { "name": "5xx-Fehlerseite" },
+ "/projects/html-experimente/fast-leer-mit-menü.html": { "name": "Leer, mit Menü, ohne Marginal" },
+ "/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html": { "name": "Leer, mit Menü, mit Marginal" },
+ "/projects/html-experimente/fast-leer-kein-menü.html": { "name": "Leer, ohne Menü, ohne Marginal" },
+ "/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html": { "name": "Leer, ohne Menü, mit Marginal" },
+ "/projects/html-experimente/fast-leer-einspaltig.html": { "name": "Leer, einspaltig" },
+ "/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html": { "name": "Leer, einspaltig, mit Marginal" },
+ "/projects/html-experimente/breadcrumb.html": { "name": "Langer Breadcrumb" },
+ "/projects/html-experimente/kein-layout.html": { "name": "Alle Stylings deaktiviert" },
+ "/projects/html-experimente/basis-layout.html": { "name": "Nur das Basis-Layout" },
+ "/projects/html-experimente/druck-layout.html": { "name": "Druck-Layout" },
+ "/projects/html-experimente/tiny.html": { "name": "Layout TINY" },
+ "/projects/html-experimente/phone.html": { "name": "Layout PHONE" },
+ "/projects/html-experimente/tablet.html": { "name": "Layout TABLET" },
+ "/projects/html-experimente/seitenaufteilung.html": { "name": "Basis-Layout & Seitenaufteilung" },
+ "/projects/html-experimente/seitenkopf.html": { "name": "Basis-Layout & Seitenkopf" },
+ "/projects/html-experimente/testlab.html": { "name": "Media-Query-Test (Beispiel)" }
+ }
+ },
+ "#": { "name": "accelerator" },
+ "/projects/typo.html": { "name": "Typography" }
+ },
+ "/about.html": {
+ "/expertise.html": {
+ "name": "Expertise",
+ "childs": {
+ }
+ },
+ "/references.html": {
+ "name": "References",
+ "childs": {
+ }
+ },
+ "/contact.html": { "name": "Contact" }
+ }
+ }
+}
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>About</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><strong class="b">About</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="s active cf">
- <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><strong class="m">About</strong></li>
- </ul>
- <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">About</strong></h2>
- <ul id="submenu">
- <li class="s sub"><a href="expertise.html" th:href="@{/expertise.html}" class="s">Expertise</a></li>
- <li class="s sub"><a href="references.html" th:href="@{/references.html}" class="s">References</a></li>
- <li class="s "><a href="contact.html" th:href="@{/contact.html}" class="s">Contact</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>About</h1></header>
- <p>
- <span class="logo">juplo</span> is the place, where I collect and share
- my more or less private projects.
- It is a lab for experiments, that help me to do my job as a freelancer
- at the desired level of quality.
- Here, I can play with all the fancy new stuff, that might be a little
- bit to much bleeding edge, to be used on a production site of a paying
- client.
- </p>
- <p>
- I decided to share all this stuff, because I am always learning a lot
- from the internet-community.
- I wanted to give back a little and try to help and teach others, as I
- was helped and teached.
- Also, this is a good oportunity, to show what I am doing and to do a
- little self-publicity...
- </p>
- <p>
- <span class="logo">juplo</span> mainly consists of two parts:
- </p>
- <ul>
- <li>
- In the <a href="blog.html" th:href="@{/blog.html}">blog</a>, I summarize, how I solved
- some every-day problems, other people might stumble across too.
- I am introducing new projects there and announcing new versions and/or
- bugfixes to older projects.
- </li>
- <li>
- The other part of the site is the
- <a href="projects.html" th:href="@{/projects.html}">projects-section</a>.
- This is where I am hosting all projects, that I have made publicy
- available.
- </li>
- </ul>
- <p>
- If you want to hire me, you can find out more on the
- <a href="contact.html" th:href="@{/contact.html}">contact-page</a>.
- If you are not yet sure, if you want to hire me, you might be
- interessted in
- <a href="expertise.html" th:href="@{/expertise.html}">what I can do for you</a>, or
- <a href="references.html" th:href="@{/references.html}">what I have already done for others</a>.
- </p>
- </article>
- <ul layout:fragment="footer">
- <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
- <li class="f"><a class="f" href="impressum.html" th:href="@{/impressum.html}">Impressum</a></li>
- <li class="f about"><strong class="f">About</strong></li>
- </ul>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>Allgemeine Geschäftsbedingungen (AGB)</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
- <li class="b"><strong class="b">AGB</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="s active cf">
- <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
- <ul id="submenu">
- <li class="s"><strong class="s">AGB</strong></li>
- <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
- <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
- <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
- <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
- <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Allgemeine Geschäftsbedingungen (AGB)</h1></header>
- <p><em>Stand: 01.02.2014</em></p>
- <h2>Angebote & Abrechnung</h2>
- <p>
- Angebote sind freibleibend.
- Alle Preise verstehen sich in Euro und zzgl. der gesetzl. MwSt.
- Wenn nicht anders vereinbart erfolgt eine Anzahlung von 10% im Voraus.
- Sollte sich der Zeitraum über den Leistungen erbracht werden über
- mehrere Monate erstrecken, behalte ich mir vor, Rechnungen für
- Leistungsabschnitte zu stellen (jedoch nicht häufiger als ein mal im
- Monat).
- Das Zahlungsziel beträgt 8 Tage.
- </p>
- <p>
- Falls nicht anders vereinbart, ist bei Dienstleistungen eine
- Korrekturschleife enthalten.
- Darüber hinausgehende Überarbeitungen sowie gewünschte Zusatzleistungen
- werden nach Aufwand per Stundensatz abgerechnet.
- Sollte für den Auftrag ein rabattierter Stundensatz vereinbart worden
- sein, so gilt dieser nicht automatisch für Überarbeitungen und
- Zusatzleistungen.
- </p>
- <h2>Absprachen</h2>
- <p>
- Die zentralen Ansprechpartner des Kunden müssen verbindliche
- Erklärungen abgeben können (z. B. Fristabsprachen, Abnahmen).
- Bei Ausfall, Urlaub etc. sind Ersatzpersonen zu benennen.
- </p>
- <h2>Leistungen & Abnahme</h2>
- <p>
- Der Kunde ist in der Pflicht, erbrachte Leitungen direkt nach deren
- Erstellung und ohne Aufforderung rechtzeitig (z.B. vor
- Veröffentlichung) zu prüfen und Änderungswünsche oder Korrekturhinweise
- direkt mitzuteilen.
- Die Annahme von Leistungen ohne Beanstandung ist als Abnahme zu
- verstehen.
- </p>
- <p>
- Ich bin zu jeder Zeit berechtigt, die Arbeit in sinnvollen
- Teilleistungen zu erbringen und zu berechnen.
- Der Kunde ist verpflichtet, diese Teilleistungen abzunehmen.
- </p>
- <p>
- Im Rahmen der Gestaltungsspielräume des Briefings vom Kunden trägt der
- Kunde das Risiko des Nichtgefallens.
- </p>
- <h2>Eigenleistungen</h2>
- <p>
- Sofern der Kunde Eigenleistungen erbringt, ist die termingerechte
- Lieferung für den Gesamtzeitplan relevant.
- Bei verspäteter Lieferung bin ich nicht dazu verpflichtet, die
- Auftragsarbeit unverzüglich fortzusetzen, wenn ich durch andere
- terminliche Verpflichtungen daran gehindert werde.
- Verzögerungen auf Kundenseite können zu erheblichen Gesamtverzögerungen
- führen.
- Für dadurch entstandenen Schaden und entgangenen Gewinn haftet der Kunde.
- </p>
- <p>
- Der Kunde berücksichtigt bei der Lieferung von Daten und Materialien
- die von mir im Rahmen des Angebots geforderten Formate.
- </p>
- <p>
- Sofern Angaben, Muster, Inhalte, usw. vom Kunden geliefert werden, bin
- ich für deren Richtigkeit und rechtliche Unbedenklichkeit nicht
- verantwortlich.
- Eine Prüfungspflicht besteht auf meiner Seite nicht.
- </p>
- <h2>Fremdleistungen</h2>
- <p>
- Angebote beziehen sich in der Regel auf von mir erbrachte Dienstleistung.
- Die Kosten oder Gebühren Dritter (z.B. Provider, Lizenzen für Bild, Ton,
- Schrift oder Software, Druckerei usw.) sind nicht enthalten, falls nicht
- explizit erwähnt.
- </p>
- <p>
- Bei Beauftragung von Fremdleistungen jedweder Art, berechne ich, falls
- nicht anders vereinbart, eine Abwicklungspauschale in Höhe von 15% des
- Auftragswerts für Organisation und Abstimmung.
- </p>
- <h2>Nutzungsrechte</h2>
- <p>
- An Unterlagen, die im Rahmen des Angebots übergeben werden (z.B.
- Entwürfe, Konzepte), erhält der Kunde keine Nutzungsrechte.
- Der Kunde erhält die vereinbarten Nutzungsrechte nur bei pünktlicher
- und vollständiger Zahlung der vereinbarten Vergütung.
- </p>
- <p>
- Eingesetzte Systeme (z.B. Springframework, Tomcat, CentOS usw.)
- unterliegen ihren eigenen Nutzungsbestimmungen.
- </p>
- <h2>Rechtliche Prüfung</h2>
- <p>
- Ohne gesonderte Vereinbarung ist die patent-, muster-, urheber- und
- markenrechtliche Schutz- oder Eintragungsfähigkeit der im Rahmen des
- Vertrages gelieferten Ideen, Konzeptionen, Entwürfe und sonstiger
- Leistungen nicht geschuldet.
- </p>
- <h2>Höhere Gewalt</h2>
- <p>
- Leistungsverzögerungen aufgrund von Umständen im Verantwortungsbereich
- des Kunden (z.B. verspätete Anlieferung) und höherer Gewalt (z.B. Unfall,
- Telekommunikationsstörung usw.) habe ich nicht zu vertreten.
- Sie berechtigen mich das Erbringen der betreffenden Leistungen um die
- Dauer der Behinderungen zzgl. einer angemessenen Anlaufzeit
- aufzuschieben.
- </p>
- <h2>Archivierung</h2>
- <p>
- Ich bin nicht verpflichtet, erstellte Leistungen zu archivieren.
- Unterlagen des Kunden muss ich nur dann zurückgeben, wenn dies der Kunde
- vor der Übergabe ausdrücklich verlangt hat.
- </p>
- <h2>Betreuung / Support / Wartung</h2>
- <p>
- Ich bin nur in der in der Servicevereinbarung besprochenen Weise für die
- für eine aktive Betreuung, Support oder Wartung (z.B. Sicherheitsupdates, Aktualitätsprüfungen usw.) verantwortlich.
- </p>
- <h2>Referenzen</h2>
- <p>
- Innerhalb der erstellten Leistung werde ich in branchenüblicher Form als
- Leistungserbrinnger genannt (z.B. Impressum).
- </p>
- <p>
- Ich bin berechtigt, den Kunden als Referenz zu benennen und das Projekt
- öffentlich vorzustellen.
- Der Kunde kann dagegen jederzeit schriftlich Widerspruch erheben.
- Widerruft der Kunde seine Zustimmung, so bin ich berechtigt, erstellte
- Werbe-Materialien weiter zu benutzen, verpflichte mich jedoch, keine
- weiteren, Werbe-Materialien zu erstellen, die den Kunden nennen.
- </p>
- <h2>Geheimhaltung</h2>
- <p>
- Die Vertragsparteien vereinbaren Vertraulichkeit über Vertrag und
- Erkenntnisse der jeweils anderen Partei.
- Die Vertraulichkeit gilt auch über die Beendigung des
- Vertragsverhältnisses hinaus.
- </p>
- <h2>Schlussbestimmungen</h2>
- <p>
- Erfüllungsort und ausschließlicher Gerichtsstand für alle
- Rechtsstreitigkeiten ist Münster.
- </p>
- <p>
- Sollten aus irgendeinem Grund eine oder mehrere Einzelbestimmungen
- dieser AGB unwirksam sein, so bleibt die Gültigkeit der restlichen
- Bestimmungen davon unberührt.
- </p>
- <p>
- Regelungslücken dieser AGB werden durch Auslegung so gefüllt, dass sie
- dem wirtschaftlichen Zweck des Vertrages Rechnung tragen.
- </p>
- </article>
- <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>Blog</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><strong class="b">Blog</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="cf">
- <li class="m blog"><strong class="m">Blog</strong></li>
- <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- </nav>
- <main class="main" layout:fragment="maincontent">
- <article id="post-140" class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j">
- <header class="entry-header">
- <h2 class="entry-title"><a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Permalink to Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources" rel="bookmark">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a></h2>
- <div class="entry-meta">
- Posted on <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="12:58" rel="bookmark"><time class="entry-date" datetime="2013-12-06T12:58:17+00:00">December 6, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
- </div><!-- .entry-meta -->
- </header><!-- .entry-header -->
- <div class="entry-content">
- </div><!-- .entry-content -->
- <footer class="entry-meta">
- <span class="cat-links">
- Posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/less/" title="View all posts in less" rel="category tag">less</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/wro4j/" title="View all posts in wro4j" rel="category tag">wro4j</a>
- </span>
- </footer><!-- .entry-meta -->
- </article><!-- #post-140 -->
- <article id="post-114" class="post-114 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
- <header class="entry-header">
- <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-3-released/" title="Permalink to hibernate4-maven-plugin 1.0.3 released!" rel="bookmark">hibernate4-maven-plugin 1.0.3 released!</a></h2>
- <div class="entry-meta">
- Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-3-released/" title="02:46" rel="bookmark"><time class="entry-date" datetime="2013-10-18T02:46:23+00:00">October 18, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
- </div><!-- .entry-meta -->
- </header><!-- .entry-header -->
- <div class="entry-content">
- </div><!-- .entry-content -->
- <footer class="entry-meta">
- <span class="cat-links">
- Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
- </span>
- </footer><!-- .entry-meta -->
- </article><!-- #post-114 -->
- <article id="post-97" class="post-97 post type-post status-publish format-standard hentry category-appengine category-java category-maven category-oauth2">
- <header class="entry-header">
- <h2 class="entry-title"><a href="http://juplo.de/log-out-from-wrong-account-with-maven-appengine-plugin/" title="Permalink to Log out from wrong Account with maven-appengine-plugin" rel="bookmark">Log out from wrong Account with maven-appengine-plugin</a></h2>
- <div class="entry-meta">
- Posted on <a href="http://juplo.de/log-out-from-wrong-account-with-maven-appengine-plugin/" title="11:33" rel="bookmark"><time class="entry-date" datetime="2013-10-03T11:33:56+00:00">October 3, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
- </div><!-- .entry-meta -->
- </header><!-- .entry-header -->
- <div class="entry-content">
- </div><!-- .entry-content -->
- <footer class="entry-meta">
- <span class="cat-links">
- Posted in <a href="http://juplo.de/category/appengine/" title="View all posts in appengine" rel="category tag">appengine</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/oauth2/" title="View all posts in oauth2" rel="category tag">oauth2</a>
- </span>
- </footer><!-- .entry-meta -->
- </article><!-- #post-97 -->
- <article id="post-90" class="post-90 post type-post status-publish format-standard hentry category-hibernate category-java category-jpa">
- <header class="entry-header">
- <h2 class="entry-title"><a href="http://juplo.de/bidirectional-association-with-elementcollection/" title="Permalink to Bidirectional Association with @ElementCollection" rel="bookmark">Bidirectional Association with @ElementCollection</a></h2>
- <div class="entry-meta">
- Posted on <a href="http://juplo.de/bidirectional-association-with-elementcollection/" title="11:11" rel="bookmark"><time class="entry-date" datetime="2013-10-03T11:11:36+00:00">October 3, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
- </div><!-- .entry-meta -->
- </header><!-- .entry-header -->
- <div class="entry-content">
- </div><!-- .entry-content -->
- <footer class="entry-meta">
- <span class="cat-links">
- Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/jpa/" title="View all posts in JPA" rel="category tag">JPA</a>
- </span>
- </footer><!-- .entry-meta -->
- </article><!-- #post-90 -->
- <article id="post-75" class="post-75 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
- <header class="entry-header">
- s <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-2-release/" title="Permalink to hibernate4-maven-plugin 1.0.2 released!" rel="bookmark">hibernate4-maven-plugin 1.0.2 released!</a></h2>
- <div class="entry-meta">
- Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-2-release/" title="02:06" rel="bookmark"><time class="entry-date" datetime="2013-08-02T02:06:08+00:00">August 2, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
- </div><!-- .entry-meta -->
- </header><!-- .entry-header -->
- <div class="entry-content">
- </div><!-- .entry-content -->
- <footer class="entry-meta">
- <span class="cat-links">
- Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
- </span>
- </footer><!-- .entry-meta -->
- </article><!-- #post-75 -->
- <article id="post-64" class="post-64 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
- <header class="entry-header">
- <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-1-released/" title="Permalink to hibernate4-maven-plugin 1.0.1 released!" rel="bookmark">hibernate4-maven-plugin 1.0.1 released!</a></h2>
- <div class="entry-meta">
- Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-1-released/" title="01:10" rel="bookmark"><time class="entry-date" datetime="2013-01-16T01:10:59+00:00">January 16, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
- </div><!-- .entry-meta -->
- </header><!-- .entry-header -->
- <div class="entry-content">
- </div><!-- .entry-content -->
- <footer class="entry-meta">
- <span class="cat-links">
- Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
- </span>
- </footer><!-- .entry-meta -->
- </article><!-- #post-64 -->
- <article id="post-55" class="post-55 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
- <header class="entry-header">
- <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-released/" title="Permalink to hibernate4-maven-plugin 1.0 released!" rel="bookmark">hibernate4-maven-plugin 1.0 released!</a></h2>
- <div class="entry-meta">
- Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-released/" title="22:04" rel="bookmark"><time class="entry-date" datetime="2012-11-29T22:04:25+00:00">November 29, 2012</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
- </div><!-- .entry-meta -->
- </header><!-- .entry-header -->
- <div class="entry-content">
- </div><!-- .entry-content -->
- <footer class="entry-meta">
- <span class="cat-links">
- Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
- </span>
- </footer><!-- .entry-meta -->
- </article><!-- #post-55 -->
- <article id="post-34" class="post-34 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
- <header class="entry-header">
- <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="Permalink to hibernate4-maven-plugin" rel="bookmark">hibernate4-maven-plugin</a></h2>
- <div class="entry-meta">
- Posted on <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="19:29" rel="bookmark"><time class="entry-date" datetime="2012-11-28T19:29:12+00:00">November 28, 2012</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
- </div><!-- .entry-meta -->
- </header><!-- .entry-header -->
- <div class="entry-content">
- </div><!-- .entry-content -->
- <footer class="entry-meta">
- <span class="cat-links">
- Posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>
- </span>
- </footer><!-- .entry-meta -->
- </article><!-- #post-34 -->
- </main>
- <div layout:fragment="marginalcontent">
- <div id="secondary" class="widget-area" role="complementary">
- <aside id="archives" class="widget">
- <h1 class="widget-title">Archives</h1>
- <ul>
- <li><a href='http://juplo.de/2013/10/' title='October 2013'>October 2013</a></li>
- <li><a href='http://juplo.de/2013/08/' title='August 2013'>August 2013</a></li>
- <li><a href='http://juplo.de/2013/01/' title='January 2013'>January 2013</a></li>
- <li><a href='http://juplo.de/2012/11/' title='November 2012'>November 2012</a></li>
- </ul>
- </aside>
- <aside id="categories" class="widget">
- <h1 class="widget-title">Most Used Categories</h1>
- <ul>
- <li class="cat-item cat-item-4"><a href="http://juplo.de/category/java/" title="View all posts filed under Java">Java</a> (6)</li>
- <li class="cat-item cat-item-6"><a href="http://juplo.de/category/hibernate/" title="View all posts filed under Hibernate">Hibernate</a> (5)</li>
- <li class="cat-item cat-item-8"><a href="http://juplo.de/category/maven/" title="View all posts filed under Maven">Maven</a> (5)</li>
- <li class="cat-item cat-item-9"><a href="http://juplo.de/category/jpa/" title="View all posts filed under JPA">JPA</a> (1)</li>
- <li class="cat-item cat-item-10"><a href="http://juplo.de/category/appengine/" title="View all posts filed under appengine">appengine</a> (1)</li>
- <li class="cat-item cat-item-11"><a href="http://juplo.de/category/oauth2/" title="View all posts filed under oauth2">oauth2</a> (1)</li>
- </ul>
- </aside>
- <aside id="search" class="widget widget_search">
- <h1 class="widget-title">Search</h1>
- <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
- <div>
- <label class="screen-reader-text" for="s">Search for:</label>
- <input type="text" value="" name="s" id="s" />
- <input type="submit" id="searchsubmit" value="Search" />
- </div>
- </form>
- </aside>
- </div><!-- #secondary .widget-area -->
- <div id="tertiary" class="widget-area" role="supplementary">
- </div><!-- #tertiary .widget-area -->
- </div>
- <ul layout:fragment="footer">
- </ul>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>juplo - blog - Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
- <style type="text/css">
- @import '../../css/screen.min.css' screen;
- @import '../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><strong class="b">Blog</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="cf">
- <li class="m blog"><strong class="m">Blog</strong></li>
- <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <article id="post-140" class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j">
- <div class="entry-header">
- <h1 class="entry-title">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</h1>
- <div class="entry-meta">
- Posted on <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="12:58" rel="bookmark"><time class="entry-date" datetime="2013-12-06T12:58:17+00:00">December 6, 2013</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
- </div><!-- .entry-meta -->
- </div><!-- .entry-header -->
- <div class="entry-content">
- <p>Ever searched for a simple configuration, that lets you use your <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://wiki.eclipse.org']);" title="See the documentation for mor information">jetty-maven-plugin</a> as you are used to, while working with <a href="http://www.lesscss.org/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.lesscss.org']);" title="See LESS CSS documentation for mor informations">LESS</a> to simplify your stylesheets?</p>
- <p>You cannot do both, use the <a href="http://www.lesscss.org/#usage" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.lesscss.org']);" title="More about the client-side usage of LESS">Client-side mode</a> of LESS to ease development and use the <a href="https://github.com/marceloverdijk/lesscss-maven-plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" title="Homepage of the official LESS CSS maven plugin">lesscss-maven-plugin</a> to automatically compile the LESS-sources into CSS for production. That does not work, because your stylesheets must be linked in different ways if you are switching between the client-side mode – which is best for development – and the pre-compiled mode – which is best for production. For the client-side mode you need something like:</p>
- <pre class="prettyprint linenums">
- <code class="html">
- <link rel="stylesheet" type="text/css" href="styles.less" />
- <script src="less.js" type="text/javascript"></script>
- </code>
- </pre>
- <p>While, for the pre-compiled mode, you want to link to your stylesheets as usual, with:</p>
- <pre class="prettyprint linenums">
- <code class="html">
- <link rel="stylesheet" type="text/css" href="styles.css" />
- </code>
- </pre>
- <p>While looking for a solution to this dilemma, I stumbled accross <a href="https://code.google.com/p/wro4j/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the documentation of ths wounderfull tool">wro4j</a>. Originally intended, to speed up page-delivery by combining and minimizing multiple resources into one through the use of a servlet-filter, this tool also comes with a maven-plugin, that let you do the same offline, while compiling your webapp.</p>
- <p>The idea is, to use the <a href="http://code.google.com/p/wro4j/wiki/MavenPlugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the documentation of hte wro4j-maven-plugin">wro4j-maven-plugin</a> to compile and combine your LESS-sources into CSS for production and to use the <a href="http://code.google.com/p/wro4j/wiki/Installation" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See how to configure the filter">wro4j filter</a>, to dynamically deliver the compiled CSS while developing. This way, you do not have to alter your HTML-code, when switching between development and production, because you always link to the CSS-files.</p>
- <p>So, lets get dirty!</p>
- <h2>Step 1: Configure wro4j</h2>
- <p>First, we configure <strong>wro4j</strong>, like as we want to use it to speed up our page. The details are explained and linked on wro4j’s <a href="http://code.google.com/p/wro4j/wiki/GettingStarted" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="Visit the Getting-Started-Page">Getting-Started-Page</a>. In short, we just need two files: <strong>wro.xml</strong> and <strong>wro.properties</strong>.</p>
- <h3>wro.xml</h3>
- <p>wro.xml tells wro4j, which resources should be combined and how the result should be named. I am using the following configuration to generate all LESS-Sources beneath <code>base/</code> into one CSS-file called <code>base.css</code>:</p>
- <pre class="prettyprint linenums">
- <code class="xml">
- <groups xmlns="http://www.isdc.ro/wro">
- <group name="base">
- <css>/less/base/*.less</css>
- </group>
- </code>
- </pre>
- <p>wro4j looks for <code>/less/base/*.less</code> inside the root of the web-context, which is equal to <code>src/main/webapp</code> in a normal maven-project. There are <a href="http://code.google.com/p/wro4j/wiki/ResourceTypes" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the resource locator documentation of wro4j for more details">other ways to specifie the resources</a>, which enable you to store them elswhere. But this approach works best for our goal, because the path is understandable for both: the wro4j servlet-filter, we are configuring now for our development-environment, and the wro4j-maven-plugin, that we will configure later for build-time compilation.</p>
- <h3>wro.properties</h3>
- <p>wro.properties in short tells wro4j, how or if it should convert the combined sources and how it should behave. I am using the following configuration to tell wro4j, that it should convert <code>*.less</code>-sources into CSS and do that on <em>every request</em>:</p>
- <pre class="prettyprint linenums">
- <code class="properties">
- preProcessors=less4j
- disableCache=true
- </code>
- </pre>
- <p>You can do a lot more here. There are countless <a href="http://code.google.com/p/wro4j/wiki/ConfigurationOptions" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See all configuration options">configuration options</a> to fine-tune the behaviour of wro4j. The <code>disableCache=true</code> is crucial, because we would not see the changes take effect when developing with <strong>jetty-maven-plugin</strong> later on. You can also do much more with your resources here, for example <a href="https://code.google.com/p/wro4j/wiki/AvailableProcessors" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See all available processors">minimizing</a>. But for our goal, we are now only intrested in the compilation of our LESS-sources.</p>
- <h2>Step 2: Configure the wro4j servlet-filter</h2>
- <p>Configuring the filter in the <strong>web.xml</strong> is easy. It is explained in wro4j’s <a href="https://code.google.com/p/wro4j/wiki/Installation" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See the installation instructions for the wro4j servlet-filter">installation-insctuctions</a>. But the trick is, that we do not want to configure that filter for the production-version of our webapp, because we want to compile the resources offline, when the webapp is build. To acchieve this, we can use the <code><overrideDescriptor></code>-Parameter of the <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin#Configuring_Your_WebApp" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://wiki.eclipse.org']);" title="Read more about the configuration of the jetty-maven-plugin">jetty-maven-plugin</a>.</p>
- <h2><overrideDescriptor></h2>
- <p>This parameter lets you specify additional configuration options for the web.xml of your webapp. I am using the following configuration for my jetty-maven-plugin:</p>
- <pre class="prettyprint linenums">
- <code class="xml">
- <plugin>
- <groupId>org.eclipse.jetty</groupId>
- <artifactId>jetty-maven-plugin</artifactId>
- <configuration>
- <webApp>
- <overrideDescriptor>${project.basedir}/src/test/resources/jetty-web.xml</overrideDescriptor>
- </webApp>
- </configuration>
- <dependencies>
- <dependency>
- <groupId>ro.isdc.wro4j</groupId>
- <artifactId>wro4j-core</artifactId>
- <version>${wro4j.version}</version>
- </dependency>
- <dependency>
- <groupId>ro.isdc.wro4j</groupId>
- <artifactId>wro4j-extensions</artifactId>
- <version>${wro4j.version}</version>
- <exclusions>
- <exclusion>
- <groupId>javax.servlet</groupId>
- <artifactId>servlet-api</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.apache.commons</groupId>
- <artifactId>commons-lang3</artifactId>
- </exclusion>
- <exclusion>
- <groupId>commons-io</groupId>
- <artifactId>commons-io</artifactId>
- </exclusion>
- <exclusion>
- <groupId>commons-pool</groupId>
- <artifactId>commons-pool</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.springframework</groupId>
- <artifactId>spring-web</artifactId>
- </exclusion>
- <exclusion>
- <groupId>com.google.code.gson</groupId>
- <artifactId>gson</artifactId>
- </exclusion>
- <exclusion>
- <groupId>com.google.javascript</groupId>
- <artifactId>closure-compiler</artifactId>
- </exclusion>
- <exclusion>
- <groupId>com.github.lltyk</groupId>
- <artifactId>dojo-shrinksafe</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.jruby</groupId>
- <artifactId>jruby-core</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.jruby</groupId>
- <artifactId>jruby-stdlib</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.jruby</groupId>
- <artifactId>jruby-stdlib</artifactId>
- </exclusion>
- <exclusion>
- <groupId>me.n4u.sass</groupId>
- <artifactId>sass-gems</artifactId>
- </exclusion>
- <exclusion>
- <groupId>nz.co.edmi</groupId>
- <artifactId>bourbon-gem-jar</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.codehaus.gmaven.runtime</groupId>
- <artifactId>gmaven-runtime-1.7</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.webjars</groupId>
- <artifactId>jshint</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.webjars</groupId>
- <artifactId>less</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.webjars</groupId>
- <artifactId>emberjs</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.webjars</groupId>
- <artifactId>handlebars</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.webjars</groupId>
- <artifactId>coffee-script</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.webjars</groupId>
- <artifactId>jslint</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.webjars</groupId>
- <artifactId>json2</artifactId>
- </exclusion>
- <exclusion>
- <groupId>org.webjars</groupId>
- <artifactId>jquery</artifactId>
- </exclusion>
- </exclusions>
- </dependency>
- </dependencies>
- </plugin>
- </code>
- </pre>
- <p>The dependencies to <strong>wro4j-core</strong> and <strong>wro4j-extensions</strong> are needed by jetty, to be able to enable the filter defined below. Unfortunatly, one of the transitive dependencies of <code>wro4j-extensions</code> triggers an uggly error when running the jetty-maven-plugin. Therefore, all unneeded dependencies of <code>wro4j-extensions</code> are excluded, as a workaround for this error/bug.</p>
- <h2>jetty-web.xml</h2>
- <p>And my jetty-web.xml looks like this:</p>
- <pre class="prettyprint linenums">
- <code class="xml">
- <?xml version="1.0" encoding="UTF-8"?>
- <web-app xmlns="http://java.sun.com/xml/ns/javaee"
- xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
- xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
- version="2.5">
- <filter>
- <filter-name>wro</filter-name>
- <filter-class>ro.isdc.wro.http.WroFilter</filter-class>
- </filter>
- <filter-mapping>
- <filter-name>wro</filter-name>
- <url-pattern>*.css</url-pattern>
- </filter-mapping>
- </web-app>
- </code>
- </pre>
- <p>The filter processes any URI’s that end with <code>.css</code>. This way, the wro4j servlet-filter makes <code>base.css</code> available under any path, because for exampl <code>/base.css</code>, <code>/css/base.css</code> and <code>/foo/bar/base.css</code> all end with <code>.css</code>.</p>
- <p>This is all, that is needed to develop with dynamically reloadable compiled LESS-resources. Just fire up your browser and browse to <code>/what/you/like/base.css</code>. (But do not forget to put some LESS-files in <code>src/main/webapp/less/base/</code> first!)</p>
- <h2>Step 3: Install wro4j-maven-plugin</h2>
- <p>All that is left over to configure now, is the build-process. If you would build and deploy your webapp now, the CSS-file <code>base.css</code> would not be generated and the link to your stylesheet, that already works in our jetty-maven-plugin environment would point to a 404. Hence, we need to set up the <strong>wro4j-maven-plugin</strong>. I am using this configuration:</p>
- <pre class="prettyprint linenums">
- <code class="xml">
- <plugin>
- <groupId>ro.isdc.wro4j</groupId>
- <artifactId>wro4j-maven-plugin</artifactId>
- <version>${wro4j.version}</version>
- <configuration>
- <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
- <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
- </configuration>
- <executions>
- <execution>
- <phase>package</phase>
- <goals>
- <goal>run</goal>
- </goals>
- </execution>
- </executions>
- </plugin>
- </code>
- </pre>
- <p>I connected the <code>run</code>-goal with the <code>package</code>-phase, because the statically compiled CSS-file is needed only in the final war. The <code>ConfigurableWroManagerFactory</code> tells wro4j, that it should look up further configuration options in our <code>wro.properties</code>-file, where we tell wro4j, that it should compile our LESS-resources. The <code><cssDestinationFolder></code>-tag tells wro4j, where it should put the generated CSS-file. You can adjust that to suite your needs.</p>
- <p>That’s it: now the same CSS-file, which is created on the fly by the wro4j servlet-filter when using <code>mvn jetty:run</code> and, thus, enables dynamic reloading of our LESS-resources, is generated during the build-process by the wro4j-maven-plugin.</p>
- <h2>Cleanup and further considerations</h2>
- <h3>lesscss-maven-plugin</h3>
- <p>If you already compile your LESS-resources with the lesscss-maven-plugin, you can stick with it and skip step 3. But I strongly recommend giving wro4j-maven-plugin a try, because it is a much more powerfull tool, that can speed up your final webapp even more.</p>
- <h3>Clean up your mess </h3>
- <p>With a configuration like the above one, your LESS-resources and wro4j-configuration-files will be packed into your production-war. That might be confusing later, because neither wro4j nor LESS is used in the final war. You can add the following to your <code>pom.xml</code> to exclude these files from your war for the sake of clarity:</p>
- <pre class="prettyprint linenums">
- <code class="xml">
- <plugin>
- <artifactId>maven-war-plugin</artifactId>
- <configuration>
- <warSourceExcludes>
- WEB-INF/wro.*,
- less/**
- </warSourceExcludes>
- </configuration>
- </plugin>
- </code>
- </pre>
- <h3>What’s next?</h3>
- <p>We only scrached the surface, of what can be done with wro4j. Based on this configuration, you can easily enable additional features to fine-tune your final build for maximum speed. You really should take a look at the <a href="https://code.google.com/p/wro4j/wiki/AvailableProcessors" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="Available Processors">list of available Processors</a>!</p>
- </div><!-- .entry-content -->
- <footer class="entry-meta">
- This entry was posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/less/" title="View all posts in less" rel="category tag">less</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>, <a href="http://juplo.de/category/wro4j/" title="View all posts in wro4j" rel="category tag">wro4j</a>. Bookmark the <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" title="Permalink to Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources" rel="bookmark">permalink</a>.
- </footer><!-- .entry-meta -->
- </article><!-- #post-140 -->
- <!-- You can start editing here. -->
- <!-- If comments are open, but there are no comments. -->
- <div id="respond">
- <h3>Leave a Reply</h3>
- <div id="cancel-comment-reply">
- <small><a rel="nofollow" id="cancel-comment-reply-link" href="/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/#respond" style="display:none;">Click here to cancel reply.</a></small>
- </div>
- <form action="http://juplo.de/wp-comments-post.php" method="post" id="commentform">
- <p>Logged in as <a href="http://juplo.de/wp-admin/profile.php">Kai Moritz</a>. <a href="http://juplo.de/wp-login.php?action=logout&redirect_to=http%3A%2F%2Fjuplo.de%2Fcombining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources%2F&_wpnonce=09e5cb501d" title="Log out of this account">Log out »</a></p>
- <!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code></small></p>-->
- <p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
- <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
- <input type='hidden' name='comment_post_ID' value='140' id='comment_post_ID' />
- <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
- </p>
- <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="2096655c89" /><script>(function() {
- if (window === window.parent) {
- document.getElementById('_wp_unfiltered_html_comment_disabled').name = '_wp_unfiltered_html_comment';
- }
- })();</script>
- <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="f31e001227" /></p>
- </form>
- </div>
- </article>
- <aside layout:fragment="marginalcontent">
- <div id="secondary" class="widget-area" role="complementary">
- <aside id="archives" class="widget">
- <h1 class="widget-title">Archives</h1>
- <ul>
- <li><a href='http://juplo.de/2013/10/' title='October 2013'>October 2013</a></li>
- <li><a href='http://juplo.de/2013/08/' title='August 2013'>August 2013</a></li>
- <li><a href='http://juplo.de/2013/01/' title='January 2013'>January 2013</a></li>
- <li><a href='http://juplo.de/2012/11/' title='November 2012'>November 2012</a></li>
- </ul>
- </aside>
- <aside id="categories" class="widget">
- <h1 class="widget-title">Most Used Categories</h1>
- <ul>
- <li class="cat-item cat-item-4"><a href="http://juplo.de/category/java/" title="View all posts filed under Java">Java</a> (6)</li>
- <li class="cat-item cat-item-6"><a href="http://juplo.de/category/hibernate/" title="View all posts filed under Hibernate">Hibernate</a> (5)</li>
- <li class="cat-item cat-item-8"><a href="http://juplo.de/category/maven/" title="View all posts filed under Maven">Maven</a> (5)</li>
- <li class="cat-item cat-item-9"><a href="http://juplo.de/category/jpa/" title="View all posts filed under JPA">JPA</a> (1)</li>
- <li class="cat-item cat-item-10"><a href="http://juplo.de/category/appengine/" title="View all posts filed under appengine">appengine</a> (1)</li>
- <li class="cat-item cat-item-11"><a href="http://juplo.de/category/oauth2/" title="View all posts filed under oauth2">oauth2</a> (1)</li>
- </ul>
- </aside>
- <aside id="search" class="widget widget_search">
- <h1 class="widget-title">Search</h1>
- <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
- <div>
- <label class="screen-reader-text" for="s">Search for:</label>
- <input type="text" value="" name="s" id="s" />
- <input type="submit" id="searchsubmit" value="Search" />
- </div>
- </form>
- </aside>
- </div><!-- #secondary .widget-area -->
- <div id="tertiary" class="widget-area" role="supplementary">
- </div><!-- #tertiary .widget-area -->
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>juplo - blog - hibernate4-maven-plugin</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
- <style type="text/css">
- @import '../../css/screen.min.css' screen;
- @import '../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><strong class="b">Blog</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="cf">
- <li class="m blog"><strong class="m">Blog</strong></li>
- <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <article id="post-34" class="post-34 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
- <div class="entry-header">
- <h1 class="entry-title">hibernate4-maven-plugin</h1>
- <div class="entry-meta">
- Posted on <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="19:29" rel="bookmark"><time class="entry-date" datetime="2012-11-28T19:29:12+00:00">November 28, 2012</time></a><span class="byline"> by <span class="author vcard"><a class="url fn n" href="http://juplo.de/author/kai/" title="View all posts by Kai Moritz" rel="author">Kai Moritz</a></span></span>
- </div><!-- .entry-meta -->
- </div><!-- .entry-header -->
- <div class="entry-content">
- <h2>A simple Plugin for generating a Database-Schema from Hibernate 4 Mapping-Annotations</h2>
- <p>
- Hibernate comes with the buildin functionality, to automatically create or update the database schema. This functionality is configured in the session-configuraton via the parameter <code>hbm2ddl.auto</code> (see <a href="http://docs.jboss.org/hibernate/orm/4.1/manual/en-US/html_single/#configuration-optional" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.jboss.org']);">Hibernate Reference Documentation – Chapter 3.4. Optional configuration properties</a>). But doing so <a href="http://stackoverflow.com/questions/221379/hibernate-hbm2ddl-auto-update-in-production" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://stackoverflow.com']);">is not very wise</a>, because you can easily corrupt or erase your production database, if this configuration parameter slips through to your production environment.
- </p>
- <p>
- Alternatively, you can <a href="http://stackoverflow.com/questions/835961/how-to-creata-database-schema-using-hibernate" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://stackoverflow.com']);">run the tools <strong>SchemaExport</strong> or <strong>SchemaUpdate</strong> by hand</a>. But that is not very comfortable and being used to maven you will quickly long for a plugin, that does that job automatically for you, when you fire up your test cases.
- </p>
- <p>In the good old times, there was the <a href="http://mojo.codehaus.org/maven-hibernate3/hibernate3-maven-plugin/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://mojo.codehaus.org']);">Maven Hibernate3 Plugin</a>, that does this for you. But unfortunatly, this plugin is not compatible with Hibernate 4.x. Since there does not seem to be any successor for the Maven Hibernate3 Plugin and <a href="http://www.google.de/search?q=hibernate4+maven+plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.google.de']);">googeling</a> does not help, I decided to write up this simple plugin (inspired by these two articles I found: <a href="http://www.tikalk.com/alm/blog/schema-export-hibernate-4-and-maven" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.tikalk.com']);">Schema Export with Hibernate 4 and Maven</a> and <a href="http://doingenterprise.blogspot.de/2012/05/schema-generation-with-hibernate-4-jpa.html" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://doingenterprise.blogspot.de']);">Schema generation with Hibernate 4, JPA and Maven</a>).
- </p>
- <p>
- I hope, the resulting simple to use buletproof <a href="/hibernate4-maven-plugin/">hibernate4-maven-plugin</a> is usefull!
- </p>
- <p>
- <strong><a href="/hibernate4-maven-plugin/">Try it out now!</a></strong></p>
- </div><!-- .entry-content -->
- <footer class="entry-meta">
- This entry was posted in <a href="http://juplo.de/category/hibernate/" title="View all posts in Hibernate" rel="category tag">Hibernate</a>, <a href="http://juplo.de/category/java/" title="View all posts in Java" rel="category tag">Java</a>, <a href="http://juplo.de/category/maven/" title="View all posts in Maven" rel="category tag">Maven</a>. Bookmark the <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" title="Permalink to hibernate4-maven-plugin" rel="bookmark">permalink</a>.
- </footer><!-- .entry-meta -->
- </article><!-- #post-34 -->
- <!-- You can start editing here. -->
- <h3 id="comments">15 Responses to “hibernate4-maven-plugin”</h3>
- <div class="navigation">
- <div class="alignleft"></div>
- <div class="alignright"></div>
- </div>
- <ol class="commentlist">
- <li class="comment even thread-even depth-1 parent" id="comment-556">
- <div id="div-comment-556" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn">Jukes</cite> <span class="says">says:</span>
- </div>
- <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-556">
- November 7, 2013 at 23:18</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=556" title="Edit comment">(Edit)</a>
- </div>
- <p>
- Hi thanks a lot for making this plugin available, great work!!<br />
- I have a problem generating postgres schema. Looks like the plugin ignores the data type when adding default values and that yields a syntax error from Postgres. Or maybe I’m doing something wrong. I’m using version 1.0.3.</p>
- <p>For example I have in java:</p>
- <p>
- @Column(name = “financialEnabled”, nullable = false, columnDefinition = “default TRUE”)<br />
- private boolean financialEnabled;
- </p>
- <p>
- Generated SQL is:<br />
- financialEnabled default TRUE not null,
- </p>
- <p>As you can see the data type boolean is not translated to the SQL script. Thanks a lot for your help.</p>
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=556#respond' onclick='return addComment.moveForm("div-comment-556", "556", "respond", "34")'>Reply</a>
- </div>
- </div>
- <ul class="children">
- <li class="comment byuser comment-author-kai bypostauthor odd alt depth-2" id="comment-567">
- <div id="div-comment-567" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn"><a href="http://juplo.de" rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>
- </div>
- <div class="comment-meta commentmetadata">
- <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-567">
- November 11, 2013 at 13:09</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=567" title="Edit comment">(Edit)
- </a>
- </div>
- <p>
- This plugin is only a tool to automate the generation of the SQL in your development-environment.<br />
- Questions on how to anotate your code correctly are better asked in a user-forum from hibernate or such.</p>
- <p>
- Nevertheless, I think I can give you a usefull hint:<br />
- You are overwriting the automatically generated column-definition with “default TRUE”.<br />
- Try it with</p>
- <p>
- @Column(name = “financialEnabled”, nullable = false)<br />
- private boolean financialEnabled;</p>
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=567#respond' onclick='return addComment.moveForm("div-comment-567", "567", "respond", "34")'>Reply</a>
- </div>
- </div>
- </li><!-- #comment-## -->
- </ul><!-- .children -->
- </li><!-- #comment-## -->
- <li class="comment even thread-odd thread-alt depth-1 parent" id="comment-390">
- <div id="div-comment-390" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn">Milios</cite> <span class="says">says:</span>
- </div>
- <div class="comment-meta commentmetadata">
- <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-390">
- October 10, 2013 at 15:02
- </a>
-
- <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=390" title="Edit comment">(Edit)</a>
- </div>
- <p>Hi,</p>
- <p>
- looks like a very nice plugin. Unfortunately, part of our entities are in other modules/dependencies.<br />
- Do you plan to add the possibility to scan also for dependencies of the project or at least of the plugin?</p>
- <p>Also, when I only want to generate the SQL and use the following configuration, I got nothing.</p>
- <p>Config:</p>
- <p>
- de.juplo<br />
- hibernate4-maven-plugin<br />
- 1.0.2</p>
- <p>
- true<br />
- SCRIPT<br />
- NONE<br />
- com.deutscheboerse.hibernate.PostgreSQLDialect<br />
- ${project.build.directory}/hibernate4/cmm-schema.sql</p>
- <p>
- com.deutscheboerse.energy<br />
- energy-commons-hibernate<br />
- ${commons.hibernate.version}</p>
- <p>
- org.springframework.security<br />
- spring-security-core<br />
- ${spring.security.version}</p>
- <p>
- org.slf4j<br />
- slf4j-log4j12<br />
- ${slf4j.version}</p>
- <p>
- Output:<br />
- mvn hibernate4:export -e<br />
- [INFO] Error stacktraces are turned on.<br />
- [INFO] Scanning for projects…<br />
- [INFO]<br />
- [INFO] ————————————————————————<br />
- [INFO] Building CMM WAR 1.0.0-RC5-SNAPSHOT<br />
- [INFO] ————————————————————————<br />
- [INFO]<br />
- [INFO] — hibernate4-maven-plugin:1.0.2:export (default-cli) @ cmm-war —<br />
- [INFO] Scanning directory D:\_dev\work\ii\src\cmm\trunk\cmm-war\target\classes f<br />
- [INFO] No hibernate-properties-file found! (Checked path: D:\_dev\work\ii\src\cm<br />
- [INFO] Gathered hibernate-configuration (turn on debugging for details):<br />
- [INFO] hibernate.dialect = com.deutscheboerse.hibernate.PostgreSQLDialect<br />
- [INFO] HHH000400: Using dialect: com.deutscheboerse.hibernate.PostgreSQLDialect<br />
- [INFO] ————————————————————————<br />
- [INFO] BUILD SUCCESS<br />
- [INFO] ————————————————————————<br />
- [INFO] Total time: 10.932s<br />
- [INFO] Finished at: Thu Oct 10 12:51:05 UTC 2013<br />
- [INFO] Final Memory: 9M/23M<br />
- [INFO] ————————————————————————</p>
- <p>
- Thanks for any help,<br />
- Milos.
- </p>
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=390#respond' onclick='return addComment.moveForm("div-comment-390", "390", "respond", "34")'>Reply</a>
- </div>
- </div>
- <ul class="children">
- <li class="comment byuser comment-author-kai bypostauthor odd alt depth-2 parent" id="comment-391">
- <div id="div-comment-391" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn"><a href="http://juplo.de" rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>
- </div>
- <div class="comment-meta commentmetadata">
- <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-391">
- October 10, 2013 at 22:19
- </a>
-
- <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=391" title="Edit comment">(Edit)</a> </div>
- <p>
- Yes, I am working on the possibility, to scan for annotations in dependencies.<br />
- Unfortunatly, I have no example-project for this use-case by hand.<br />
- It would help a lot, if you could provide a sample-project on github or such.
- </p>
- <p>Greetings kai</p>
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=391#respond' onclick='return addComment.moveForm("div-comment-391", "391", "respond", "34")'>Reply</a>
- </div>
- </div>
- <ul class="children">
- <li class="comment byuser comment-author-kai bypostauthor even depth-3" id="comment-568">
- <div id="div-comment-568" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn"><a href="http://juplo.de" rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span>
- </div>
- <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-568">
- November 11, 2013 at 13:11</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=568" title="Edit comment">(Edit)</a> </div>
-
- <p>Version 1.0.3 of the plugin can now scan for annotations in the dependencies, too.</p>
-
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=568#respond' onclick='return addComment.moveForm("div-comment-568", "568", "respond", "34")'>Reply</a> </div>
- </div>
- </li><!-- #comment-## -->
- </ul><!-- .children -->
- </li><!-- #comment-## -->
- </ul><!-- .children -->
- </li><!-- #comment-## -->
- <li class="comment odd alt thread-even depth-1" id="comment-286">
- <div id="div-comment-286" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn">Pedro</cite> <span class="says">says:</span> </div>
-
- <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-286">
- August 7, 2013 at 18:54</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=286" title="Edit comment">(Edit)</a> </div>
-
- <p>Following my previous question, here is the debug info</p>
- <p>[DEBUG] Dependency: /Users/pmarques/.m2/repository/org/springframework/security/spring-security-acl/3.1.4.RELEASE/spring-security-acl-3.1.4.RELEASE.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/atomikos-util/3.6.5/atomikos-util-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-api/3.6.5/transactions-api-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/javax/transaction/transaction-api/1.1/transaction-api-1.1.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jdbc-deprecated/3.6.5/transactions-jdbc-deprecated-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jdbc/3.6.5/transactions-jdbc-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jta/3.6.5/transactions-jta-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions/3.6.5/transactions-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/org/apache/geronimo/specs/geronimo-jta_1.0.1B_spec/1.0.1/geronimo-jta_1.0.1B_spec-1.0.1.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jms-deprecated/3.6.5/transactions-jms-deprecated-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jms/3.6.5/transactions-jms-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-hibernate3/3.6.5/transactions-hibernate3-3.6.5.jar<br />
- [INFO] Scanning directory /target/classes for annotated classes…</p>
-
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=286#respond' onclick='return addComment.moveForm("div-comment-286", "286", "respond", "34")'>Reply</a> </div>
- </div>
- </li><!-- #comment-## -->
- <li class="comment even thread-odd thread-alt depth-1 parent" id="comment-285">
- <div id="div-comment-285" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn">Pedro</cite> <span class="says">says:</span> </div>
-
- <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-285">
- August 7, 2013 at 18:49</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=285" title="Edit comment">(Edit)</a> </div>
-
- <p>Hi,</p>
- <p>I have the following problem.<br />
- The project that I use to test (and use the plugin) has the annotated classes as a dependency.<br />
- I am getting the error:<br />
- No annotated classes found in directory /target/classes</p>
- <p>Shouldn’t the plugin scan all the dependencies also?</p>
- <p>Thanks,<br />
- Pedro.</p>
-
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=285#respond' onclick='return addComment.moveForm("div-comment-285", "285", "respond", "34")'>Reply</a> </div>
- </div>
- <ul class="children">
- <li class="comment byuser comment-author-kai bypostauthor odd alt depth-2 parent" id="comment-287">
- <div id="div-comment-287" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn"><a href="http://juplo.de" rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span> </div>
-
- <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-287">
- August 7, 2013 at 19:12</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=287" title="Edit comment">(Edit)</a> </div>
-
- <p>Hi Pedro,</p>
- <p>I think, that your observation is right.<br />
- But otherwise, dependencies should only be scanned if requested, because automatic scanning of the dependencies might lead to errors in other situations.</p>
- <p>If you can make your project available to me (for example via github, or simply by mailing zipped version), I would add a configuration-parameter to enable/disable dependency-scanning and upload the refined plugin to central.</p>
- <p>Regards,</p>
- <p>Kai Moritz</p>
-
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=287#respond' onclick='return addComment.moveForm("div-comment-287", "287", "respond", "34")'>Reply</a> </div>
- </div>
- <ul class="children">
- <li class="comment byuser comment-author-kai bypostauthor even depth-3" id="comment-426">
- <div id="div-comment-426" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn"><a href="http://juplo.de" rel='external nofollow' class='url'>Kai Moritz</a></cite> <span class="says">says:</span> </div>
-
- <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-426">
- October 18, 2013 at 02:52</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=426" title="Edit comment">(Edit)</a> </div>
-
- <p>The <a href="/hibernate4-maven-plugin-1-0-3-released/" title="Open the release-notes" rel="nofollow">new version 1.0.3</a> of the plugin adds support for annotated classes in dependencies!</p>
-
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=426#respond' onclick='return addComment.moveForm("div-comment-426", "426", "respond", "34")'>Reply</a> </div>
- </div>
- </li><!-- #comment-## -->
- </ul><!-- .children -->
- </li><!-- #comment-## -->
- </ul><!-- .children -->
- </li><!-- #comment-## -->
- <li class="comment odd alt thread-even depth-1 parent" id="comment-276">
- <div id="div-comment-276" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn"><a href="http://bidlogix.com" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-commentauthor', 'http://bidlogix.com']);" rel='external nofollow' class='url'>mike</a></cite> <span class="says">says:</span> </div>
-
- <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-276">
- July 30, 2013 at 12:57</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=276" title="Edit comment">(Edit)</a> </div>
-
- <p>Hello,</p>
- <p>I’m upgrading from hibernate3 to to hibernate4 and have moved from the hibernate3-maven-plugin to this version. I haven’t undertaken (and don’t want to just yet) the big job of changing my hbm mapping files to annotations.</p>
- <p>As far as I can see this is a show stopper for using your nice plugin. Can you please confirm if this is the case and whether you are planning to add support for scanning for hbm files?</p>
- <p>Many thanks,</p>
- <p>Mike Cohen.</p>
-
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=276#respond' onclick='return addComment.moveForm("div-comment-276", "276", "respond", "34")'>Reply</a> </div>
- </div>
- <ul class="children">
- <li class="comment byuser comment-author-tortenheber even depth-2" id="comment-277">
- <div id="div-comment-277" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn">tortenheber</cite> <span class="says">says:</span> </div>
-
- <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-277">
- July 31, 2013 at 23:18</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=277" title="Edit comment">(Edit)</a> </div>
-
- <p>Hello Mike,</p>
- <p>I added the requested feature in the SNAPSHOT-version.<br />
- It would be nice, if you could test, if the new feature works, because I have no example project by hand, that still uses hibernate-mapping via XML.</p>
- <p>You can download an actual build here:</p>
- <p><a href="https://oss.sonatype.org/content/repositories/snapshots//de/juplo/hibernate4-maven-plugin/1.0.2-SNAPSHOT/" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-comment', 'http://oss.sonatype.org']);" rel="nofollow">https://oss.sonatype.org/content/repositories/snapshots//de/juplo/hibernate4-maven-plugin/1.0.2-SNAPSHOT/</a></p>
- <p>or build it by yourself from the sources.<br />
- The feature is documented here:</p>
- <p><a href="http://juplo.de/hibernate4-maven-plugin-1.0.2-SNAPSHOT/export-mojo.html" rel="nofollow">http://juplo.de/hibernate4-maven-plugin-1.0.2-SNAPSHOT/export-mojo.html</a></p>
- <p>Best regards</p>
- <p>kai</p>
-
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=277#respond' onclick='return addComment.moveForm("div-comment-277", "277", "respond", "34")'>Reply</a> </div>
- </div>
- </li><!-- #comment-## -->
- </ul><!-- .children -->
- </li><!-- #comment-## -->
- <li class="comment odd alt thread-odd thread-alt depth-1 parent" id="comment-50">
- <div id="div-comment-50" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn">Victor</cite> <span class="says">says:</span> </div>
-
- <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-50">
- February 22, 2013 at 15:28</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=50" title="Edit comment">(Edit)</a> </div>
-
- <p>Hey I have modified your code to support envers and generate auditing tables, if you want I can send you a patch. Thanks!</p>
-
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=50#respond' onclick='return addComment.moveForm("div-comment-50", "50", "respond", "34")'>Reply</a> </div>
- </div>
- <ul class="children">
- <li class="comment even depth-2 parent" id="comment-51">
- <div id="div-comment-51" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn">admin</cite> <span class="says">says:</span> </div>
-
- <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-51">
- February 22, 2013 at 19:54</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=51" title="Edit comment">(Edit)</a> </div>
-
- <p>Your welcom.<br />
- Send it!</p>
-
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=51#respond' onclick='return addComment.moveForm("div-comment-51", "51", "respond", "34")'>Reply</a> </div>
- </div>
- <ul class="children">
- <li class="comment odd alt depth-3 parent" id="comment-54">
- <div id="div-comment-54" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn">Victor</cite> <span class="says">says:</span> </div>
-
- <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-54">
- February 25, 2013 at 15:28</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=54" title="Edit comment">(Edit)</a> </div>
-
- <p>Where to? Is there a github repo?</p>
-
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=54#respond' onclick='return addComment.moveForm("div-comment-54", "54", "respond", "34")'>Reply</a> </div>
- </div>
- <ul class="children">
- <li class="comment even depth-4" id="comment-55">
- <div id="div-comment-55" class="comment-body">
- <div class="comment-author vcard">
- <cite class="fn">admin</cite> <span class="says">says:</span> </div>
-
- <div class="comment-meta commentmetadata"><a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#comment-55">
- February 25, 2013 at 20:05</a> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=55" title="Edit comment">(Edit)</a> </div>
-
- <p>There is a private git-Repository.<br />
- <a href="http://juplo.de/hibernate4-maven-plugin/source-repository.html" rel="nofollow">Check the project-documentation!</a></p>
- <p>You can <a href="http://juplo.de/hibernate4-maven-plugin/team-list.html" rel="nofollow">send me</a> a patch or a pull-request to <a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
-
- <div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=55#respond' onclick='return addComment.moveForm("div-comment-55", "55", "respond", "34")'>Reply</a> </div>
- </div>
- </li><!-- #comment-## -->
- </ul><!-- .children -->
- </li><!-- #comment-## -->
- </ul><!-- .children -->
- </li><!-- #comment-## -->
- </ul><!-- .children -->
- </li><!-- #comment-## -->
- </ol>
-
- <div class="navigation">
- <div class="alignleft"></div>
- <div class="alignright"></div>
- </div>
-
-
- <div id="respond">
-
- <h3>Leave a Reply</h3>
-
- <div id="cancel-comment-reply">
- <small><a rel="nofollow" id="cancel-comment-reply-link" href="/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#respond" style="display:none;">Click here to cancel reply.</a></small>
- </div>
-
-
- <form action="http://juplo.de/wp-comments-post.php" method="post" id="commentform">
-
-
- <p>Logged in as <a href="http://juplo.de/wp-admin/profile.php">Kai Moritz</a>. <a href="http://juplo.de/wp-login.php?action=logout&redirect_to=http%3A%2F%2Fjuplo.de%2Fhibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations%2F&_wpnonce=09e5cb501d" title="Log out of this account">Log out »</a></p>
-
-
- <!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code></small></p>-->
-
- <p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
-
- <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
- <input type='hidden' name='comment_post_ID' value='34' id='comment_post_ID' />
- <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
- </p>
- <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="2cfe5768bb" /><script>(function() {
- if (window === window.parent) {
- document.getElementById('_wp_unfiltered_html_comment_disabled').name = '_wp_unfiltered_html_comment';
- }
- })();</script>
- <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="18eb674233" /></p>
- </form>
- </div>
- </article>
- <aside layout:fragment="marginalcontent">
- <div id="secondary" class="widget-area" role="complementary">
- <aside id="archives" class="widget">
- <h1 class="widget-title">Archives</h1>
- <ul>
- <li><a href='http://juplo.de/2013/10/' title='October 2013'>October 2013</a></li>
- <li><a href='http://juplo.de/2013/08/' title='August 2013'>August 2013</a></li>
- <li><a href='http://juplo.de/2013/01/' title='January 2013'>January 2013</a></li>
- <li><a href='http://juplo.de/2012/11/' title='November 2012'>November 2012</a></li>
- </ul>
- </aside>
- <aside id="categories" class="widget">
- <h1 class="widget-title">Most Used Categories</h1>
- <ul>
- <li class="cat-item cat-item-4"><a href="http://juplo.de/category/java/" title="View all posts filed under Java">Java</a> (6)</li>
- <li class="cat-item cat-item-6"><a href="http://juplo.de/category/hibernate/" title="View all posts filed under Hibernate">Hibernate</a> (5)</li>
- <li class="cat-item cat-item-8"><a href="http://juplo.de/category/maven/" title="View all posts filed under Maven">Maven</a> (5)</li>
- <li class="cat-item cat-item-9"><a href="http://juplo.de/category/jpa/" title="View all posts filed under JPA">JPA</a> (1)</li>
- <li class="cat-item cat-item-10"><a href="http://juplo.de/category/appengine/" title="View all posts filed under appengine">appengine</a> (1)</li>
- <li class="cat-item cat-item-11"><a href="http://juplo.de/category/oauth2/" title="View all posts filed under oauth2">oauth2</a> (1)</li>
- </ul>
- </aside>
- <aside id="search" class="widget widget_search">
- <h1 class="widget-title">Search</h1>
- <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
- <div>
- <label class="screen-reader-text" for="s">Search for:</label>
- <input type="text" value="" name="s" id="s" />
- <input type="submit" id="searchsubmit" value="Search" />
- </div>
- </form>
- </aside>
- </div><!-- #secondary .widget-area -->
- <div id="tertiary" class="widget-area" role="supplementary">
- </div><!-- #tertiary .widget-area -->
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="uri='/contact.html'"
- >
- <head>
- <title>Contact</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <div id="content" class="main pack cf" layout:fragment="maincontent">
- <div class="pack">
- <div class="p left">
- <img class="p" src="../img/kai-moritz.jpg" th:src="@{/img/kai-moritz.jpg}" alt="Portrait"/>
- </div>
- <article class="p right">
- <header><h1>Contact</h1></header>
- <h2>Address</h2>
- <p>
- Kai Moritz<br />
- Zumsandestr. 29a<br />
- 48145 Münster
- </p>
- <h2>Email</h2>
- <p><a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
- <h2>Phone</h2>
- <p>+49 (0) 176 20 50 47 47</p>
- <h2>Networking</h2>
- <ul>
- <li><a href="https://www.google.com/+KaiMoritz" title="Google+">www.google.com/+KaiMoritz</a></li>
- <li><a href="https://www.xing.com/profile/Kai_Moritz" title="Xing">www.xing.com/profile/Kai_Moritz</a></li>
- </ul>
- <!--
- <h2>About Me</h2>
- <h2><em>Übersetzung?!?</em> Jobportale</h2>
- -->
- </article>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>Datenschutz</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
- <li class="b"><strong class="b">Datenschutz</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="s active cf">
- <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
- <ul id="submenu">
- <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
- <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
- <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
- <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
- <li class="s"><strong class="s">Datenschutz</strong></li>
- <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Datenschutz</h1></header>
- <p>Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.</p>
- <p>Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.</p>
- <p>Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.</p>
- <!-- http://www.e-recht24.de/impressum-generator.html -->
- <p>Bitte beachten Sie auch die gesonderte <a href="google-analytics.html" th:href="@{/google-analytics.html}">Datenschutzerklärung zur Nutzung von Google-Analytics</a>.</p>
- </article>
- <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>Expertise</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><a class="b" href="about.html" th:href="@{/about.html}">About</a></li>
- <li class="b"><strong class="b">Expertise</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="s active cf">
- <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m selected">About</a></li>
- </ul>
- <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="about.html" th:href="@{/about.html}" class="s">About</a></h2>
- <ul id="submenu">
- <li class="s sub">
- <strong class="s">Expertise</strong>
- <ul class="s active">
- <li class="s"><span href="web-engineering.html" th:href="@{/web-engineering.html}" class="s">Web-Engineering</span></li>
- <li class="s"><span href="spring-framework.html" th:href="@{/spring-framework.html}" class="s">Spring Framework</span></li>
- <li class="s"><span href=".html" th:href="@{/.html}" class="s"></span></li>
- <li class="s"><span href="responsive-web-design.html" th:href="@{/responsive-web-design.html}" class="s">Responsive Webdesign</span></li>
- <li class="s"><span href="web-ui-esign.html" th:href="@{/web-ui-esign.html}" class="s">WEB-UI-Design</span></li>
- <li class="s"><span href="seo.html" th:href="@{/seo.html}" class="s">SEO</span></li>
- </ul>
- </li>
- <li class="s sub off"><a href="references.html" th:href="@{/references.html}" class="s">References</a></li>
- <li class="s off"><a href="contact.html" th:href="@{/contact.html}" class="s">Contact</a></li>
- </ul>
- </nav>
- <div layout:fragment="maincontent" layout:replace="templates/fragments :: wip ('Expertise')"></div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>Google Analytics</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
- <li class="b"><strong class="b">Google Analytics</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="s active cf">
- <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
- <ul id="submenu">
- <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
- <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
- <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
- <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
- <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
- <li class="s"><strong class="s">Google Analytics</strong></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Google Analytics</h1></header>
- <p>Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. ("Google"). Google Analytics verwendet sog. "Cookies", Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglichen. Die durch den Cookie erzeugten Informationen über Ihre Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Im Falle der Aktivierung der IP-Anonymisierung auf dieser Webseite wird Ihre IP-Adresse von Google jedoch innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt.</p>
- <p>Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen. Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt.</p>
- <p>Sie können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden nutzen können. Sie können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf Ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren:</p>
- <p><a href="http://tools.google.com/dlpage/gaoptout?hl=de" title="Das Plugin jetzt herunterladen...">http://tools.google.com/dlpage/gaoptout?hl=de</a>.</p>
- <!-- http://www.e-recht24.de/impressum-generator.html -->
- </article>
- <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>Haftung für Inhalte</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
- <li class="b"><strong class="b">Haftung für Inhalte</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="s active cf">
- <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
- <ul id="submenu">
- <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
- <li class="s"><strong class="s">Haftung für Inhalte</strong></li>
- <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
- <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
- <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
- <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Haftung für Inhalte</h1></header>
- <p>Sämtliche Inhalte unserer Internetseiten sind mit größtmöglicher Sorgfalt erstellt worden. Dennoch ist es uns nicht möglich, eine Gewähr dafür zu übernehmen, dass diese Inhalte richtig, vollständig und aktuell sind. Wir sind gemäß § 7 Abs. 1 TMG für die eigenen Inhalte auf unseren Internetseiten verantwortlich. Gemäß den §§ 8, 9 und 10 TMG besteht für uns allerdings keine Verpflichtung, dass wir Informationen von Dritten, die übermittelt oder gespeichert wurden, überwachen oder Umstände ausforschen müssten, die Hinweise auf nicht rechtmäßige Tätigkeiten ergeben. Davon nicht berührt, ist unsere Verpflichtung zur Sperrung oder Entfernung von Informationen, welche uns von den allgemeinen Gesetzen auferlegt wird. Wir haften allerdings insoweit erst in dem Moment, in dem wir von einer konkreten Verletzung von Rechten Kenntnis erlangen. Wenn wir von einer solchen Verletzung von Rechten Kenntnis erlangen, wird eine unverzügliche Entfernung der entsprechenden Inhalte erfolgen.</p>
- <p><em>Quelle: Flegl Rechtsanwälte GmbH</em></p>
- </article>
- <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>Haftung für Links</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
- <li class="b"><strong class="b">Haftung für Links</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="s active cf">
- <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
- <ul id="submenu">
- <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
- <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
- <li class="s"><strong class="s">Haftung für Links</strong></li>
- <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
- <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
- <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Haftung für Links</h1></header>
- <p>Unsere Internetseiten enthalten Links, die zu externen Internetseiten von Dritten führen. Auf die Inhalte dieser externen Seiten haben wir keine Einflussmöglichkeiten. Es ist uns daher nicht möglich, eine Gewähr für diese Inhalte zu übernehmen. Die Verantwortung dafür hat immer der jeweilige Anbieter/Betreiber der entsprechenden Internetseiten. Wir überprüfen die von uns verlinkten Internetseiten zum Zeitpunkt der Verlinkung auf einen möglichen Rechtsverstoß. Die Verlinkung kommt nur dann zustande, wenn ein rechtswidriger Inhalt zu diesem Zeitpunkt nicht erkennbar ist. Es kann uns jedoch, ohne einen konkreten Anhaltspunkt, nicht zugemutet werden, ständig die verlinkten Internetseiten inhaltlich zu kontrollieren. Wenn wir jedoch von einer Rechtsverletzung Kenntnis erlangen, werden wir den entsprechenden Link unverzüglich entfernen.</p>
- <p><em>Quelle: Flegl Rechtsanwälte GmbH</em></p>
- </article>
- <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>Impressum</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><strong class="b">Impressum</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="s active cf">
- <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">Impressum</strong></h2>
- <ul id="submenu">
- <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
- <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
- <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
- <li class="s"><a href="urheberrechte.html" th:href="@{/urheberrechte.html}" class="s">Urheberrechte</a></li>
- <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
- <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Impressum</h1></header>
- <p><em>Angaben gemäß § 5 TMG:</em></p>
- <p>
- Kai Moritz<br />
- juplo.de<br />
- Zumsandestr. 29a<br />
- 48145 Münster
- </p>
- <p>Telefon: +49 (0) 176 20 50 47 47</p>
- <p>E-Mail: <a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
- <p>Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz: DE 23 500 84 56</p>
- <p>Aufsichtsbehörde: Stadt Münster</p>
- <!-- http://www.e-recht24.de/impressum-generator.html -->
- <h1>Contact</h1>
- <p>
- More contact-information (Facebook, Google+, ...) can be found on the
- <a href="contact.html" th:href="@{/contact.html}" title="Show all contact-informations">contact-page</a>.
- </p>
- </article>
- <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
- <ul layout:fragment="footer">
- <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
- <li class="f"><strong class="f">Impressum</strong></li>
- <li class="f about"><a class="f" href="about.html" th:href="@{/about.html}">About</a></li>
- </ul>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="contentclass='nomenu', uri='/index.html'"
- >
- <head>
- <title>Home</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><strong class="b">Home</strong></li>
- </ol>
- <h1 layout:fragment="header"><strong class="l">juplo</strong></h1>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="cf">
- <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="../projects" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- </nav>
- <main class="main" layout:fragment="maincontent">
- <div class="pack bg cf">
- <div class="p left">
- <h1>hibernate4-maven-plugin</h1>
- <p>
- <strong>Lorem ipsum</strong> dolor
- <a href="projects/typo.html" th:href="@{/projects/typo.html}">sit amet</a>,
- consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
- labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
- <a href="projects/html-experimente.html" th:href="@{/projects/html-experimente.html}">exercitation</a>
- ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
- irure dolor in reprehenderit in voluptate velit esse cillum dolore
- eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
- proident, sunt in culpa qui officia deserunt mollit anim id est
- laborum.
- </p>
- </div>
- <div class="p right">
- <h1>fix-swf</h1>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
- ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat.
- </p>
- </div>
- </div>
- <div class="single">
- <h1>accelerator</h1>
- <p>
- Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- </div>
- <div class="pack bg cf">
- <div class="p right">
- <h1>jquery.openx</h1>
- <p>
- Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- </div>
- <div class="p left">
- <h1>Regex-Lab</h1>
- <p>
- Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- </div>
- </div>
- <div class="pack cf">
- <div class="p left">
- <h1>jquery.openx</h1>
- <p>
- Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- </div>
- <div class="p right">
- <h1>Regex-Lab</h1>
- <p>
- Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- </div>
- </div>
- </main>
- <div layout:fragment="marginalcontent">
- <aside class="m">
- <div class="widget widget_recent_entries">
- <h1 class="widgettitle">Recent Posts</h1>
- <ul>
- <li>
- <a href="blog/article.html" th:href="@{/blog/article.html}" title="Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a>
- </li>
- <li>
- <a href="#" title="hibernate4-maven-plugin 1.0.3 released!">hibernate4-maven-plugin 1.0.3 released!</a>
- </li>
- <li>
- <a href="#" title="Log out from wrong Account with maven-appengine-plugin">Log out from wrong Account with maven-appengine-plugin</a>
- </li>
- <li>
- <a href="#" title="Bidirectional Association with @ElementCollection">Bidirectional Association with @ElementCollection</a>
- </li>
- <li>
- <a href="#" title="hibernate4-maven-plugin 1.0.2 released!">hibernate4-maven-plugin 1.0.2 released!</a>
- </li>
- <li>
- <a href="#" title="hibernate4-maven-plugin 1.0.1 released!">hibernate4-maven-plugin 1.0.1 released!</a>
- </li>
- <li>
- <a href="#" title="hibernate4-maven-plugin 1.0 released!">hibernate4-maven-plugin 1.0 released!</a>
- </li>
- <li>
- <a href="blog/comments.html" th:href="@{/blog/comments.html}" title="hibernate4-maven-plugin">hibernate4-maven-plugin</a>
- </li>
- </ul>
- </div>
- </aside>
- </div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Projects', uri='/projects.html'"
- >
- <head>
- <title>Projects</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Fix SWF', uri='/projects/fix-swf.html'"
- >
- <head>
- <title>Fix SWF</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
- <style type="text/css">
- @import '../../css/screen.min.css' screen;
- @import '../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Fix SWF - Getting started', uri='/projects/fix-swf/getting-started.html'"
- >
- <head>
- <title>Fix SWF - Getting started</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
- <style type="text/css">
- @import '../../../css/screen.min.css' screen;
- @import '../../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Fix SWF - Overview', uri='/projects/fix-swf/overview.html'"
- >
- <head>
- <!--/*-->
- <title>Fix SWF - Overview</title>
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
- <style type="text/css">
- @import '../../../css/screen.min.css' screen;
- @import '../../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="uri='/projects/html-experimente.html'"
- >
- <head>
- <title>HTML-Experimente</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
- <style type="text/css">
- @import '../../css/screen.min.css' screen;
- @import '../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <article class="main" layout:fragment="maincontent">
- <header><h1>HTML-Elemente / spezielle Seiten</h1></header>
- <ul>
- <li><a href="html-experimente/formulare.html" th:href="@{/projects/html-experimente/formulare.html}">Formulare</a></li>
- <li><a href="html-experimente/symbole.html" th:href="@{/projects/html-experimente/symbole.html}">Symbol-Font</a></li>
- <li><a href="../404.html" th:href="@{/404.html}">404-Template</a></li>
- <li><a href="html-experimente/gibts-ja-gar-nicht.html" th:href="@{/projects/html-experimente/gibts-ja-gar-nicht.html}">404-Fehlerseite</a></li>
- <li><a href="../error.html" th:href="@{/error.html}">Template für andere Fehler</a></li>
- <li><a href="html-experimente/error.html" th:href="@{/projects/html-experimente/error.html}">Fehlerseite für andere Fehler</a></li>
- </ul>
- <h2>Layout-Grenzfälle</h2>
- <ul>
- <li><a href="html-experimente/fast-leer-mit-menü.html" th:href="@{/projects/html-experimente/fast-leer-mit-menü.html}">Fast leere Seite mit Menü</a></li>
- <li><a href="html-experimente/fast-leer-mit-menü-und-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html}">Fast leere Seite mit Menü und Marginal-Inhalt</a></li>
- <li><a href="html-experimente/fast-leer-kein-menü.html" th:href="@{/projects/html-experimente/fast-leer-kein-menü.html}">Fast leere Seite ohne Menü</a></li>
- <li><a href="html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html}">Fast leere Seite ohne Menü aber mit Marginal-Inhalt</a></li>
- <li><a href="html-experimente/fast-leer-einspaltig.html" th:href="@{/projects/html-experimente/fast-leer-einspaltig.html}">Fast leere einspaltige Seite</a></li>
- <li><a href="html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html}">Fast leere einspaltige Seite mit Marginal-Inhalt</a></li>
- <li><a href="html-experimente/breadcrumb.html" th:href="@{/projects/html-experimente/breadcrumb.html}">Seite mit sehr langem Breadcrumb</a></li>
- </ul>
- <h2>Layout-Variationen</h2>
- <ul>
- <li><a href="html-experimente/kein-layout.html" th:href="@{/projects/html-experimente/kein-layout.html}">Alle Stylings deaktiviert</a></li>
- <li><a href="html-experimente/basis-layout.html" th:href="@{/projects/html-experimente/basis-layout.html}">Nur das Basis-Layout</a></li>
- <li><a href="html-experimente/druck-layout.html" th:href="@{/projects/html-experimente/druck-layout.html}">Die für den Ausdruck angepasste Ansicht</a></li>
- <li><a href="html-experimente/tiny.html" th:href="@{/projects/html-experimente/tiny.html}">Layout für sehr kleine Bildschirmgrößen</a></li>
- <li><a href="html-experimente/phone.html" th:href="@{/projects/html-experimente/phone.html}">Layout für Smartphones</a></li>
- <li><a href="html-experimente/tablet.html" th:href="@{/projects/html-experimente/tablet.html}">Layout für Tablets</a></li>
- </ul>
- <h2>Testseiten für einzelne Seiten-Bestandteile</h2>
- <ul>
- <li><a href="html-experimente/seitenaufteilung.html" th:href="@{/projects/html-experimente/seitenaufteilung.html}">Nur das Basis-Layout und die Seitenaufteilung</a></li>
- <li><a href="html-experimente/seitenkopf.html" th:href="@{/projects/html-experimente/seitenkopf.html}">Nur das Basis-Layout und der Seitenkopf</a></li>
- </ul>
- <h2>Anderer Krams...</h2>
- <ul>
- <li><a href="html-experimente/testlab.html" th:href="@{/projects/html-experimente/testlab.html}">Seite mit Breiten-Markierungen für den Tests von Media-Queries (Beispiel)</a></li>
- </ul>
- </article>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Nur das Basis-Layout', uri='/projects/html-experimente/basis-layout.html'"
- >
- <head layout:fragment="head">
- <title>HTML-Experimente - Basis-Layout</title>
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css" th:href="@{/css/base.min.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
- </head>
- <body>
- <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
- MARGINAL-CONTENT
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Seite mit sehr langem Breadcrumb', uri='/projects/html-experimente/breadcrumb.html'"
- >
- <head>
- <title>HTML-Experimente - Langer Breadcrumb</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
- <style type="text/css">
- @import '../../../css/screen.min.css' screen;
- @import '../../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
- <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
- <li class="b"><strong class="b">Dies ist ein Seite mit einem unendlich langen Breadcrumb-Eintrag der bestimmt nicht in den vorgesehenen Platz passt</strong></li>
- </ol>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Die für den Ausdruck angepasste Ansicht', uri='/projects/html-experimente/druck-layout.html'"
- >
- <head layout:fragment="head">
- <title>HTML-Experimente - Druck-Layout</title>
- <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
- <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/print.css" th:href="@{/css/print.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
- </head>
- <body>
- <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
- MARGINAL-CONTENT
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>This Page Will Raise An Error</title>
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- </head>
- <body>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="contentclass='onecolumn', uri='/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html'"
- >
- <head>
- <title>HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
- <style type="text/css">
- @import '../../../css/screen.min.css' screen;
- @import '../../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="cf">
- <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
- <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Fast leere einspaltige Seite mit Marginalinhalt</h1></header>
- <p><strong>KAPUTT:</strong> siehe Erklärung im Commit</p>
- </article>
- <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
- MARGINAL-CONTENT
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="contentclass='onecolumn', uri='/projects/html-experimente/fast-leer-einspaltig.html'"
- >
- <head>
- <title>HTML-Experimente - Fast leere einspaltige Seite</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
- <style type="text/css">
- @import '../../../css/screen.min.css' screen;
- @import '../../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="cf">
- <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
- <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Fast leere einspaltige Seite</h1></header>
- <p><strong>KAPUTT:</strong> siehe Erklärung im Commit</p>
- </article>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="contentclass='nomenu', uri='/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html'"
- >
- <head>
- <title>HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
- <style type="text/css">
- @import '../../../css/screen.min.css' screen;
- @import '../../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="cf">
- <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
- <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Fast leere Seite ohne Menü aber mit Marginalinhalt</h1></header>
- <p>Ein ganz bischen Text...</p>
- </article>
- <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
- MARGINAL-CONTENT
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="contentclass='nomenu', uri='/projects/html-experimente/fast-leer-kein-menü.html'"
- >
- <head>
- <title>HTML-Experimente - Fast leere Seite ohne Menü</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
- <style type="text/css">
- @import '../../../css/screen.min.css' screen;
- @import '../../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="cf">
- <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
- <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Fast leere Seite ohne Menü</h1></header>
- <p>Ein ganz bischen Text...</p>
- </article>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with=", uri='/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html'"
- >
- <head>
- <title>HTML-Experimente - Fast leere Seite mit Menü und Marginalinhalt</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
- <style type="text/css">
- @import '../../../css/screen.min.css' screen;
- @import '../../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Fast leere Seite mit Menü und Marginalinhalt</h1></header>
- <p>Ein ganz bischen Text...</p>
- </article>
- <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
- MARGINAL-CONTENT
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with=", uri='/projects/html-experimente/fast-leer-mit-menü.html'"
- >
- <head>
- <title>HTML-Experimente - Fast leere Seite mit Menü</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
- <style type="text/css">
- @import '../../../css/screen.min.css' screen;
- @import '../../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Fast leere Seite mit Menü</h1></header>
- <p>Ein ganz bischen Text...</p>
- </article>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="uri='/projects/html-experimente/formulare.html'"
- >
- <head>
- <title>HTML-Experimente - Formulare</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
- <style type="text/css">
- @import '../../../css/screen.min.css' screen;
- @import '../../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Formulare</h1></header>
- <form class="form" action="#" method="get">
- <h2 class="f">Anzeigetext</h2>
- <div class="f textarea">
- <label class="f info" for="textarea_01">Geben Sie hier Ihren Anzeigentext ein.</label>
- <textarea class="f error" id="textarea_01" cols="50" rows="10">Eingegebener Text</textarea>
- <span class="f error"><span class="e">< </span><strong class="e">Fehler:</strong> Es wurde kein Text für die Anzeige eingegeben!</span>
- </div>
- </form>
- <form class="form" action="#" method="get">
- <h2 class="f">Textformatierung</h2>
- <fieldset class="f radiobutton cf">
- <legend class="f info">
- Die zusätzlichen Gestaltungsoptionen sind nur für das Magazin wählbar.<br />
- Online erscheint die Anzeige als normaler Fließtext.
- </legend>
- <hr class="f" />
- <div class="col2">
- <div class="f">
- <input class="f" id="radio_tbox_01" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_01">normaler Fließtext</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_02" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_02">Text zentriert</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_03" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_03">Text fett, Negativdruck</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_04" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_04">Text fett</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_05" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_05">Text fett und rot</label>
- </div>
- </div>
- <div class="col2">
- <div class="f">
- <input class="f" id="radio_tbox_06" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_06">Text fett, Anzeige blau hinterlegt</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_07" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_07">Text fett, Anzeige gelb hinterlegt</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_08" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_08">Anzeige schwarz eingerahmt</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_09" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_09">Anzeige rot eingerahmt</label>
- </div>
- </div>
- </fieldset>
- </form>
- <form class="form" action="#" method="get">
- <h2 class="f">Einspaltige Radiobuttons...</h2>
- <fieldset class="f radiobutton">
- <div class="f">
- <input class="f" id="radio_tbox_b01" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_b01">Dies ist eine etwas länglichere Beschreibung der auswählbaren Option</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_b02" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_b02">Option X</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_b03" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_b03">Dies ist eine sehr, sehr lange Beschreibung der auswählbaren Option - so lang, dass sie am Ende hoffentlich umbricht...</label>
- </div>
- </fieldset>
- <hr class="f" />
- <div class="f submit">
- <input class="f" type="submit" value="> zur Übersicht" />
- <input class="f left" type="submit" value="< zurück" />
- <input class="f" type="submit" value="> weiter" />
- </div>
- </form>
- <form class="form" action="#" method="get">
- <h2 class="f">Bild</h2>
- <fieldset class="f checkbox">
- <legend class="f">
- Du kannst Deiner Anzeige ein Bild hinzufügen.
- Das Bild erscheint nur online.
- Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild.
- </legend>
- <hr class="f" />
- <div class="f">
- <input class="f" id="checkbox_tbox_01" type="checkbox" name="checkbox_tbox" />
- <label class="f" for="checkbox_tbox_01">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
- </div>
- <div class="f">
- <input class="f" id="checkbox_tbox_02" type="checkbox" name="checkbox_tbox" />
- <label class="f" for="checkbox_tbox_02">Ich habe die AGB für das Hochladen von Bildern gelesen und akzeptiere diese</label>
- </div>
- </fieldset>
- </form>
- <form class="form" action="#" method="get">
- <h2 class="f">Alleinstehende Checkbox</h2>
- <div class="f checkbox">
- <input class="f" id="checkbox_tbox_03" type="checkbox" name="checkbox_tbox" />
- <label class="f" for="checkbox_tbox_03">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
- </div>
- </form>
- <form class="form" action="#" method="get">
- <h2 class="f">Kundendaten</h2>
- <p class="f required">
- <strong class="r">Pflichtfelder</strong> sind mit einem
- <strong class="r symbol">*</strong> markiert.
- </p>
- <div class="f text required">
- <label for="text_tbox_01" class="f"><span class="required">* </span>Nachname</label>
- <input class="f" id="text_tbox_01" type="text" value="Mustermann" />
- </div>
- <div class="f text required">
- <label for="text_tbox_02" class="f">Vorname</label>
- <input class="f" id="text_tbox_02" type="text" value="Max" />
- </div>
- <div class="f select required">
- <label for="text_tbox_03" class="f"><span class="required">* </span>Ort</label>
- <select class="f" id="text_tbox_03">
- <option>Dortmund</option>
- <option>Bochum</option>
- <option>Essen</option>
- <option>Mönchengladbach</option>
- <option>Oberhausen</option>
- <option>Castrop-Rauxel</option>
- <option>Düsseldorf</option>
- </select>
- </div>
- <div class="f text required">
- <label for="text_tbox_04" class="f"><span class="required">* </span>Straße/Hausnr.</label>
- <input class="f error" id="text_tbox_04" type="text" value="" />
- <span class="f error"><span class="e">< </span><strong class="e">Fehler:</strong> Dies ist ein Pflichtfeld!</span>
- </div>
- <div class="f text required">
- <label for="text_tbox_05" class="f"><span class="required">* </span>Postleitzahl</label>
- <input class="f" id="text_tbox_05" type="text" value="" />
- </div>
- <div class="f text required">
- <label for="text_tbox_06" class="f">Telefon</label>
- <input class="f" id="text_tbox_06" type="text" value="" />
- </div>
- <hr class="f" />
- <div class="f submit">
- <input class="f" type="submit" value="> weiter" />
- </div>
- </form>
- <form class="form" action="#" method="get">
- <h2 class="f">Anzeige regionalisieren</h2>
- <p class="f">
- Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten
- diese online leichter finden, wenn sie nur nach Kleinanzeigen aus
- bestimmten Städten suchen.
- Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von
- diesen Interessenten aber auch nicht gefunden.
- </p>
- <hr class="f" />
- <div class="f text">
- <label class="f" for="city">Stadt</label>
- <input id="city" type="text" class="f" />
- <p class="f info">
- Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll.
- </p>
- </div>
- </form>
- <form class="form" action="#" method="get">
- <h2 class="f">Ein Passwort-Eingabe-Feld</h2>
- <div class="f text required">
- <label for="text_tbox_05" class="f"><span class="required">* </span>Passwort</label>
- <input class="f" id="text_tbox_05" type="password" value="t" />
- </div>
- </form>
- <form class="form" action="#" method="get">
- <h2 class="f">Lade das Bild hoch</h2>
- <p class="f info">
- Du kannst ein Bild im JPEG- oder PNG-Format hochladen.
- Das Bild darf nicht größer als 8 MByte sein.
- </p>
- <div class="f file required">
- <label for="file_tbox_01" class="f"><span class="required">* </span>Bild</label>
- <input class="f" id="file_tbox_01" type="file" />
- </div>
- <hr class="f" />
- <div class="f submit">
- <input class="f" type="submit" value="> Doch kein Bild" />
- <input class="f" type="submit" value="> Bild hochladen" />
- </div>
- </form>
- <div class="form">
- <h2 class="f">Antworten</h2>
- <p class="f required">
- <strong class="r">Pflichtfelder</strong> sind mit einem
- <strong class="r symbol">*</strong> markiert.
- </p>
- <div class="f text required">
- <label class="f" for="replyTo"><span class="required">*</span> Antwort-Adresse</label>
- <input id="replyTo" name="replyTo" class="f" tabindex="1" type="text" value=""/>
- </div>
- <div class="f text required">
- <label class="f" for="replyTo"><span class="required">*</span> Adresse wiederholen</label>
- <input id="replyToRepeated" name="replyToRepeated" class="f" tabindex="2" type="text" value=""/>
- </div>
- <div class="f text required">
- <label class="f" for="subject"><span class="required">*</span> Betreff</label>
- <input id="subject" name="subject" class="f" tabindex="3" type="text" value=""/>
- </div>
- <div class="f textarea required">
- <label class="f" for="text"><span class="required">*</span> Nachricht</label>
- <textarea id="text" name="text" class="f" tabindex="4" rows="15" cols="20"></textarea>
- </div>
- <div class="f checkbox">
- <input id="attachment1" name="attachment" class="f" tabindex="4" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_attachment" value="on"/>
- <label class="f" for="attachment">Ich möchte eine Datei an die E-Mail anhängen.</label>
- </div>
- <div class="f checkbox">
- <input id="copy1" name="copy" class="f" tabindex="5" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_copy" value="on"/>
- <label class="f" for="copy">Ich möchte eine Kopie der Nachricht zugesendet bekommen.</label>
- </div>
- </div>
- <div class="form cf">
- <div class="col2 left">
- <h2 class="f">Weiter mit Anmeldung</h2>
- <div class="f text">
- <label class="f" for="username">Benutzername</label>
- <input class="f" name="username" id="username" type="text" tabindex="6" />
- </div>
- <div class="f text">
- <label class="f" for="password">Passwort</label>
- <input class="f" name="password" id="password" type="password" tabindex="7" />
- </div>
- </div>
- <div class="col2 right">
- <h2 class="f">Weiter ohne Anmeldung</h2>
- <!-- <a href="/kleinanzeigen/37431/lust+.html" title="Zu schwer? Hier klicken um das Bild zu wechseln!"><img src="/img/captcha.jpg" alt="Captcha" width="120" height="60" /></a> -->
- <div class="f captcha cf">
- <span class="f">Was steht da?</span>
- <img class="f" src="/img/captcha.jpg" alt="Captcha" width="120" height="60" />
- </div>
- <div class="f text">
- <label class="f" for="captcha">Lösung</label>
- <input class="f" name="captcha" id="captcha" type="text" tabindex="8" />
- </div>
- </div>
- </div>
- </article>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Alle Stylings deaktiviert', uri='/projects/html-experimente/kein-layout.html'"
- >
- <head layout:fragment="head">
- <title>HTML-Experimente - Kein Layout</title>
- </head>
- <body>
- <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
- MARGINAL-CONTENT
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Layout für Smartphones', uri='/projects/html-experimente/phone.html'"
- >
- <head layout:fragment="head">
- <title>HTML-Experimente - Layout PHONE</title>
- <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
- <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/phone.css" th:href="@{/css/phone.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
- </head>
- <body>
- <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
- MARGINAL-CONTENT
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Nur das Basis-Layout und die Seitenaufteiltung', uri='/projects/html-experimente/seitenaufteilung.html'"
- >
- <head layout:fragment="head">
- <title>HTML-Experimente - Basis-Layout & Seitenaufteilung</title>
- <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
- <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/seitenaufteilung.css" th:href="@{/css/seitenaufteilung.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
- </head>
- <body>
- <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
- MARGINAL-CONTENT
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Nur das Basis-Layout und die Seitenaufteiltung', uri='/projects/html-experimente/seitenkopf.html'"
- >
- <head layout:fragment="head">
- <title>HTML-Experimente - Basis-Layout & Seitenkopf</title>
- <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
- <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/seitenkopf.css" th:href="@{/css/seitenkopf.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
- </head>
- <body>
- <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
- MARGINAL-CONTENT
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="uri='/projects/html-experimente/symbole.html'"
- >
- <head>
- <title>HTML-Experimente - Symbol-Font</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
- <style type="text/css">
- @import '../../../css/screen.min.css' screen;
- @import '../../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <article class="main" layout:fragment="maincontent">
- <header><h1>Symbol-Font</h1></header>
- <h2>100%</h2>
- <div class="symbols">
- <span class="e600"></span>
- <span class="e601"></span>
- <span class="e602"></span>
- <span class="e603"></span>
- <span class="e604"></span>
- <span class="e605"></span>
- <span class="e606"></span>
- <span class="e607"></span>
- <span class="e608"></span>
- <span class="e609"></span>
- <span class="e60a"></span>
- <span class="e60b"></span>
- <span class="e60c"></span>
- <span class="e60d"></span>
- <span class="e60e"></span>
- <span class="e60f"></span>
- <span class="e610"></span>
- <span class="e611"></span>
- <span class="e612"></span>
- <span class="e613"></span>
- <span class="e614"></span>
- <span class="e615"></span>
- <span class="e616"></span>
- <span class="e617"></span>
- <span class="e618"></span>
- <span class="e619"></span>
- <span class="e61a"></span>
- <span class="e61b"></span>
- <span class="e61c"></span>
- <span class="e61d"></span>
- <span class="e61e"></span>
- <span class="e61f"></span>
- <span class="e620"></span>
- <span class="e621"></span>
- <span class="e622"></span>
- <span class="e623"></span>
- <span class="e624"></span>
- <span class="e625"></span>
- <span class="e626"></span>
- <span class="e627"></span>
- <span class="e628"></span>
- <span class="e629"></span>
- <span class="e62a"></span>
- <span class="e62b"></span>
- <span class="e62c"></span>
- <span class="e62d"></span>
- <span class="e62e"></span>
- <span class="e62f"></span>
- <span class="e630"></span>
- <span class="e631"></span>
- <span class="e632"></span>
- <span class="e633"></span>
- <span class="e634"></span>
- <span class="e635"></span>
- <span class="e636"></span>
- <span class="e637"></span>
- <span class="e638"></span>
- <span class="e639"></span>
- <span class="e63a"></span>
- <span class="e63b"></span>
- <span class="e63c"></span>
- <span class="e63d"></span>
- <span class="e63e"></span>
- <span class="e63f"></span>
- <span class="e640"></span>
- <span class="e641"></span>
- <span class="e642"></span>
- <span class="e643"></span>
- <span class="e644"></span>
- <span class="e645"></span>
- <span class="e646"></span>
- <span class="e647"></span>
- <span class="e648"></span>
- <span class="e649"></span>
- <span class="e64a"></span>
- <span class="e64b"></span>
- </div>
- <h2>200%</h2>
- <div class="symbols" style="font-size: 200%; line-height: 1.5em">
- <span class="e600"></span>
- <span class="e601"></span>
- <span class="e602"></span>
- <span class="e603"></span>
- <span class="e604"></span>
- <span class="e605"></span>
- <span class="e606"></span>
- <span class="e607"></span>
- <span class="e608"></span>
- <span class="e609"></span>
- <span class="e60a"></span>
- <span class="e60b"></span>
- <span class="e60c"></span>
- <span class="e60d"></span>
- <span class="e60e"></span>
- <span class="e60f"></span>
- <span class="e610"></span>
- <span class="e611"></span>
- <span class="e612"></span>
- <span class="e613"></span>
- <span class="e614"></span>
- <span class="e615"></span>
- <span class="e616"></span>
- <span class="e617"></span>
- <span class="e618"></span>
- <span class="e619"></span>
- <span class="e61a"></span>
- <span class="e61b"></span>
- <span class="e61c"></span>
- <span class="e61d"></span>
- <span class="e61e"></span>
- <span class="e61f"></span>
- <span class="e620"></span>
- <span class="e621"></span>
- <span class="e622"></span>
- <span class="e623"></span>
- <span class="e624"></span>
- <span class="e625"></span>
- <span class="e626"></span>
- <span class="e627"></span>
- <span class="e628"></span>
- <span class="e629"></span>
- <span class="e62a"></span>
- <span class="e62b"></span>
- <span class="e62c"></span>
- <span class="e62d"></span>
- <span class="e62e"></span>
- <span class="e62f"></span>
- <span class="e630"></span>
- <span class="e631"></span>
- <span class="e632"></span>
- <span class="e633"></span>
- <span class="e634"></span>
- <span class="e635"></span>
- <span class="e636"></span>
- <span class="e637"></span>
- <span class="e638"></span>
- <span class="e639"></span>
- <span class="e63a"></span>
- <span class="e63b"></span>
- <span class="e63c"></span>
- <span class="e63d"></span>
- <span class="e63e"></span>
- <span class="e63f"></span>
- <span class="e640"></span>
- <span class="e641"></span>
- <span class="e642"></span>
- <span class="e643"></span>
- <span class="e644"></span>
- <span class="e645"></span>
- <span class="e646"></span>
- <span class="e647"></span>
- <span class="e648"></span>
- <span class="e649"></span>
- <span class="e64a"></span>
- <span class="e64b"></span>
- </div>
- <h2>300%</h2>
- <div class="symbols" style="font-size: 300%; line-height: 1.5em">
- <span class="e600"></span>
- <span class="e601"></span>
- <span class="e602"></span>
- <span class="e603"></span>
- <span class="e604"></span>
- <span class="e605"></span>
- <span class="e606"></span>
- <span class="e607"></span>
- <span class="e608"></span>
- <span class="e609"></span>
- <span class="e60a"></span>
- <span class="e60b"></span>
- <span class="e60c"></span>
- <span class="e60d"></span>
- <span class="e60e"></span>
- <span class="e60f"></span>
- <span class="e610"></span>
- <span class="e611"></span>
- <span class="e612"></span>
- <span class="e613"></span>
- <span class="e614"></span>
- <span class="e615"></span>
- <span class="e616"></span>
- <span class="e617"></span>
- <span class="e618"></span>
- <span class="e619"></span>
- <span class="e61a"></span>
- <span class="e61b"></span>
- <span class="e61c"></span>
- <span class="e61d"></span>
- <span class="e61e"></span>
- <span class="e61f"></span>
- <span class="e620"></span>
- <span class="e621"></span>
- <span class="e622"></span>
- <span class="e623"></span>
- <span class="e624"></span>
- <span class="e625"></span>
- <span class="e626"></span>
- <span class="e627"></span>
- <span class="e628"></span>
- <span class="e629"></span>
- <span class="e62a"></span>
- <span class="e62b"></span>
- <span class="e62c"></span>
- <span class="e62d"></span>
- <span class="e62e"></span>
- <span class="e62f"></span>
- <span class="e630"></span>
- <span class="e631"></span>
- <span class="e632"></span>
- <span class="e633"></span>
- <span class="e634"></span>
- <span class="e635"></span>
- <span class="e636"></span>
- <span class="e637"></span>
- <span class="e638"></span>
- <span class="e639"></span>
- <span class="e63a"></span>
- <span class="e63b"></span>
- <span class="e63c"></span>
- <span class="e63d"></span>
- <span class="e63e"></span>
- <span class="e63f"></span>
- <span class="e640"></span>
- <span class="e641"></span>
- <span class="e642"></span>
- <span class="e643"></span>
- <span class="e644"></span>
- <span class="e645"></span>
- <span class="e646"></span>
- <span class="e647"></span>
- <span class="e648"></span>
- <span class="e649"></span>
- <span class="e64a"></span>
- <span class="e64b"></span>
- </div>
- <h2>400%</h2>
- <div class="symbols" style="font-size: 400%; line-height: 1.5em">
- <span class="e600"></span>
- <span class="e601"></span>
- <span class="e602"></span>
- <span class="e603"></span>
- <span class="e604"></span>
- <span class="e605"></span>
- <span class="e606"></span>
- <span class="e607"></span>
- <span class="e608"></span>
- <span class="e609"></span>
- <span class="e60a"></span>
- <span class="e60b"></span>
- <span class="e60c"></span>
- <span class="e60d"></span>
- <span class="e60e"></span>
- <span class="e60f"></span>
- <span class="e610"></span>
- <span class="e611"></span>
- <span class="e612"></span>
- <span class="e613"></span>
- <span class="e614"></span>
- <span class="e615"></span>
- <span class="e616"></span>
- <span class="e617"></span>
- <span class="e618"></span>
- <span class="e619"></span>
- <span class="e61a"></span>
- <span class="e61b"></span>
- <span class="e61c"></span>
- <span class="e61d"></span>
- <span class="e61e"></span>
- <span class="e61f"></span>
- <span class="e620"></span>
- <span class="e621"></span>
- <span class="e622"></span>
- <span class="e623"></span>
- <span class="e624"></span>
- <span class="e625"></span>
- <span class="e626"></span>
- <span class="e627"></span>
- <span class="e628"></span>
- <span class="e629"></span>
- <span class="e62a"></span>
- <span class="e62b"></span>
- <span class="e62c"></span>
- <span class="e62d"></span>
- <span class="e62e"></span>
- <span class="e62f"></span>
- <span class="e630"></span>
- <span class="e631"></span>
- <span class="e632"></span>
- <span class="e633"></span>
- <span class="e634"></span>
- <span class="e635"></span>
- <span class="e636"></span>
- <span class="e637"></span>
- <span class="e638"></span>
- <span class="e639"></span>
- <span class="e63a"></span>
- <span class="e63b"></span>
- <span class="e63c"></span>
- <span class="e63d"></span>
- <span class="e63e"></span>
- <span class="e63f"></span>
- <span class="e640"></span>
- <span class="e641"></span>
- <span class="e642"></span>
- <span class="e643"></span>
- <span class="e644"></span>
- <span class="e645"></span>
- <span class="e646"></span>
- <span class="e647"></span>
- <span class="e648"></span>
- <span class="e649"></span>
- <span class="e64a"></span>
- <span class="e64b"></span>
- </div>
- <h2>500%</h2>
- <div class="symbols" style="font-size: 500%; line-height: 1.5em">
- <span class="e600"></span>
- <span class="e601"></span>
- <span class="e602"></span>
- <span class="e603"></span>
- <span class="e604"></span>
- <span class="e605"></span>
- <span class="e606"></span>
- <span class="e607"></span>
- <span class="e608"></span>
- <span class="e609"></span>
- <span class="e60a"></span>
- <span class="e60b"></span>
- <span class="e60c"></span>
- <span class="e60d"></span>
- <span class="e60e"></span>
- <span class="e60f"></span>
- <span class="e610"></span>
- <span class="e611"></span>
- <span class="e612"></span>
- <span class="e613"></span>
- <span class="e614"></span>
- <span class="e615"></span>
- <span class="e616"></span>
- <span class="e617"></span>
- <span class="e618"></span>
- <span class="e619"></span>
- <span class="e61a"></span>
- <span class="e61b"></span>
- <span class="e61c"></span>
- <span class="e61d"></span>
- <span class="e61e"></span>
- <span class="e61f"></span>
- <span class="e620"></span>
- <span class="e621"></span>
- <span class="e622"></span>
- <span class="e623"></span>
- <span class="e624"></span>
- <span class="e625"></span>
- <span class="e626"></span>
- <span class="e627"></span>
- <span class="e628"></span>
- <span class="e629"></span>
- <span class="e62a"></span>
- <span class="e62b"></span>
- <span class="e62c"></span>
- <span class="e62d"></span>
- <span class="e62e"></span>
- <span class="e62f"></span>
- <span class="e630"></span>
- <span class="e631"></span>
- <span class="e632"></span>
- <span class="e633"></span>
- <span class="e634"></span>
- <span class="e635"></span>
- <span class="e636"></span>
- <span class="e637"></span>
- <span class="e638"></span>
- <span class="e639"></span>
- <span class="e63a"></span>
- <span class="e63b"></span>
- <span class="e63c"></span>
- <span class="e63d"></span>
- <span class="e63e"></span>
- <span class="e63f"></span>
- <span class="e640"></span>
- <span class="e641"></span>
- <span class="e642"></span>
- <span class="e643"></span>
- <span class="e644"></span>
- <span class="e645"></span>
- <span class="e646"></span>
- <span class="e647"></span>
- <span class="e648"></span>
- <span class="e649"></span>
- <span class="e64a"></span>
- <span class="e64b"></span>
- </div>
- </article>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Layout für Tablets', uri='/projects/html-experimente/tablet.html'"
- >
- <head layout:fragment="head">
- <title>HTML-Experimente - Layout TABLET</title>
- <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
- <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/tablet.css" th:href="@{/css/tablet.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
- </head>
- <body>
- <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
- MARGINAL-CONTENT
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/testlab"
- th:with="title='Media-Query-Test: BEISPIEL', uri='/projects/html-experimente/testlab.html'"
- >
- <head>
- <title>HTML-Experimente - Media-Query-Test: BEISPIEL</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
- <style type="text/css">
- @import '../../../css/screen.min.css' screen;
- @import '../../../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <div layout:fragment="content" th:remove="tag">
- <form class="testlab form" action="#" method="get">
- <h2 class="f">Anzeigetext</h2>
- <div class="f textarea">
- <label class="f info" for="textarea_01">Geben Sie hier Ihren Anzeigentext ein.</label>
- <textarea class="f error" id="textarea_01" cols="50" rows="10">Eingegebener Text</textarea>
- <span class="f error"><span class="e">< </span><strong class="e">Fehler:</strong> Es wurde kein Text für die Anzeige eingegeben!</span>
- </div>
- </form>
- <form class="testlab form" action="#" method="get">
- <h2 class="f">Textformatierung</h2>
- <fieldset class="f radiobutton cf">
- <legend class="f info">
- Die zusätzlichen Gestaltungsoptionen sind nur für das Magazin wählbar.<br />
- Online erscheint die Anzeige als normaler Fließtext.
- </legend>
- <hr class="f" />
- <div class="col2">
- <div class="f">
- <input class="f" id="radio_tbox_01" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_01">normaler Fließtext</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_02" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_02">Text zentriert</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_03" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_03">Text fett, Negativdruck</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_04" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_04">Text fett</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_05" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_05">Text fett und rot</label>
- </div>
- </div>
- <div class="col2">
- <div class="f">
- <input class="f" id="radio_tbox_06" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_06">Text fett, Anzeige blau hinterlegt</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_07" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_07">Text fett, Anzeige gelb hinterlegt</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_08" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_08">Anzeige schwarz eingerahmt</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_09" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_09">Anzeige rot eingerahmt</label>
- </div>
- </div>
- </fieldset>
- </form>
- <form class="testlab form" action="#" method="get">
- <h2 class="f">Einspaltige Radiobuttons...</h2>
- <fieldset class="f radiobutton">
- <div class="f">
- <input class="f" id="radio_tbox_b01" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_b01">Dies ist eine etwas länglichere Beschreibung der auswählbaren Option</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_b02" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_b02">Option X</label>
- </div>
- <div class="f">
- <input class="f" id="radio_tbox_b03" type="radio" name="radio_tbox" />
- <label class="f" for="radio_tbox_b03">Dies ist eine sehr, sehr lange Beschreibung der auswählbaren Option - so lang, dass sie am Ende hoffentlich umbricht...</label>
- </div>
- </fieldset>
- <hr class="f" />
- <div class="f submit">
- <input class="f" type="submit" value="> zur Übersicht" />
- <input class="f left" type="submit" value="< zurück" />
- <input class="f" type="submit" value="> weiter" />
- </div>
- </form>
- <form class="testlab form" action="#" method="get">
- <h2 class="f">Bild</h2>
- <fieldset class="f checkbox">
- <legend class="f">
- Du kannst Deiner Anzeige ein Bild hinzufügen.
- Das Bild erscheint nur online.
- Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild.
- </legend>
- <hr class="f" />
- <div class="f">
- <input class="f" id="checkbox_tbox_01" type="checkbox" name="checkbox_tbox" />
- <label class="f" for="checkbox_tbox_01">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
- </div>
- <div class="f">
- <input class="f" id="checkbox_tbox_02" type="checkbox" name="checkbox_tbox" />
- <label class="f" for="checkbox_tbox_02">Ich habe die AGB für das Hochladen von Bildern gelesen und akzeptiere diese</label>
- </div>
- </fieldset>
- </form>
- <form class="testlab form" action="#" method="get">
- <h2 class="f">Alleinstehende Checkbox</h2>
- <div class="f checkbox">
- <input class="f" id="checkbox_tbox_03" type="checkbox" name="checkbox_tbox" />
- <label class="f" for="checkbox_tbox_03">Ich möchte ein Bild zu dieser Anzeige hinzufügen</label>
- </div>
- </form>
- <form class="testlab form" action="#" method="get">
- <h2 class="f">Kundendaten</h2>
- <p class="f required">
- <strong class="r">Pflichtfelder</strong> sind mit einem
- <strong class="r symbol">*</strong> markiert.
- </p>
- <div class="f text required">
- <label for="text_tbox_01" class="f"><span class="required">* </span>Nachname</label>
- <input class="f" id="text_tbox_01" type="text" value="Mustermann" />
- </div>
- <div class="f text required">
- <label for="text_tbox_02" class="f">Vorname</label>
- <input class="f" id="text_tbox_02" type="text" value="Max" />
- </div>
- <div class="f select required">
- <label for="text_tbox_03" class="f"><span class="required">* </span>Ort</label>
- <select class="f" id="text_tbox_03">
- <option>Dortmund</option>
- <option>Bochum</option>
- <option>Essen</option>
- <option>Mönchengladbach</option>
- <option>Oberhausen</option>
- <option>Castrop-Rauxel</option>
- <option>Düsseldorf</option>
- </select>
- </div>
- <div class="f text required">
- <label for="text_tbox_04" class="f"><span class="required">* </span>Straße/Hausnr.</label>
- <input class="f error" id="text_tbox_04" type="text" value="" />
- <span class="f error"><span class="e">< </span><strong class="e">Fehler:</strong> Dies ist ein Pflichtfeld!</span>
- </div>
- <div class="f text required">
- <label for="text_tbox_05" class="f"><span class="required">* </span>Postleitzahl</label>
- <input class="f" id="text_tbox_05" type="text" value="" />
- </div>
- <div class="f text required">
- <label for="text_tbox_06" class="f">Telefon</label>
- <input class="f" id="text_tbox_06" type="text" value="" />
- </div>
- <hr class="f" />
- <div class="f submit">
- <input class="f" type="submit" value="> weiter" />
- </div>
- </form>
- <form class="testlab form" action="#" method="get">
- <h2 class="f">Anzeige regionalisieren</h2>
- <p class="f">
- Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten
- diese online leichter finden, wenn sie nur nach Kleinanzeigen aus
- bestimmten Städten suchen.
- Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von
- diesen Interessenten aber auch nicht gefunden.
- </p>
- <hr class="f" />
- <div class="f text">
- <label class="f" for="city">Stadt</label>
- <input id="city" type="text" class="f" />
- <p class="f info">
- Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll.
- </p>
- </div>
- </form>
- <form class="testlab form" action="#" method="get">
- <h2 class="f">Ein Passwort-Eingabe-Feld</h2>
- <div class="f text required">
- <label for="text_tbox_05" class="f"><span class="required">* </span>Passwort</label>
- <input class="f" id="text_tbox_05" type="password" value="t" />
- </div>
- </form>
- <form class="testlab form" action="#" method="get">
- <h2 class="f">Lade das Bild hoch</h2>
- <p class="f info">
- Du kannst ein Bild im JPEG- oder PNG-Format hochladen.
- Das Bild darf nicht größer als 8 MByte sein.
- </p>
- <div class="f file required">
- <label for="file_tbox_01" class="f"><span class="required">* </span>Bild</label>
- <input class="f" id="file_tbox_01" type="file" />
- </div>
- <hr class="f" />
- <div class="f submit">
- <input class="f" type="submit" value="> Doch kein Bild" />
- <input class="f" type="submit" value="> Bild hochladen" />
- </div>
- </form>
- <div class="testlab form">
- <h2 class="f">Antworten</h2>
- <p class="f required">
- <strong class="r">Pflichtfelder</strong> sind mit einem
- <strong class="r symbol">*</strong> markiert.
- </p>
- <div class="f text required">
- <label class="f" for="replyTo"><span class="required">*</span> Antwort-Adresse</label>
- <input id="replyTo" name="replyTo" class="f" tabindex="1" type="text" value=""/>
- </div>
- <div class="f text required">
- <label class="f" for="replyTo"><span class="required">*</span> Adresse wiederholen</label>
- <input id="replyToRepeated" name="replyToRepeated" class="f" tabindex="2" type="text" value=""/>
- </div>
- <div class="f text required">
- <label class="f" for="subject"><span class="required">*</span> Betreff</label>
- <input id="subject" name="subject" class="f" tabindex="3" type="text" value=""/>
- </div>
- <div class="f textarea required">
- <label class="f" for="text"><span class="required">*</span> Nachricht</label>
- <textarea id="text" name="text" class="f" tabindex="4" rows="15" cols="20"></textarea>
- </div>
- <div class="f checkbox">
- <input id="attachment1" name="attachment" class="f" tabindex="4" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_attachment" value="on"/>
- <label class="f" for="attachment">Ich möchte eine Datei an die E-Mail anhängen.</label>
- </div>
- <div class="f checkbox">
- <input id="copy1" name="copy" class="f" tabindex="5" type="checkbox" value="true" checked="checked"/><input type="hidden" name="_copy" value="on"/>
- <label class="f" for="copy">Ich möchte eine Kopie der Nachricht zugesendet bekommen.</label>
- </div>
- </div>
- <div class="testlab form cf">
- <div class="col2 left">
- <h2 class="f">Weiter mit Anmeldung</h2>
- <div class="f text">
- <label class="f" for="username">Benutzername</label>
- <input class="f" name="username" id="username" type="text" tabindex="6" />
- </div>
- <div class="f text">
- <label class="f" for="password">Passwort</label>
- <input class="f" name="password" id="password" type="password" tabindex="7" />
- </div>
- </div>
- <div class="col2 right">
- <h2 class="f">Weiter ohne Anmeldung</h2>
- <!-- <a href="/kleinanzeigen/37431/lust+.html" title="Zu schwer? Hier klicken um das Bild zu wechseln!"><img src="/img/captcha.jpg" alt="Captcha" width="120" height="60" /></a> -->
- <div class="f captcha cf">
- <span class="f">Was steht da?</span>
- <img class="f" src="/img/captcha.jpg" alt="Captcha" width="120" height="60" />
- </div>
- <div class="f text">
- <label class="f" for="captcha">Lösung</label>
- <input class="f" name="captcha" id="captcha" type="text" tabindex="8" />
- </div>
- </div>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- xmlns:th="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="title='Layout für sehr kleine Bildschirmgrößen', uri='/projects/html-experimente/tiny.html'"
- >
- <head layout:fragment="head">
- <title>HTML-Experimente - Layout TINY</title>
- <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
- <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/tiny.css" th:href="@{/css/tiny.css}"/>
- <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
- </head>
- <body>
- <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
- MARGINAL-CONTENT
- </aside>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="uri='/projects/typo.html'"
- >
- <head>
- <title>Typography</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
- <style type="text/css">
- @import '../../css/screen.min.css' screen;
- @import '../../css/print.min.css' print;
- </style>
- <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
- <!--*/-->
- </head>
- <body onload="prettyPrint()">
- <article layout:fragment="maincontent">
- <header><h1>Typography</h1></header>
- <p>
- Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
- sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
- magna aliqua. Ut enim ad minim veniam, quis nostrud
- <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
- <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
- in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
- sunt in culpa qui officia deserunt mollit anim id est laborum.
- </p>
- <h2>Ein Link <a href="#link">im Titel</a></h2>
- <p>Ein Link <a href="#link">im Text</a>.</p>
- <h2>Normal / Italic / Bold / Bold+Italic</h2>
- <ul>
- <li>normal</li>
- <li><em>italic</em></li>
- <li><strong>bold</strong></li>
- <li><strong><em>bold italic</em></strong></li>
- </ul>
- <p>
- ÄäÖöÜüß@€¢
- <strong>ÄäÖöÜüß@€¢</strong>
- <em>ÄäÖöÜüß@€¢</em>
- <strong><em>ÄäÖöÜüß@€¢</em></strong>
- </p>
- <h1>H1: Heading</h1>
- <h2>H2: Heading</h2>
- <h3>H3: Heading</h3>
- <h4>H4: Heading</h4>
- <h1>H1: Heading</h1>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
- ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- <h2>H2: Heading</h2>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
- ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- <h3>H3: Heading</h3>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
- ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- <h4>H4: Heading</h4>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
- ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- <h1>Preformatted code</h1>
- <p>
- <em>Juplo Branding</em> uses
- <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
- syntax highlighting.
- </p>
- <pre class="prettyprint linenums"><code class="language-xml"><plugin>
- <groupId>ro.isdc.wro4j</groupId>
- <artifactId>wro4j-maven-plugin</artifactId>
- <version>${wro4j.version}</version>
- <configuration>
- <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
- <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
- </configuration>
- <executions>
- <execution>
- <phase>package</phase>
- <goals>
- <goal>run</goal>
- </goals>
- </execution>
- </executions>
-</plugin>
-</code></pre>
- </article>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>References</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><a class="b" href="about.html" th:href="@{/about.html}">About</a></li>
- <li class="b"><strong class="b">References</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="s active cf">
- <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m selected">About</a></li>
- </ul>
- <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="about.html" th:href="@{/about.html}" class="s">About</a></h2>
- <ul id="submenu">
- <li class="s sub off"><a href="expertise.html" th:href="@{/expertise.html}" class="s">Expertise</a></li>
- <li class="s sub">
- <strong class="s">References</strong>
- <ul class="s active">
- <li class="s sub"><span href="references/coolibri.html" th:href="@{/references/coolibri.html}" class="s">coolibri.de</span></li>
- <li class="s"><span href="references/hibernate4-maven-plugin.html" th:href="@{/references/hibernate4-maven-plugin.html}" class="s">hibernate4-maven-plugin</span></li>
- <li class="s sub"><span href=".html" th:href="@{/.html}" class="s"></span></li>
- <li class="s sub"><span href=".html" th:href="@{/.html}" class="s"></span></li>
- </ul>
- </li>
- <li class="s off"><a href="contact.html" th:href="@{/contact.html}" class="s">Contact</a></li>
- </ul>
- </nav>
- <div layout:fragment="maincontent" layout:replace="templates/fragments :: wip ('Expertise')"></div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="uri='/templates/404.html', contentclass='nomenu'"
- >
- <head>
- <title>404: Page Not Found!</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><strong class="b">404: Page Not Found!</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="cf">
- <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="../projects" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>404: Page Not Found!</h1></header>
- <p>We do not know, where you are.</p>
- <p>And we do not know, why you are here.</p>
- <p>But we can tell you: WE ARE SORRY!</p>
- <p>Really.</p>
- </article>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="uri='/templates/error.html', contentclass='nomenu'"
- >
- <head>
- <title>An Unexpected Error Occured!</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><strong class="b">An Unexpected Error Occured!</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="cf">
- <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="../projects" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>An Unexpected Error Occured!</h1></header>
- <p>We do not know, what happend.</p>
- <p>But we can tell you: WE ARE SORRY!</p>
- <p>Really.</p>
- </article>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.thymeleaf.org">
- <head>
- <title>Fragments</title>
- <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
- <style type="text/css">
- @import '../../css/screen.min.css' screen;
- @import '../../css/print.min.css' print;
- </style>
- </head>
- <body>
- <h1>Explanation fo the german word "Impressum"</h1>
- <hr />
- <aside class="m" th:fragment="about">
- <h1>What the f*#!@ is an <em>Impressum</em> ?!?</h1>
- The german law enforces the so called <em>Impressum</em> to enable
- customers to easily find out all juristically relevant informations
- about the company, that rules a site.
- <h1>Find out more...</h1>
- If you just want to learn more about juplo you should better
- <a href="../about.html" th:href="@{/about.html}" title="Learn more about juplo now">visit our about-pages</a>.
- </aside>
- <hr />
- <h1>Work-in-progress-hint</h1>
- <hr />
- <article class="main" layout:fragment="wip(title)">
- <header><h1 th:text="${title}">PAGE-TITLE</h1></header>
- <div class="wip" th:fragment="wip">
- <img class="w" src="/img/comming-soon.png" alt="Comming soon..."/>
- <p th:include="templates/layout :: maincontent" th:remove="tag">
- PAGE-CONTENT
- </p>
- </div>
- </article>
- <hr />
- <h1>Marginalspalte</h1>
- <hr />
- <div th:fragment="marginalcontent" th:remove="tag">
- <aside class="m">
- <h1>Other nasty but marginal stuff</h1>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
- ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- </aside>
- <aside class="m">
- <h1>More nasty stuff</h1>
- <p>
- This one is really short!
- </p>
- </aside>
- </div>
- <hr />
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.thymeleaf.org"
- juplo:variables="templates/variables"
- >
- <head th:fragment="head" layout:fragment="head">
- <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE" th:text="'juplo'">juplo - BASISTEMPLATE</title>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <link rel="stylesheet" type="text/css" href="../../css/base.min.css" th:href="@{/css/base.min.css}"/>
- <style type="text/css" th:remove="all">
- @import '../../css/screen.min.css' screen;
- @import '../../css/print.min.css' print;
- </style>
- <style type="text/css" th:inline="text">
- @import '[[@{/css/screen.min.css}]]' screen;
- @import '[[@{/css/print.min.css}]]' print;
- </style>
- <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
- <!--[if lt IE 9]>
- <script src="../../js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
- <![endif]-->
- <!--[if IE 8]>
- <link rel="stylesheet" type="text/css" href="../../css/ie8.min.css" th:href="@{/css/ie8.min.css}"/>
- <![endif]-->
- </head>
- <body
- th:with="crumbs=${crumbs.get(uri)}"
- id="top"
- class="menu"
- th:class="${contentclass}?:'menu'"
- onload="prettyPrint()"
- >
- <div id="page" class="cf">
- <header id="header">
- <h1 id="logo" layout:fragment="header"><a href="../index.html" th:href="@{/}" title="Home" class="l">juplo</a></h1>
- <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
- <hr class="h" />
- </header>
- <div id="breadcrumb">
- <strong class="b title">You are here:</strong>
- <ol class="b" layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b" th:each="crumb: ${crumbs}">
- <a class="b" href="../../projects.html" th:href="@{${crumb.uri}}" th:text="${crumb.name}">Projects</a>
- </li>
- <!--/*-->
- <li class="b"><strong class="b" th:text="${title}"">Fix SWF</strong></li>
- <!--*/-->
- </ol>
- <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
- <hr class="b" />
- </div>
- <main class="content cf">
- <article id="content" class="main" layout:fragment="maincontent" th:class="'main'">
- <header><h1 th:text="${title}">juplo - BASISTEMPLATE</h1></header>
- <div th:fragment="maincontent">
- <p>
- <strong>Lorem ipsum</strong> dolor
- <a href="../projects/typo.html" th:href="@{/projects/typo.html}">sit amet</a>,
- consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
- labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
- <a href="#" th:href="@{/projects/html-experimente.html}">exercitation</a>
- ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
- irure dolor in reprehenderit in voluptate velit esse cillum dolore
- eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
- proident, sunt in culpa qui officia deserunt mollit anim id est
- laborum.
- </p>
- <h2>Duis aute irure dolor</h2>
- <ul>
- <li>Operators and other mathematical stuff: -+/*</li>
- <li>
- Characters offten used in programming languages:
- {(<>)}@$?%*#;:&/\!^"'`~
- </li>
- <li>Special german characters: ÄäÖöÜü</li>
- <li>Other special characters: @?¢§%°</li>
- </ul>
- <h2>Excepteur sint occaecat cupidatat</h2>
- <p>
- Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit,
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua.
- <strong>Ut enim ad minim veniam, quis nostrud <em>exercitation
- ullamco</em> laboris nisi ut aliquip ex ea commodo consequat</strong>.
- Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
- cupidatat non proident, sunt in culpa qui officia deserunt mollit
- anim id est laborum.
- </p>
- </div>
- </article>
- <div class="marginal">
- <nav id="nav"
- layout:fragment="navigation"
- th:with="section=${crumbs != null ? crumbs[0] : null}"
- >
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="cf">
- <li class="m blog" th:each="entry : ${sections}" th:class="'m ' + ${entry.value.key}">
- <a href="../blog.html" th:href="@{${entry.key}}" class="m" th:class="${entry.key == section.uri} ? 'm selected' : 'm'" th:text="${entry.value.name}">Blog</a>
- </li>
- <!--/*-->
- <li class="m projects"><a href="../projects" class="m selected">Projects</a></li>
- <li class="m about"><a href="../about.html" class="m">About</a></li>
- <!--*/-->
- </ul>
- <h2 class="nav submenu">
- <span class="s">Submenu for section</span>
- <a class="s selected" href="../projects.html" th:href="@{${section.uri}}" th:text="${section.name}">Projects</a>
- </h2>
- <ul layout:fragment="submenu"
- th:with="
- submenu=${menu[section.uri]},
- parent=${(crumbs.size() == 2 and submenu.get(uri)['childs'] == null) ? crumbs[0].uri : null},
- pos=1"
- id="submenu"
- class="s"
- >
- <li th:fragment="submenu(submenu, parent, pos)"
- th:each="entry : ${submenu}"
- th:with="
- child=${pos == crumbs.size()},
- selected=${!child and crumbs.get(pos).uri == entry.key},
- last=${crumbs.get(pos-1).uri == parent and crumbs.size() > pos},
- childs=${entry.value['childs']}
- "
- class="s sub"
- th:class="'s' + (${childs} ? ' sub' : '') + (${selected or last or child} ? '' : ' off')"
- >
- <a href="../projects/fix-swf.html"
- th:href="@{${entry.key}}"
- class="s selected"
- th:class="${selected} ? 's selected' : 's'"
- th:text="${entry.value.name}"
- >fix-swf</a>
- <ul th:if="${selected and childs != null}"
- class="s active"
- th:class="${selected} ? 's active' : 's'"
- >
- <li th:replace="templates/layout :: submenu(submenu=${childs}, parent=${entry.key}, pos=${pos + 1})"
- class="s"
- >
- <strong class="s">Overview</strong>
- </li>
- <!--/*-->
- <li class="s"><a href="../projects/fix-swf/getting-started.html" class="s">Getting Started</a></li>
- <li class="s"><a href="#" class="s">FAQ</a></li>
- <li class="s"><a href="#" class="s">Documentation</a></li>
- <!--*/-->
- </ul>
- </li>
- <!--/*-->
- <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
- <li class="s off"><a href="#" class="s">jquery.openx</a></li>
- <li class="s sub off"><a href="../projects/html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
- <li class="s sub off"><a href="#" class="s">accelerator</a></li>
- <li class="s off"><a href="../projects/typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
- <!--*/-->
- </ul>
- <hr class="n"/>
- </nav>
- <aside class="m" layout:fragment="marginalcontent" th:remove="tag">
- <!--/* the following is only visible during natural templating -->
- <h1>Other nasty but marginal stuff</h1>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
- ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- </aside>
- <aside class="m">
- <h1>More nasty stuff</h1>
- <p>
- This one is really short!
- </p>
- <!--*/-->
- </aside>
- </div>
- </main>
- <footer id="footer">
- <hr class="f" />
- <ul id="footerlinks" layout:fragment="footer">
- <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
- <li class="f"><a class="f" href="../impressum.html" th:href="@{/impressum.html}">Impressum</a></li>
- <li class="f about"><a class="f" href="../about.html" th:href="@{/about.html}">About</a></li>
- </ul>
- </footer>
- </div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.thymeleaf.org"
- >
- <head>
- <title th:replace="templates/layout :: head">juplo - TESTLABTEMPLATE</title>
- <style type="text/css">
-
- body {
- margin: 0;
- padding: 0;
- }
-
- .testlab
- {
- width: 100%;
- text-indent: 0;
- margin: 0 0 20px -320px;
- background-color: #fff;
- }
- .testlab:after
- {
- content:"";
- display:table;
- }
- .tl970
- {
- margin-left: 0px;
- border-left: 970px solid green;
- text-indent: -970px;
- background-color: transparent;
- }
- .tl670
- {
- margin-left: -970px;
- border-left: 670px solid yellow;
- text-indent: -670px;
- background-color: transparent;
- }
- .tl480
- {
- margin-left: -670px;
- border-left: 480px solid orange;
- text-indent: -480px;
- background-color: transparent;
- }
- .tl320
- {
- margin-left: -480px;
- border-left: 320px solid red;
- text-indent: -320px;
- background-color: transparent;
- }
- </style>
- </head>
- <body>
- <h1 th:text="${title}">TESTLAB-TEMPLATE</h1>
- <div class="testlab tl970">970px
- <div class="testlab tl670">670px
- <div class="testlab tl480">480px
- <div class="testlab tl320">320px
- <strong layout:fragment="content">CONTENT</strong>
- </div>
- </div>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
-{
- "crumbs": {
- "/projects.html": [
- { "uri": "/projects.html", "name": "Projects" }
- ],
- "/projects/fix-swf.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/fix-swf.html", "name": "Fix SWF" }
- ],
- "/projects/fix-swf/overview.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/fix-swf.html", "name": "Fix SWF" },
- { "uri": "/projects/fix-swf/overview.html", "name": "Overview" }
- ],
- "/projects/fix-swf/getting-started.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/fix-swf.html", "name": "Fix SWF" },
- { "uri": "/projects/fix-swf/getting-started.html", "name": "Getting Started" }
- ],
- "/projects/html-experimente.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" }
- ],
- "/projects/html-experimente/formulare.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/formulare.html", "name": "Formulare" }
- ],
- "/projects/html-experimente/symbole.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/symbole.html", "name": "Symbol-Font" }
- ],
- "/templates/404.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/templates/404.html", "name": "404-Template" }
- ],
- "/projects/html-experimente/gibts-ja-gar-nicht.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/gibts-ja-gar-nicht.html", "name": "404-Fehlerseite" }
- ],
- "/templates/error.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/templates/error.html", "name": "5xx-Template" }
- ],
- "/projects/html-experimente/error.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/error.html", "name": "5xx-Fehlerseite" }
- ],
- "/projects/html-experimente/fast-leer-mit-menü.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/fast-leer-mit-menü.html", "name": "Leer, mit Menü, ohne Marginal" }
- ],
- "/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html", "name": "Leer, mit Menü, mit Marginal" }
- ],
- "/projects/html-experimente/fast-leer-kein-menü.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/fast-leer-kein-menü.html", "name": "Leer, ohne Menü, ohne Marginal" }
- ],
- "/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html", "name": "Leer, ohne Menü, mit Marginal" }
- ],
- "/projects/html-experimente/fast-leer-einspaltig.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/fast-leer-einspaltig.html", "name": "Leer, einspaltig" }
- ],
- "/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html", "name": "Leer, einspaltig, mit Marginal" }
- ],
- "/projects/html-experimente/breadcrumb.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/breadcrumb.html", "name": "Langer Breadcrumb" }
- ],
- "/projects/html-experimente/kein-layout.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/kein-layout.html", "name": "Alle Stylings deaktiviert" }
- ],
- "/projects/html-experimente/basis-layout.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/basis-layout.html", "name": "Nur das Basis-Layout" }
- ],
- "/projects/html-experimente/druck-layout.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/druck-layout.html", "name": "Druck-Layout" }
- ],
- "/projects/html-experimente/tiny.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/tiny.html", "name": "Layout TINY" }
- ],
- "/projects/html-experimente/phone.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/phone.html", "name": "Layout PHONE" }
- ],
- "/projects/html-experimente/tablet.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/tablet.html", "name": "Layout TABLET" }
- ],
- "/projects/html-experimente/seitenaufteilung.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/seitenaufteilung.html", "name": "Basis-Layout & Seitenaufteilung" }
- ],
- "/projects/html-experimente/seitenkopf.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/seitenkopf.html", "name": "Basis-Layout & Seitenkopf" }
- ],
- "/projects/html-experimente/testlab.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
- { "uri": "/projects/html-experimente/testlab.html", "name": "Media-Query-Test (Beispiel)" }
- ],
- "/projects/typo.html": [
- { "uri": "/projects.html", "name": "Projects" },
- { "uri": "/projects/typo.html", "name": "Typography" }
- ],
- "/about.html": [
- { "uri": "/about.html", "name": "About" }
- ],
- "/expertise.html": [
- { "uri": "/about.html", "name": "About" },
- { "uri": "/expertise.html", "name": "Expertise" }
- ],
- "/references.html": [
- { "uri": "/about.html", "name": "About" },
- { "uri": "/references.html", "name": "References" }
- ],
- "/contact.html": [
- { "uri": "/about.html", "name": "About" },
- { "uri": "/contact.html", "name": "Contact" }
- ]
- },
- "sections": {
- "/blog.html": { "name": "Blog", "key": "blog" },
- "/projects.html": { "name": "Projects", "key": "projects" },
- "/about.html": { "name": "About", "key": "about" }
- },
- "menu": {
- "/projects.html": {
- "#": { "name": "hibernate4-maven-plugin" },
- "/projects/fix-swf.html": {
- "name": "Fix SWF",
- "childs": {
- "/projects/fix-swf/overview.html": { "name": "Overview" },
- "/projects/fix-swf/getting-started.html": { "name": "Getting Started" },
- "#": { "name": "FAQ" },
- "#": { "name": "Documentation" }
- }
- },
- "#": { "name": "jquery.openx" },
- "/projects/html-experimente.html": {
- "name": "HTML-Experimente",
- "childs": {
- "/projects/html-experimente/formulare.html": { "name": "Formulare" },
- "/projects/html-experimente/symbole.html": { "name": "Symbol-Font" },
- "/templates/404.html": { "name": "404-Template" },
- "/projects/html-experimente/gibts-ja-gar-nicht.html": { "name": "404-Fehlerseite" },
- "/templates/error.html": { "name": "5xx-Template" },
- "/projects/html-experimente/error.html": { "name": "5xx-Fehlerseite" },
- "/projects/html-experimente/fast-leer-mit-menü.html": { "name": "Leer, mit Menü, ohne Marginal" },
- "/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html": { "name": "Leer, mit Menü, mit Marginal" },
- "/projects/html-experimente/fast-leer-kein-menü.html": { "name": "Leer, ohne Menü, ohne Marginal" },
- "/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html": { "name": "Leer, ohne Menü, mit Marginal" },
- "/projects/html-experimente/fast-leer-einspaltig.html": { "name": "Leer, einspaltig" },
- "/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html": { "name": "Leer, einspaltig, mit Marginal" },
- "/projects/html-experimente/breadcrumb.html": { "name": "Langer Breadcrumb" },
- "/projects/html-experimente/kein-layout.html": { "name": "Alle Stylings deaktiviert" },
- "/projects/html-experimente/basis-layout.html": { "name": "Nur das Basis-Layout" },
- "/projects/html-experimente/druck-layout.html": { "name": "Druck-Layout" },
- "/projects/html-experimente/tiny.html": { "name": "Layout TINY" },
- "/projects/html-experimente/phone.html": { "name": "Layout PHONE" },
- "/projects/html-experimente/tablet.html": { "name": "Layout TABLET" },
- "/projects/html-experimente/seitenaufteilung.html": { "name": "Basis-Layout & Seitenaufteilung" },
- "/projects/html-experimente/seitenkopf.html": { "name": "Basis-Layout & Seitenkopf" },
- "/projects/html-experimente/testlab.html": { "name": "Media-Query-Test (Beispiel)" }
- }
- },
- "#": { "name": "accelerator" },
- "/projects/typo.html": { "name": "Typography" }
- },
- "/about.html": {
- "/expertise.html": {
- "name": "Expertise",
- "childs": {
- }
- },
- "/references.html": {
- "name": "References",
- "childs": {
- }
- },
- "/contact.html": { "name": "Contact" }
- }
- }
-}
+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>Urheberrecht</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
- <li class="b"><strong class="b">Urheberrechte</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="s active cf">
- <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
- </ul>
- <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
- <ul id="submenu">
- <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
- <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
- <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
- <li class="s"><strong class="s">Urheberrechte</strong></li>
- <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
- <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1 layout:fragment="title">Urheberrechte</h1></header>
- <p>Die auf unseren Internetseiten enthaltenen Werke und Inhalte unterstehen dem Urheberrecht. Ohne schriftliche Genehmigung des jeweiligen Erstellers oder Autors dürfen die Werke bzw. Inhalte nicht vervielfältigt, bearbeitet, verbreitet und verwertet werden. Das Herunterladen und Kopieren unserer Internetseite ist für den privaten Gebrauch erlaubt, nicht jedoch für den kommerziellen. Wir weisen darauf hin, dass hinsichtlich der Inhalte auf unserer Internetseite, soweit sie nicht von uns erstellt worden sind, das Urheberrecht von Dritten beachtet wurde. Inhalte von Dritten erhalten als solche eine Kennzeichnung von uns. Wir wären Ihnen dankbar, wenn Sie uns einen Hinweis erteilen würden, falls Sie trotzdem auf eine Urheberrechtsverletzung gestoßen sind. Wenn wir von einer solchen Urheberrechtsverletzung Kenntnis erlangen, werden wir den entsprechenden Inhalt unverzüglich entfernen.</p>
- <p><em>Quelle: Flegl Rechtsanwälte GmbH</em></p>
- </article>
- <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
- </body>
-</html>
--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>Urheberrecht</title>
+ <!--/*-->
+ <link rel="stylesheet" type="text/css" href="css/base.min.css"/>
+ <style type="text/css">
+ @import 'css/screen.min.css' screen;
+ @import 'css/print.min.css' print;
+ </style>
+ <!--*/-->
+ </head>
+ <body>
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><a href="impressum.html" th:href="@{/impressum.html}" class="b">Impressum</a></li>
+ <li class="b"><strong class="b">Urheberrechte</strong></li>
+ </ol>
+ <nav layout:fragment="navigation">
+ <hr class="n"/>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+ <h1 class="nav">Navigation</h1>
+ <h2 class="nav menu">Section-Menu</h2>
+ <ul id="menu" class="s active cf">
+ <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
+ <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+ <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
+ </ul>
+ <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="impressum.html" th:href="@{/impressum.html}" class="s selected">Impressum</a></h2>
+ <ul id="submenu">
+ <li class="s"><a href="agb.html" th:href="@{/agb.html}" class="s">AGB</a></li>
+ <li class="s"><a href="haftung-inhalte.html" th:href="@{/haftung-inhalte.html}" class="s">Haftung für Inhalte</a></li>
+ <li class="s"><a href="haftung-links.html" th:href="@{/haftung-links.html}" class="s">Haftung für Links</a></li>
+ <li class="s"><strong class="s">Urheberrechte</strong></li>
+ <li class="s"><a href="datenschutz.html" th:href="@{/datenschutz.html}" class="s">Datenschutz</a></li>
+ <li class="s"><a href="google-analytics.html" th:href="@{/google-analytics.html}" class="s">Google Analytics</a></li>
+ </ul>
+ </nav>
+ <article class="main" layout:fragment="maincontent">
+ <header><h1 layout:fragment="title">Urheberrechte</h1></header>
+ <p>Die auf unseren Internetseiten enthaltenen Werke und Inhalte unterstehen dem Urheberrecht. Ohne schriftliche Genehmigung des jeweiligen Erstellers oder Autors dürfen die Werke bzw. Inhalte nicht vervielfältigt, bearbeitet, verbreitet und verwertet werden. Das Herunterladen und Kopieren unserer Internetseite ist für den privaten Gebrauch erlaubt, nicht jedoch für den kommerziellen. Wir weisen darauf hin, dass hinsichtlich der Inhalte auf unserer Internetseite, soweit sie nicht von uns erstellt worden sind, das Urheberrecht von Dritten beachtet wurde. Inhalte von Dritten erhalten als solche eine Kennzeichnung von uns. Wir wären Ihnen dankbar, wenn Sie uns einen Hinweis erteilen würden, falls Sie trotzdem auf eine Urheberrechtsverletzung gestoßen sind. Wenn wir von einer solchen Urheberrechtsverletzung Kenntnis erlangen, werden wir den entsprechenden Inhalt unverzüglich entfernen.</p>
+ <p><em>Quelle: Flegl Rechtsanwälte GmbH</em></p>
+ </article>
+ <aside layout:fragment="marginalcontent" th:include="templates/fragments :: about"></aside>
+ </body>
+</html>
projects / website / commitdiff