]> juplo.de Git - website/commitdiff
`<body>`-Inhalte extrahiert und den `<title>` in Front-Matter abgelegt
authorKai Moritz <kai@juplo.de>
Mon, 8 Dec 2025 20:19:57 +0000 (21:19 +0100)
committerKai Moritz <kai@juplo.de>
Mon, 8 Dec 2025 20:19:57 +0000 (21:19 +0100)
Automatisiert mit https://github.com/mgdm/htmlq[mgdm/htmlq]:

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

49 files changed:
content/_index.html
content/about.html
content/agb.html
content/blog/_index.html
content/blog/article/_index.html
content/blog/comments/_index.html
content/contact.html
content/datenschutz.html
content/devel.html
content/error/404.html
content/error/5xx.html
content/expertise.html
content/google-analytics.html
content/haftung-inhalte.html
content/haftung-links.html
content/impressum.html
content/potemkin.html
content/potemkin/accelerator.html
content/potemkin/fix-swf/getting-started.html
content/potemkin/fix-swf/overview.html
content/potemkin/html-experimente.html
content/potemkin/html-experimente/html-experimente/basis-layout.html
content/potemkin/html-experimente/html-experimente/breadcrumb.html
content/potemkin/html-experimente/html-experimente/druck-layout.html
content/potemkin/html-experimente/html-experimente/error.html
content/potemkin/html-experimente/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
content/potemkin/html-experimente/html-experimente/fast-leer-einspaltig.html
content/potemkin/html-experimente/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html
content/potemkin/html-experimente/html-experimente/fast-leer-kein-menü.html
content/potemkin/html-experimente/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html
content/potemkin/html-experimente/html-experimente/fast-leer-mit-menü.html
content/potemkin/html-experimente/html-experimente/formulare.html
content/potemkin/html-experimente/html-experimente/kein-layout.html
content/potemkin/html-experimente/html-experimente/phone.html
content/potemkin/html-experimente/html-experimente/seitenaufteilung.html
content/potemkin/html-experimente/html-experimente/seitenkopf.html
content/potemkin/html-experimente/html-experimente/symbole.html
content/potemkin/html-experimente/html-experimente/tablet.html
content/potemkin/html-experimente/html-experimente/testlab.html
content/potemkin/html-experimente/html-experimente/tiny.html
content/potemkin/typo.html
content/projects.html
content/references.html
content/templates/example/layout.html
content/templates/example/page.html
content/templates/fragments.html
content/templates/layout.html
content/templates/testlab.html
content/urheberrechte.html

index 9add09349972b4a4ca154445a155ae46164205d3..86491a155b57a731c47d570dd5a4e271177ee163 100644 (file)
@@ -1,40 +1,22 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/index.html',
-      contentclass='nomenu',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}
-      )}"
-    >
-  <head>
-    <title>Home</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <ol id="crumbs">
+---
+title: "Home"
+---
+<ol id="crumbs">
       <li class="b"><strong class="b">Home</strong></li>
     </ol>
-    <h1 id="logo"><strong class="l"><img class="l" src="/img/logo.svg" alt="juplo"/></strong></h1>
-    <nav id="navigation">
-      <hr class="n"/>
+<h1 id="logo"><strong class="l"><img alt="juplo" class="l" src="/img/logo.svg"></strong></h1>
+<nav id="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/" th:href="@{/blog/}" 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 class="cf" id="menu">
+        <li class="m blog"><a class="m" href="blog/" th:href="@{/blog/}">Blog</a></li>
+        <li class="m projects"><a class="m" href="projects.html" th:href="@{/projects.html}">Projects</a></li>
+        <li class="m about"><a class="m" href="about.html" th:href="@{/about.html}">About</a></li>
       </ul>
     </nav>
-    <div>
+<div>
       <h1>Startseite</h1>
       <h2>Die Templates</h2>
       <ul>
         <li><a href="potemkin/html-experimente.html">HTML-Experimente</a> - Testseiten für Edge-Cases</li>
       </ul>
     </div>
-    <main class="maincontent">
+<main class="maincontent">
       <div class="pack bg cf">
         <div class="p right">
-          <h2>Work In Progress&#8230;</h2>
+          <h2>Work In Progress</h2>
           <p>This page is under heavy construction.</p>
-          <p style="text-align: center"><img src="/img/wip.gif" alt="Man bashing his head on a computer-keyboard"/></p>
-          <p>So, please be patiance with us&#8230;</p>
+          <p style="text-align: center"><img alt="Man bashing his head on a computer-keyboard" src="/img/wip.gif"></p>
+          <p>So, please be patiance with us</p>
         </div>
         <div class="p left">
           <h2>About juplo</h2>
         <p><a href="/hibernate-maven-plugin/index.html" title="Visit the plugin-documentation">Learn more...</a></p>
       </div>
     </main>
-    <aside class="marginalcontent">
+<aside class="marginalcontent">
       <div class="widget widget_recent_entries">
         <h2 class="widgettitle">Recent Posts</h2>
         <ul>
-          <li><a href="http://juplo.de/show-spring-boot-auto-configuration-report-when-running-via-mvn-spring-boot-run/">Show Spring-Boot Auto-Configuration-Report When Running Via &#8220;mvn spring-boot:run&#8221;</a></li>
-          <li><a href="http://juplo.de/parsing-json-from-facebooks-graph-api-using-jackson-2-x-and-javas-new-time-api/">Parsing JSON From Facebooks Graph-API Using Jackson 2.x And Java&#8217;s New Time-API</a></li>
+          <li><a href="http://juplo.de/show-spring-boot-auto-configuration-report-when-running-via-mvn-spring-boot-run/">Show Spring-Boot Auto-Configuration-Report When Running Via “mvn spring-boot:run”</a></li>
+          <li><a href="http://juplo.de/parsing-json-from-facebooks-graph-api-using-jackson-2-x-and-javas-new-time-api/">Parsing JSON From Facebooks Graph-API Using Jackson 2.x And Javas New Time-API</a></li>
           <li><a href="http://juplo.de/problems-deploying-a-spring-boot-app-as-war/">Problems Deploying A Spring-Boot-App As WAR</a></li>
           <li><a href="http://juplo.de/hibernate-maven-plugin-2-0-0-released/">hibernate-maven-plugin 2.0.0 released!</a></li>
-          <li><a href="http://juplo.de/release-of-a-maven-plugin-to-maven-central-fails-with-error-unknown-tag-goal/">Release Of A Maven-Plugin to Maven Central Fails With &#8220;error: unknown tag: goal&#8221;</a></li>
+          <li><a href="http://juplo.de/release-of-a-maven-plugin-to-maven-central-fails-with-error-unknown-tag-goal/">Release Of A Maven-Plugin to Maven Central Fails With “error: unknown tag: goal”</a></li>
         </ul>
       </div>
     </aside>
-  </body>
-</html>
index 442ce988f24e434b4f8548ac1c8a4e9e23de83b1..31dd186aa12f8c07458b7bc4de78c5fc5842f193 100644 (file)
@@ -1,24 +1,7 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/about.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}
-      )}"
-    >
-  <head>
-    <title>About</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
+---
+title: "About"
+---
+<article class="maincontent">
       <header><h1>About</h1></header>
       <p>
         <span class="logo">juplo</span> is the place, where I collect and share
@@ -63,7 +46,7 @@
         <a href="references.html" th:href="@{/references.html}">what I have already done for others</a>.
       </p>
     </article>
-    <aside class="marginalcontent">
+<aside class="marginalcontent">
       <h2>Funded by the Europian Union</h2>
       <p>
         As partner of the company
         that is funded by the European Union and the federal state Northrhine-Westphalia.
       </p>
       <p>
-        <a href="http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html" title="Show details about the funded resarch-project" class="img">
-          <img src="img/EFRE_Foerderhinweis_deutsch_farbig.svg" alt="Europäische Union: Investitionen in unsere Zukunft - Europäischer Fonds für regionale Entwicklung" th:src="@{/img/EFRE_Foerderhinweis_deutsch_farbig.svg}" width="100%"/>
-          <img src="img/Ziel2NRW_4c_1809_eps.svg" alt="EFRE.NRW 2014-2020: Invesitionen in Wachstum und Beschäftigung" th:src="@{/img/Ziel2NRW_4c_1809_eps.svg}" width="100%"/>
+        <a class="img" href="http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html" title="Show details about the funded resarch-project">
+          <img alt="Europäische Union: Investitionen in unsere Zukunft - Europäischer Fonds für regionale Entwicklung" src="img/EFRE_Foerderhinweis_deutsch_farbig.svg" th:src="@{/img/EFRE_Foerderhinweis_deutsch_farbig.svg}" width="100%">
+          <img alt="EFRE.NRW 2014-2020: Invesitionen in Wachstum und Beschäftigung" src="img/Ziel2NRW_4c_1809_eps.svg" th:src="@{/img/Ziel2NRW_4c_1809_eps.svg}" width="100%">
         </a>
       </p>
     </aside>
-  </body>
-</html>
index f7bf009529c79ef864486fa2802ce08458dfbbb8..a12bb78cce4b57648b0ebc59f9a197d4e905126d 100644 (file)
@@ -1,23 +1,7 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/agb.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent})}"
-    >
-  <head>
-    <title id="title">Allgemeine Geschäftsbedingungen (AGB)</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
+---
+title: "Allgemeine Geschäftsbedingungen (AGB)"
+---
+<article class="maincontent">
       <header><h1>Allgemeine Geschäftsbedingungen (AGB)</h1></header>
       <p><em>Stand: 01.02.2014</em></p>
       <h2>Angebote &amp; Abrechnung</h2>
         dem wirtschaftlichen Zweck des Vertrages Rechnung tragen.
       </p>
     </article>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: about"></aside>
-  </body>
-</html>
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: about"></aside>
index 287f577e6089bf3a105560d7f8f35b5e770c96ab..48d887b101f829adf06ff260ee1c6f6905c74f5a 100644 (file)
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/blog/',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/blog/blog.json')}"
-    >
-  <head>
-    <title id="title">Blog</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <main class="maincontent">
-      <article id="post-140" class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j">
+---
+title: "Blog"
+---
+<main class="maincontent">
+      <article class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j" id="post-140">
         <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>
+          <h2 class="entry-title"><a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" rel="bookmark" title="Permalink to 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></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>
+            Posted on <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" rel="bookmark" title="12:58"><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/" rel="author" title="View all posts by Kai Moritz">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/css/" 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>
+            Posted in <a href="http://juplo.de/category/jetty/" rel="category tag" title="View all posts in Jetty">Jetty</a>, <a href="http://juplo.de/category/css/" rel="category tag" title="View all posts in less">less</a>, <a href="http://juplo.de/category/maven/" rel="category tag" title="View all posts in Maven">Maven</a>, <a href="http://juplo.de/category/wro4j/" rel="category tag" title="View all posts in wro4j">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">
+      <article class="post-114 post type-post status-publish format-standard hentry category-hibernate category-java category-maven" id="post-114">
         <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>
+          <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-3-released/" rel="bookmark" title="Permalink to hibernate4-maven-plugin 1.0.3 released!">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>
+            Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-3-released/" rel="bookmark" title="02:46"><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/" rel="author" title="View all posts by Kai Moritz">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>
+            Posted in <a href="http://juplo.de/category/hibernate/" rel="category tag" title="View all posts in Hibernate">Hibernate</a>, <a href="http://juplo.de/category/java/" rel="category tag" title="View all posts in Java">Java</a>, <a href="http://juplo.de/category/maven/" rel="category tag" title="View all posts in Maven">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">
+      <article class="post-97 post type-post status-publish format-standard hentry category-appengine category-java category-maven category-oauth2" id="post-97">
         <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>
+          <h2 class="entry-title"><a href="http://juplo.de/log-out-from-wrong-account-with-maven-appengine-plugin/" rel="bookmark" title="Permalink to Log out from wrong Account with maven-appengine-plugin">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>
+            Posted on <a href="http://juplo.de/log-out-from-wrong-account-with-maven-appengine-plugin/" rel="bookmark" title="11:33"><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/" rel="author" title="View all posts by Kai Moritz">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>
+            Posted in <a href="http://juplo.de/category/appengine/" rel="category tag" title="View all posts in appengine">appengine</a>, <a href="http://juplo.de/category/java/" rel="category tag" title="View all posts in Java">Java</a>, <a href="http://juplo.de/category/maven/" rel="category tag" title="View all posts in Maven">Maven</a>, <a href="http://juplo.de/category/oauth2/" rel="category tag" title="View all posts in oauth2">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">
+      <article class="post-90 post type-post status-publish format-standard hentry category-hibernate category-java category-jpa" id="post-90">
         <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>
+          <h2 class="entry-title"><a href="http://juplo.de/bidirectional-association-with-elementcollection/" rel="bookmark" title="Permalink to Bidirectional Association with @ElementCollection">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>
+            Posted on <a href="http://juplo.de/bidirectional-association-with-elementcollection/" rel="bookmark" title="11:11"><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/" rel="author" title="View all posts by Kai Moritz">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>
+            Posted in <a href="http://juplo.de/category/hibernate/" rel="category tag" title="View all posts in Hibernate">Hibernate</a>, <a href="http://juplo.de/category/java/" rel="category tag" title="View all posts in Java">Java</a>, <a href="http://juplo.de/category/jpa/" rel="category tag" title="View all posts in JPA">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">
+      <article class="post-75 post type-post status-publish format-standard hentry category-hibernate category-java category-maven" id="post-75">
         <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>
+  s        <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-2-release/" rel="bookmark" title="Permalink to hibernate4-maven-plugin 1.0.2 released!">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>
+            Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-2-release/" rel="bookmark" title="02:06"><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/" rel="author" title="View all posts by Kai Moritz">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>
+            Posted in <a href="http://juplo.de/category/hibernate/" rel="category tag" title="View all posts in Hibernate">Hibernate</a>, <a href="http://juplo.de/category/java/" rel="category tag" title="View all posts in Java">Java</a>, <a href="http://juplo.de/category/maven/" rel="category tag" title="View all posts in Maven">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">
+      <article class="post-64 post type-post status-publish format-standard hentry category-hibernate category-java category-maven" id="post-64">
         <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>
+          <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-1-released/" rel="bookmark" title="Permalink to hibernate4-maven-plugin 1.0.1 released!">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>
+            Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-1-released/" rel="bookmark" title="01:10"><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/" rel="author" title="View all posts by Kai Moritz">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>
+            Posted in <a href="http://juplo.de/category/hibernate/" rel="category tag" title="View all posts in Hibernate">Hibernate</a>, <a href="http://juplo.de/category/java/" rel="category tag" title="View all posts in Java">Java</a>, <a href="http://juplo.de/category/maven/" rel="category tag" title="View all posts in Maven">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">
+      <article class="post-55 post type-post status-publish format-standard hentry category-hibernate category-java category-maven" id="post-55">
         <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>
+          <h2 class="entry-title"><a href="http://juplo.de/hibernate4-maven-plugin-1-0-released/" rel="bookmark" title="Permalink to hibernate4-maven-plugin 1.0 released!">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>
+            Posted on <a href="http://juplo.de/hibernate4-maven-plugin-1-0-released/" rel="bookmark" title="22:04"><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/" rel="author" title="View all posts by Kai Moritz">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>
+            Posted in <a href="http://juplo.de/category/hibernate/" rel="category tag" title="View all posts in Hibernate">Hibernate</a>, <a href="http://juplo.de/category/java/" rel="category tag" title="View all posts in Java">Java</a>, <a href="http://juplo.de/category/maven/" rel="category tag" title="View all posts in Maven">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">
+      <article class="post-34 post type-post status-publish format-standard hentry category-hibernate category-java category-maven" id="post-34">
         <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>
+          <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/" rel="bookmark" title="Permalink to hibernate4-maven-plugin">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>          
+            Posted on <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" rel="bookmark" title="19:29"><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/" rel="author" title="View all posts by Kai Moritz">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>
+            Posted in <a href="http://juplo.de/category/hibernate/" rel="category tag" title="View all posts in Hibernate">Hibernate</a>, <a href="http://juplo.de/category/java/" rel="category tag" title="View all posts in Java">Java</a>, <a href="http://juplo.de/category/maven/" rel="category tag" title="View all posts in Maven">Maven</a>
           </span>
         </footer><!-- .entry-meta -->
       </article><!-- #post-34 -->
     </main>
-    <div class="marginalcontent">
-      <div id="secondary" class="widget-area" role="complementary">
-        <aside id="archives" class="widget">
+<div class="marginalcontent">
+      <div class="widget-area" id="secondary" role="complementary">
+        <aside class="widget" id="archives">
           <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>
+            <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">
+        <aside class="widget" id="categories">
           <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-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">
+        <aside class="widget widget_search" id="search">
           <h1 class="widget-title">Search</h1>
-          <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
+          <form action="http://juplo.de/" class="searchform" id="searchform" method="get" role="search">
             <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" />
+              <input id="s" name="s" type="text" value="">
+              <input id="searchsubmit" type="submit" value="Search">
             </div>
           </form>
         </aside>
       </div><!-- #secondary .widget-area -->
-      <div id="tertiary" class="widget-area" role="supplementary">
+      <div class="widget-area" id="tertiary" role="supplementary">
       </div><!-- #tertiary .widget-area -->
     </div>
-  </body>
-</html>
index bcc2b7e87a222c7e8f08a4b9049b81ddca3eef2d..e4c672f7f90c189b7c1de5755ef2239956f8c33a 100644 (file)
@@ -1,42 +1,24 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/blog/article/',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/blog/blog.json')}"
-    >
-  <head>
-    <title id="title">juplo - blog - Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
-      <article id="post-140" class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j">
+---
+title: "juplo - blog - Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources"
+---
+<article class="maincontent">
+      <article class="post-140 post type-post status-publish format-standard hentry category-jetty category-less category-maven category-wro4j" id="post-140">
         <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>
+            Posted on <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" rel="bookmark" title="12:58"><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/" rel="author" title="View all posts by Kai Moritz">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.csscss.org/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.csscss.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.csscss.org/#usage" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.csscss.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 &#8211; which is best for development &#8211; and the pre-compiled mode &#8211; which is best for production. For the client-side mode you need something like:</p>
-          <pre class="prettyprint linenums">
-  <code class="html">
+          <p>You cannot do both, use the <a href="http://www.csscss.org/#usage" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.csscss.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">
   &lt;link rel="stylesheet" type="text/css" href="styles.css" /&gt;
   &lt;script src="less.js" type="text/javascript"&gt;&lt;/script&gt;
   </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">
+          <pre class="prettyprint linenums">  <code class="html">
   &lt;link rel="stylesheet" type="text/css" href="styles.css" /&gt;
   </code>
           </pre>
           <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&#8217;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>
+          <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 wro4js <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">
+          <pre class="prettyprint linenums">  <code class="xml">
   &lt;groups xmlns="http://www.isdc.ro/wro"&gt;
     &lt;group name="base"&gt;
       &lt;css&gt;/css/base/*.css&lt;/css&gt;
           <p>wro4j looks for <code>/css/base/*.css</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>*.css</code>-sources into CSS and do that on <em>every request</em>:</p>
-          <pre class="prettyprint linenums">
-  <code class="properties">
+          <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&#8217;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>&lt;overrideDescriptor&gt;</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>
+          <p>Configuring the filter in the <strong>web.xml</strong> is easy. It is explained in wro4js <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>&lt;overrideDescriptor&gt;</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>&lt;overrideDescriptor&gt;</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">
+          <pre class="prettyprint linenums">  <code class="xml">
   &lt;plugin&gt;
     &lt;groupId&gt;org.eclipse.jetty&lt;/groupId&gt;
     &lt;artifactId&gt;jetty-maven-plugin&lt;/artifactId&gt;
           <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">
+          <pre class="prettyprint linenums">  <code class="xml">
   &lt;?xml version="1.0" encoding="UTF-8"?&gt;
   &lt;web-app xmlns="http://java.sun.com/xml/ns/javaee"
     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   &lt;/web-app&gt;
   </code>
           </pre>
-          <p>The filter processes any URI&#8217;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>The filter processes any URIs 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/css/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">
+          <pre class="prettyprint linenums">  <code class="xml">
   &lt;plugin&gt;
     &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
     &lt;artifactId&gt;wro4j-maven-plugin&lt;/artifactId&gt;
   </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>&lt;cssDestinationFolder&gt;</code>-tag tells wro4j, where it should put the generated CSS-file. You can adjust that to suite your needs.</p>
-          <p>That&#8217;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>
+          <p>Thats 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">
+          <pre class="prettyprint linenums">  <code class="xml">
   &lt;plugin&gt;
     &lt;artifactId&gt;maven-war-plugin&lt;/artifactId&gt;
     &lt;configuration&gt;
   &lt;/plugin&gt;
   </code>
           </pre>
-          <h3>What&#8217;s next?</h3>
+          <h3>Whats 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/css/" 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>. 
+          This entry was posted in <a href="http://juplo.de/category/jetty/" rel="category tag" title="View all posts in Jetty">Jetty</a>, <a href="http://juplo.de/category/css/" rel="category tag" title="View all posts in less">less</a>, <a href="http://juplo.de/category/maven/" rel="category tag" title="View all posts in Maven">Maven</a>, <a href="http://juplo.de/category/wro4j/" rel="category tag" title="View all posts in wro4j">wro4j</a>. Bookmark the <a href="http://juplo.de/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/" rel="bookmark" title="Permalink to Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources">permalink</a>. 
         </footer><!-- .entry-meta -->
       </article><!-- #post-140 -->
       <!-- You can start editing here. -->
       <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>
+          <small><a href="/combining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources/#respond" id="cancel-comment-reply-link" rel="nofollow" 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&amp;redirect_to=http%3A%2F%2Fjuplo.de%2Fcombining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources%2F&amp;_wpnonce=09e5cb501d" title="Log out of this account">Log out &raquo;</a></p>
+        <form action="http://juplo.de/wp-comments-post.php" id="commentform" method="post">
+          <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&amp;redirect_to=http%3A%2F%2Fjuplo.de%2Fcombining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources%2F&amp;_wpnonce=09e5cb501d" title="Log out of this account">Log out »</a></p>
           <!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </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><textarea cols="58" id="comment" name="comment" rows="10" tabindex="4"></textarea></p>
+          <p><input id="submit" name="submit" tabindex="5" type="submit" value="Submit Comment">
+            <input id="comment_post_ID" name="comment_post_ID" type="hidden" value="140">
+            <input id="comment_parent" name="comment_parent" type="hidden" value="0">
           </p>
-          <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="2096655c89" /><script>(function() {
+          <input id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" type="hidden" 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>
+          <p style="display: none;"><input id="akismet_comment_nonce" name="akismet_comment_nonce" type="hidden" value="f31e001227"></p>
         </form>
       </div>
     </article>
-    <aside class="marginalcontent">
-      <div id="secondary" class="widget-area" role="complementary">
-        <aside id="archives" class="widget">
+<aside class="marginalcontent">
+      <div class="widget-area" id="secondary" role="complementary">
+        <aside class="widget" id="archives">
           <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>
+            <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">
+        <aside class="widget" id="categories">
           <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-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">
+        <aside class="widget widget_search" id="search">
           <h1 class="widget-title">Search</h1>
-          <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
+          <form action="http://juplo.de/" class="searchform" id="searchform" method="get" role="search">
             <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" />
+              <input id="s" name="s" type="text" value="">
+              <input id="searchsubmit" type="submit" value="Search">
             </div>
           </form>
         </aside>
       </div><!-- #secondary .widget-area -->
-      <div id="tertiary" class="widget-area" role="supplementary">
+      <div class="widget-area" id="tertiary" role="supplementary">
       </div><!-- #tertiary .widget-area -->
     </aside>
-  </body>
-</html>
index 87c04ff3967150ef2a287ab80fca98840f03352b..2fa57191fc96beb4262bf5be51cf8ffcf2146333 100644 (file)
@@ -1,34 +1,18 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/blog/comments/',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/blog/blog.json')}"
-    >
-  <head>
-    <title id="title">juplo - blog - hibernate4-maven-plugin</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
-      <article id="post-34" class="post-34 post type-post status-publish format-standard hentry category-hibernate category-java category-maven">
+---
+title: "juplo - blog - hibernate4-maven-plugin"
+---
+<article class="maincontent">
+      <article class="post-34 post type-post status-publish format-standard hentry category-hibernate category-java category-maven" id="post-34">
         <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>
+            Posted on <a href="http://juplo.de/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/" rel="bookmark" title="19:29"><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/" rel="author" title="View all posts by Kai Moritz">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 &#8211; 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.
+            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.
             <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>. 
+          This entry was posted in <a href="http://juplo.de/category/hibernate/" rel="category tag" title="View all posts in Hibernate">Hibernate</a>, <a href="http://juplo.de/category/java/" rel="category tag" title="View all posts in Java">Java</a>, <a href="http://juplo.de/category/maven/" rel="category tag" title="View all posts in Maven">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/" rel="bookmark" title="Permalink to hibernate4-maven-plugin">permalink</a>. 
         </footer><!-- .entry-meta -->
       </article><!-- #post-34 -->
       <!-- You can start editing here. -->
-      <h3 id="comments">15 Responses to &#8220;hibernate4-maven-plugin&#8221;</h3>
+      <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-body" id="div-comment-556">
             <div class="comment-author vcard">
               <cite class="fn">Jukes</cite> <span class="says">says:</span>
             </div>
                 November 7, 2013 at 23:18</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;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&#8217;m doing something wrong. I&#8217;m using version 1.0.3.</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 = &#8220;financialEnabled&#8221;, nullable = false, columnDefinition = &#8220;default TRUE&#8221;)<br />
+              @Column(name = “financialEnabled”, nullable = false, columnDefinition = “default TRUE”)<br>
               private boolean financialEnabled;
             </p>
             <p>
-              Generated SQL is:<br />
+              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>
+              <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(&quot;div-comment-556&quot;, &quot;556&quot;, &quot;respond&quot;, &quot;34&quot;)">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-body" id="div-comment-567">
                 <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>
+                  <cite class="fn"><a class="url" href="http://juplo.de" rel="external nofollow">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">
                   </a>
                 </div>
                 <p>
-                  This plugin is only a tool to automate the generation of the SQL in your development-environment.<br />
+                  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 &#8220;default TRUE&#8221;.<br />
+                  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 />
+                  @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>
+                  <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(&quot;div-comment-567&quot;, &quot;567&quot;, &quot;respond&quot;, &quot;34&quot;)">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-body" id="div-comment-390">
             <div class="comment-author vcard">
               <cite class="fn">Milios</cite> <span class="says">says:</span>
             </div>
             </div>
             <p>Hi,</p>
             <p>
-              looks like a very nice plugin. Unfortunately, part of our entities are in other modules/dependencies.<br />
+              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 />
+              de.juplo<br>
+              hibernate4-maven-plugin<br>
               1.0.2</p>
             <p>
-              true<br />
-              SCRIPT<br />
-              NONE<br />
-              com.deutscheboerse.hibernate.PostgreSQLDialect<br />
+              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 />
+              com.deutscheboerse.energy<br>
+              energy-commons-hibernate<br>
               ${commons.hibernate.version}</p>
             <p>
-              org.springframework.security<br />
-              spring-security-core<br />
+              org.springframework.security<br>
+              spring-security-core<br>
               ${spring.security.version}</p>
             <p>
-              org.slf4j<br />
-              slf4j-log4j12<br />
+              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&#8230;<br />
-              [INFO]<br />
-              [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
-              [INFO] Building CMM WAR 1.0.0-RC5-SNAPSHOT<br />
-              [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
-              [INFO]<br />
-              [INFO] &#8212; hibernate4-maven-plugin:1.0.2:export (default-cli) @ cmm-war &#8212;<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] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
-              [INFO] BUILD SUCCESS<br />
-              [INFO] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<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] &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</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 />
+              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>
+              <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(&quot;div-comment-390&quot;, &quot;390&quot;, &quot;respond&quot;, &quot;34&quot;)">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-body" id="div-comment-391">
                 <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>
+                  <cite class="fn"><a class="url" href="http://juplo.de" rel="external nofollow">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">
                   &nbsp;&nbsp;
                   <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;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 />
+                  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>
+                  <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(&quot;div-comment-391&quot;, &quot;391&quot;, &quot;respond&quot;, &quot;34&quot;)">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-body" id="div-comment-568">
                     <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>
+                      <cite class="fn"><a class="url" href="http://juplo.de" rel="external nofollow">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>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;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>
+                      <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(&quot;div-comment-568&quot;, &quot;568&quot;, &quot;respond&quot;, &quot;34&quot;)">Reply</a>            </div>
                   </div>
                 </li><!-- #comment-## -->
               </ul><!-- .children -->
           </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-body" id="div-comment-286">
             <div class="comment-author vcard">
               <cite class="fn">Pedro</cite> <span class="says">says:</span>            </div>
   
                 August 7, 2013 at 18:54</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;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&#8230;</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>
+              <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(&quot;div-comment-286&quot;, &quot;286&quot;, &quot;respond&quot;, &quot;34&quot;)">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-body" id="div-comment-285">
             <div class="comment-author vcard">
               <cite class="fn">Pedro</cite> <span class="says">says:</span>            </div>
   
                 August 7, 2013 at 18:49</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;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 />
+            <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&#8217;t the plugin scan all the dependencies also?</p>
-            <p>Thanks,<br />
+            <p>Shouldnt 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>
+              <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(&quot;div-comment-285&quot;, &quot;285&quot;, &quot;respond&quot;, &quot;34&quot;)">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-body" id="div-comment-287">
                 <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>
+                  <cite class="fn"><a class="url" href="http://juplo.de" rel="external nofollow">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>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=287" title="Edit comment">(Edit)</a>               </div>
   
                 <p>Hi Pedro,</p>
-                <p>I think, that your observation is right.<br />
+                <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>
+                  <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(&quot;div-comment-287&quot;, &quot;287&quot;, &quot;respond&quot;, &quot;34&quot;)">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-body" id="div-comment-426">
                     <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>
+                      <cite class="fn"><a class="url" href="http://juplo.de" rel="external nofollow">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>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;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>
+                    <p>The <a href="/hibernate4-maven-plugin-1-0-3-released/" rel="nofollow" title="Open the release-notes">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>
+                      <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(&quot;div-comment-426&quot;, &quot;426&quot;, &quot;respond&quot;, &quot;34&quot;)">Reply</a>            </div>
                   </div>
                 </li><!-- #comment-## -->
               </ul><!-- .children -->
           </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-body" id="div-comment-276">
             <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>
+              <cite class="fn"><a class="url" href="http://bidlogix.com" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-commentauthor', 'http://bidlogix.com']);" rel="external nofollow">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>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=276" title="Edit comment">(Edit)</a>            </div>
   
             <p>Hello,</p>
-            <p>I&#8217;m upgrading from hibernate3 to to hibernate4 and have moved from the hibernate3-maven-plugin to this version. I haven&#8217;t undertaken (and don&#8217;t want to just yet) the big job of changing my hbm mapping files to annotations.</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>
+              <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(&quot;div-comment-276&quot;, &quot;276&quot;, &quot;respond&quot;, &quot;34&quot;)">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-body" id="div-comment-277">
                 <div class="comment-author vcard">
                   <cite class="fn">tortenheber</cite> <span class="says">says:</span>          </div>
   
                     July 31, 2013 at 23:18</a>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=277" title="Edit comment">(Edit)</a>                </div>
   
                 <p>Hello Mike,</p>
-                <p>I added the requested feature in the SNAPSHOT-version.<br />
+                <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 />
+                <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><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>
+                  <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(&quot;div-comment-277&quot;, &quot;277&quot;, &quot;respond&quot;, &quot;34&quot;)">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-body" id="div-comment-50">
             <div class="comment-author vcard">
               <cite class="fn">Victor</cite> <span class="says">says:</span>           </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>
+              <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(&quot;div-comment-50&quot;, &quot;50&quot;, &quot;respond&quot;, &quot;34&quot;)">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-body" id="div-comment-51">
                 <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>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;c=51" title="Edit comment">(Edit)</a>             </div>
   
-                <p>Your welcom.<br />
+                <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>
+                  <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(&quot;div-comment-51&quot;, &quot;51&quot;, &quot;respond&quot;, &quot;34&quot;)">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-body" id="div-comment-54">
                     <div class="comment-author vcard">
                       <cite class="fn">Victor</cite> <span class="says">says:</span>           </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>
+                      <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(&quot;div-comment-54&quot;, &quot;54&quot;, &quot;respond&quot;, &quot;34&quot;)">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-body" id="div-comment-55">
                         <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>&nbsp;&nbsp;<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&amp;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>
+                        <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>
+                          <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(&quot;div-comment-55&quot;, &quot;55&quot;, &quot;respond&quot;, &quot;34&quot;)">Reply</a>           </div>
                       </div>
                     </li><!-- #comment-## -->
                   </ul><!-- .children -->
         <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>
+          <small><a href="/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/#respond" id="cancel-comment-reply-link" rel="nofollow" style="display:none;">Click here to cancel reply.</a></small>
         </div>
   
   
-        <form action="http://juplo.de/wp-comments-post.php" method="post" id="commentform">
+        <form action="http://juplo.de/wp-comments-post.php" id="commentform" method="post">
   
   
-          <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&amp;redirect_to=http%3A%2F%2Fjuplo.de%2Fhibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations%2F&amp;_wpnonce=09e5cb501d" title="Log out of this account">Log out &raquo;</a></p>
+          <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&amp;redirect_to=http%3A%2F%2Fjuplo.de%2Fhibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations%2F&amp;_wpnonce=09e5cb501d" title="Log out of this account">Log out »</a></p>
   
   
           <!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
   
-          <p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
+          <p><textarea cols="58" id="comment" name="comment" 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 id="submit" name="submit" tabindex="5" type="submit" value="Submit Comment">
+            <input id="comment_post_ID" name="comment_post_ID" type="hidden" value="34">
+            <input id="comment_parent" name="comment_parent" type="hidden" value="0">
           </p>
-          <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="2cfe5768bb" /><script>(function() {
+          <input id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" type="hidden" 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>
+          <p style="display: none;"><input id="akismet_comment_nonce" name="akismet_comment_nonce" type="hidden" value="18eb674233"></p>
         </form>
       </div>
     </article>
-    <aside class="marginalcontent">
-      <div id="secondary" class="widget-area" role="complementary">
-        <aside id="archives" class="widget">
+<aside class="marginalcontent">
+      <div class="widget-area" id="secondary" role="complementary">
+        <aside class="widget" id="archives">
           <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>
+            <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">
+        <aside class="widget" id="categories">
           <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-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">
+        <aside class="widget widget_search" id="search">
           <h1 class="widget-title">Search</h1>
-          <form role="search" method="get" id="searchform" class="searchform" action="http://juplo.de/">
+          <form action="http://juplo.de/" class="searchform" id="searchform" method="get" role="search">
             <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" />
+              <input id="s" name="s" type="text" value="">
+              <input id="searchsubmit" type="submit" value="Search">
             </div>
           </form>
         </aside>
       </div><!-- #secondary .widget-area -->
-      <div id="tertiary" class="widget-area" role="supplementary">
+      <div class="widget-area" id="tertiary" role="supplementary">
       </div><!-- #tertiary .widget-area -->
     </aside>
-  </body>
-</html>
index 5e80bf2025eabf5b93dd6a32fee69e856377648f..14f01861b8b99576da29c176911fd3a1398e120d 100644 (file)
@@ -1,33 +1,17 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/contact.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent})}"
-    >
-  <head>
-    <title id="title">Contact</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <div class="maincontent">
+---
+title: "Contact"
+---
+<div class="maincontent">
       <div class="pack">
         <div class="p left">
-          <img class="p" src="img/kai-moritz.jpg" th:src="@{/img/kai-moritz.jpg}" alt="Portrait"/>
+          <img alt="Portrait" class="p" src="img/kai-moritz.jpg" th:src="@{/img/kai-moritz.jpg}">
         </div>
         <article class="p right">
           <header><h1>Contact</h1></header>
           <h2>Address</h2>
           <p>
-            Kai Moritz<br />
-            Zumsandestr. 29a<br />
+            Kai Moritz<br>
+            Zumsandestr. 29a<br>
             48145 Münster
           </p>
           <h2>Email</h2>
@@ -46,5 +30,3 @@
         </article>
       </div>
     </div>
-  </body>
-</html>
index 483273b32f2f6ca2b165167f848ebef71f9b83d9..b41fb313afa30bc5dd11c3d2b50ebe5db5483a24 100644 (file)
@@ -1,23 +1,7 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/datenschutz.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent})}"
-    >
-  <head>
-    <title id="title">Datenschutz</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
+---
+title: "Datenschutz"
+---
+<article class="maincontent">
       <header><h1>Datenschutz</h1></header>
       <section id="allgemein">
         <h2>Allgemeine Hinweise zum Datenschutz</h2>
@@ -26,7 +10,7 @@
         <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 -->
       </section>
-      <section id="google-analytics" class="jump">
+      <section class="jump" id="google-analytics">
         <h2>Google Analytics</h2>
         <p>Unsere 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><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 -->
       </section>
-      <section id="dsgvo" class="jump">
+      <section class="jump" id="dsgvo">
         <h2>Ausführliche Angaben zum Datenschutz nach den Vorgaben der DSGVO</h2>
         <h3>I. Allgemeines zur Datenverarbeitung</h3>
         <h4>1. Umfang der Verarbeitung personenbezogener Daten</h4>
         <p>Wir verarbeiten personenbezogene Daten unserer Nutzer grundsätzlich nur, soweit dies zur Bereitstellung einer funktionsfähigen Website sowie unserer Inhalte und Leistungen erforderlich ist. Die Verarbeitung personenbezogener Daten unserer Nutzer erfolgt regelmäßig nur nach Einwilligung des Nutzers. Eine Ausnahme gilt in solchen Fällen, in denen eine vorherige Einholung einer Einwilligung aus tatsächlichen Gründen nicht möglich ist und die Verarbeitung der Daten durch gesetzliche Vorschriften gestattet ist.</p>
         <h4>2. Rechtsgrundlage für die Verarbeitung personenbezogener Daten</h4>
-        <p>Soweit wir für Verarbeitungsvorgänge personenbezogener Daten eine Einwilligung der betroffenen Person einholen, dient Art. 6 Abs. 1 lit. a EU-Datenschutzgrundverordnung (DSGVO) als Rechtsgrundlage.</p>
-        <p>Bei der Verarbeitung von personenbezogenen Daten, die zur Erfüllung eines Vertrages, dessen Vertragspartei die betroffene Person ist, erforderlich ist, dient Art. 6 Abs. 1 lit. b DSGVO als Rechtsgrundlage. Dies gilt auch für Verarbeitungsvorgänge, die zur Durchführung vorvertraglicher Maßnahmen erforderlich sind.</p>
-        <p>Soweit eine Verarbeitung personenbezogener Daten zur Erfüllung einer rechtlichen Verpflichtung erforderlich ist, der unser Unternehmen unterliegt, dient Art. 6 Abs. 1 lit. c DSGVO als Rechtsgrundlage.</p>
-        <p>Für den Fall, dass lebenswichtige Interessen der betroffenen Person oder einer anderen natürlichen Person eine Verarbeitung personenbezogener Daten erforderlich machen, dient Art. 6 Abs. 1 lit. d DSGVO als Rechtsgrundlage.</p>
-        <p>Ist die Verarbeitung zur Wahrung eines berechtigten Interesses unseres Unternehmens oder eines Dritten erforderlich und überwiegen die Interessen, Grundrechte und Grundfreiheiten des Betroffenen das erstgenannte Interesse nicht, so dient Art. 6 Abs. 1 lit. f DSGVO als Rechtsgrundlage für die Verarbeitung. </p>
+        <p>Soweit wir für Verarbeitungsvorgänge personenbezogener Daten eine Einwilligung der betroffenen Person einholen, dient Art.&nbsp;6 Abs.&nbsp;1 lit.&nbsp;a EU-Datenschutzgrundverordnung (DSGVO) als Rechtsgrundlage.</p>
+        <p>Bei der Verarbeitung von personenbezogenen Daten, die zur Erfüllung eines Vertrages, dessen Vertragspartei die betroffene Person ist, erforderlich ist, dient Art.&nbsp;6 Abs.&nbsp;1 lit.&nbsp;b DSGVO als Rechtsgrundlage. Dies gilt auch für Verarbeitungsvorgänge, die zur Durchführung vorvertraglicher Maßnahmen erforderlich sind.</p>
+        <p>Soweit eine Verarbeitung personenbezogener Daten zur Erfüllung einer rechtlichen Verpflichtung erforderlich ist, der unser Unternehmen unterliegt, dient Art.&nbsp;6 Abs.&nbsp;1 lit.&nbsp;c DSGVO als Rechtsgrundlage.</p>
+        <p>Für den Fall, dass lebenswichtige Interessen der betroffenen Person oder einer anderen natürlichen Person eine Verarbeitung personenbezogener Daten erforderlich machen, dient Art.&nbsp;6 Abs.&nbsp;1 lit.&nbsp;d DSGVO als Rechtsgrundlage.</p>
+        <p>Ist die Verarbeitung zur Wahrung eines berechtigten Interesses unseres Unternehmens oder eines Dritten erforderlich und überwiegen die Interessen, Grundrechte und Grundfreiheiten des Betroffenen das erstgenannte Interesse nicht, so dient Art.&nbsp;6 Abs.&nbsp;1 lit.&nbsp;f DSGVO als Rechtsgrundlage für die Verarbeitung. </p>
         <h4>3. Datenlöschung und Speicherdauer</h4>
         <p>Die personenbezogenen Daten der betroffenen Person werden gelöscht oder gesperrt, sobald der Zweck der Speicherung entfällt. Eine Speicherung kann darüber hinaus erfolgen, wenn dies durch den europäischen oder nationalen Gesetzgeber in unionsrechtlichen Verordnungen, Gesetzen oder sonstigen Vorschriften, denen der Verantwortliche unterliegt, vorgesehen wurde. Eine Sperrung oder Löschung der Daten erfolgt auch dann, wenn eine durch die genannten Normen vorgeschriebene Speicherfrist abläuft, es sei denn, dass eine Erforderlichkeit zur weiteren Speicherung der Daten für einen Vertragsabschluss oder eine Vertragserfüllung besteht.</p>
         <h3>II. Bereitstellung der Website und Erstellung von Logfiles</h3>
         </ol>
         <p>Die Daten werden ebenfalls in den Logfiles unseres Systems gespeichert. Eine Speicherung dieser Daten zusammen mit anderen personenbezogenen Daten des Nutzers findet nicht statt.</p>
         <h4>2. Rechtsgrundlage für die Datenverarbeitung </h4>
-        <p>Rechtsgrundlage für die vorübergehende Speicherung der Daten und der Logfiles ist Art. 6 Abs. 1 lit. f DSGVO.</p>
+        <p>Rechtsgrundlage für die vorübergehende Speicherung der Daten und der Logfiles ist Art.&nbsp;6 Abs.&nbsp;1 lit.&nbsp;f DSGVO.</p>
         <h4>3. Zweck der Datenverarbeitung</h4>
         <p>Die Speicherung in Logfiles erfolgt, um die Funktionsfähigkeit der Website sicherzustellen. Zudem dienen uns die Daten zur Optimierung der Website und zur Sicherstellung der Sicherheit unserer informationstechnischen Systeme. Eine Auswertung der Daten zu Marketingzwecken findet in diesem Zusammenhang nicht statt. </p>
-        <p>In diesen Zwecken liegt auch unser berechtigtes Interesse an der Datenverarbeitung nach Art. 6 Abs. 1 lit. f DSGVO.</p>
+        <p>In diesen Zwecken liegt auch unser berechtigtes Interesse an der Datenverarbeitung nach Art.&nbsp;6 Abs.&nbsp;1 lit.&nbsp;f DSGVO.</p>
         <h4>4. Dauer der Speicherung</h4>
         <p>Die Daten werden gelöscht, sobald sie für die Erreichung des Zweckes ihrer Erhebung nicht mehr erforderlich sind. Im Falle der Speicherung der Daten in Logfiles ist dies nach spätestens sieben Tagen der Fall. Eine darüberhinausgehende Speicherung ist möglich. In diesem Fall werden die IP-Adressen der Nutzer gelöscht oder verfremdet, sodass eine Zuordnung des aufrufenden Clients nicht mehr möglich ist.</p>
         <h4>5. Widerspruchs- und Beseitigungsmöglichkeit</h4>
         <p>Die auf diese Weise erhobenen Daten der Nutzer werden durch technische Vorkehrungen pseudonymisiert. Daher ist eine Zuordnung der Daten zum aufrufenden Nutzer nicht mehr möglich. Die Daten werden nicht gemeinsam mit sonstigen personenbezogenen Daten der Nutzer gespeichert.</p>
         <p>Beim Aufruf unserer Website werden die Nutzer durch einen Infobanner über die Verwendung von Cookies zu Analysezwecken informiert und auf diese Datenschutzerklärung verwiesen. Es erfolgt in diesem Zusammenhang auch ein Hinweis darauf, wie die Speicherung von Cookies in den Browsereinstellungen unterbunden werden kann.</p>
         <h4>2. Rechtsgrundlage für die Datenverarbeitung </h4>
-        <p>Die Rechtsgrundlage für die Verarbeitung personenbezogener Daten unter Verwendung von Cookies zu Analysezwecken ist bei Vorliegen einer diesbezüglichen Einwilligung des Nutzers Art. 6 Abs. 1 lit. a DSGVO.</p>
+        <p>Die Rechtsgrundlage für die Verarbeitung personenbezogener Daten unter Verwendung von Cookies zu Analysezwecken ist bei Vorliegen einer diesbezüglichen Einwilligung des Nutzers Art.&nbsp;6 Abs.&nbsp;1 lit.&nbsp;a DSGVO.</p>
         <h4>3. Zweck der Datenverarbeitung</h4>
-        <p>Die Verwendung der Analyse-Cookies erfolgt zu dem Zweck, die Qualität unserer Website und ihre Inhalte zu verbessern. Durch die Analyse-Cookies erfahren wir, wie die Website genutzt wird und können so unser Angebot stetig optimieren. In diesen Zwecken liegt auch unser berechtigtes Interesse in der Verarbeitung der personenbezogenen Daten nach Art. 6 Abs. 1 lit. f DSGVO.</p>
+        <p>Die Verwendung der Analyse-Cookies erfolgt zu dem Zweck, die Qualität unserer Website und ihre Inhalte zu verbessern. Durch die Analyse-Cookies erfahren wir, wie die Website genutzt wird und können so unser Angebot stetig optimieren. In diesen Zwecken liegt auch unser berechtigtes Interesse in der Verarbeitung der personenbezogenen Daten nach Art.&nbsp;6 Abs.&nbsp;1 lit.&nbsp;f DSGVO.</p>
         <h4>4. Dauer der Speicherung, Widerspruchs- und Beseitigungsmöglichkeit</h4>
         <p>Cookies werden auf dem Rechner des Nutzers gespeichert und von diesem an unserer Seite übermittelt. Daher haben Sie als Nutzer auch die volle Kontrolle über die Verwendung von Cookies. Durch eine Änderung der Einstellungen in Ihrem Internetbrowser können Sie die Übertragung von Cookies deaktivieren oder einschränken. Bereits gespeicherte Cookies können jederzeit gelöscht werden. Dies kann auch automatisiert erfolgen. Werden Cookies für unsere Website deaktiviert, können möglicherweise nicht mehr alle Funktionen der Website vollumfänglich genutzt werden.</p>
       </section>
     </article>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: about"></aside>
-    <ul id="links">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: about"></aside>
+<ul id="links">
       <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"><strong class="f">Datenschutz</strong></li>
     </ul>
-  </body>
-</html>
index 508454c9e380ab0401044383e6649403922bcc4e..3636b433dc3bfb66129c59a6e434deb1798db118 100644 (file)
@@ -1,10 +1,3 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-  <head>
-    <meta http-equiv="content-type" content="text/html; charset=utf-8">
-    <title>Frameset to Bypass Same-Origin-Policy</title>
-  </head>
-  <frameset>
-    <frame src="templates/layout.html">
-  </frameset>
-</html>
+---
+title: "Frameset to Bypass Same-Origin-Policy"
+---
index 5f977e93292135ca134bdada7bbfe62416a6f857..707d55fd097bd9a80d9bb58bf2a34e02c0003a38 100644 (file)
@@ -1,43 +1,25 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/templates/404.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, contentclass='nomenu')}"
-    >
-  <head>
-    <title id="title">404: Page Not Found!</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <ol id="crumbs">
+---
+title: "404: Page Not Found!"
+---
+<ol id="crumbs">
       <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
       <li class="b"><strong class="b">404: Page Not Found!</strong></li>
     </ol>
-    <nav id="navigation">
-      <hr class="n"/>
+<nav id="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/" th:href="@{/blog/}" 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 class="cf" id="menu">
+        <li class="m blog"><a class="m" href="../blog/" th:href="@{/blog/}">Blog</a></li>
+        <li class="m projects"><a class="m" href="../projects" th:href="@{/projects.html}">Projects</a></li>
+        <li class="m about"><a class="m" href="../about.html" th:href="@{/about.html}">About</a></li>
       </ul>
     </nav>
-    <article class="maincontent">
+<article class="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>
index cdf9c3c66ffc8a9977a42b2e1220a02a661ad84f..e2d8d4e1d97ca1ed4ecfc543d0dcbd4a67c8fa4c 100644 (file)
@@ -1,42 +1,24 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/templates/error.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, contentclass='nomenu')}"
-    >
-  <head>
-    <title id="title">An Unexpected Error Occured!</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <ol id="crumbs">
+---
+title: "An Unexpected Error Occured!"
+---
+<ol id="crumbs">
       <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
       <li class="b"><strong class="b">An Unexpected Error Occured!</strong></li>
     </ol>
-    <nav id="navigation">
-      <hr class="n"/>
+<nav id="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/" th:href="@{/blog/}" 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 class="cf" id="menu">
+        <li class="m blog"><a class="m" href="../blog/" th:href="@{/blog/}">Blog</a></li>
+        <li class="m projects"><a class="m" href="../projects" th:href="@{/projects.html}">Projects</a></li>
+        <li class="m about"><a class="m" href="../about.html" th:href="@{/about.html}">About</a></li>
       </ul>
     </nav>
-    <article class="maincontent">
+<article class="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>
index 9dc339d695c49e76404aaeef5d6e3c16036b238e..34760b9114d2e4b1be266b8ec194e5c84d6ec310 100644 (file)
@@ -1,24 +1,6 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/expertise.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent})}"
-    >
-  <head>
-    <title id="title">Expertise</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <main class="maincontent">
+---
+title: "Expertise"
+---
+<main class="maincontent">
       <div th:replace="/templates/fragments.html :: wip ('Expertise')"></div>
     </main>
-  </body>
-</html>
index 60bfc19ed97fef1bf55e06735bb014372d724329..944b854b1d34c9a81831a880a6ceaaee67bcb8d8 100644 (file)
@@ -1,21 +1,7 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    xmlns:layout="http://www.thymeleaf.org"
-    layout:decorator="templates/layout"
-    th:with="uri='/google-analytics.html'"
-    >
-  <head>
-    <title>Google Analytics</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="main" layout:fragment="maincontent">
+---
+title: "Google Analytics"
+---
+<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>
@@ -23,6 +9,4 @@
       <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.html :: about"></aside>
-  </body>
-</html>
+<aside layout:fragment="marginalcontent" th:include="/templates/fragments.html :: about"></aside>
index 3aca8a40f68b208e523f60e9c9162e6899408aff..28f6c25095e87bfc0a6b09b99194626d4a394fe9 100644 (file)
@@ -1,27 +1,9 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/haftung-inhalte.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent})}"
-    >
-  <head>
-    <title id="title">Haftung für Inhalte</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
+---
+title: "Haftung für Inhalte"
+---
+<article class="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 class="marginalcontent" th:replace="/templates/fragments.html :: about"></aside>
-  </body>
-</html>
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: about"></aside>
index f7b60bde4c9ac6a5be1c1bd16e8c6b3e31bade03..7ee8e058727b29b99ef9b6aa65462545c64c3b56 100644 (file)
@@ -1,27 +1,9 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/haftung-links.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent})}"
-    >
-  <head>
-    <title id="title">Haftung für Links</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
+---
+title: "Haftung für Links"
+---
+<article class="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 class="marginalcontent" th:replace="/templates/fragments.html :: about"></aside>
-  </body>
-</html>
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: about"></aside>
index 6e8b1bcf54d7048a320faed8ec1715c3fd5a9c98..95c63f13afe6a5237a83bf6837892b10860c07f6 100644 (file)
@@ -1,30 +1,13 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/impressum.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}
-      )}"
-    >
-  <head>
-    <title>Impressum</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
+---
+title: "Impressum"
+---
+<article class="maincontent">
       <header><h1>Impressum</h1></header>
       <p><em>Angaben gemäß § 5 TMG:</em></p>
       <p>
-        Kai Moritz<br />
-        juplo.de<br />
-        Zumsandestr. 29a<br />
+        Kai Moritz<br>
+        juplo.de<br>
+        Zumsandestr. 29a<br>
         48145 Münster
       </p>
       <p>Telefon: +49 (0) 176 20 50 47 47</p>
         <a href="contact.html" th:href="@{/contact.html}" title="Show all contact-informations">contact-page</a>.
       </p>
     </article>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: about"></aside>
-    <ul id="links">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: about"></aside>
+<ul id="links">
       <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
       <li class="f"><strong class="f">Impressum</strong></li>
       <li class="f"><a class="f" href="../datenschutz.html" th:href="@{/datenschutz.html}">Datenschutz</a></li>
     </ul>
-  </body>
-</html>
index 5a113d7232e7a51fe4a157b201199e64ad8f2c85..2fddaa274050653567497e71c84fa14f8027ea95 100644 (file)
@@ -1,24 +1,7 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/projects.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">Projects - Potemkinsche Dörfer!</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="less/print.less" media="print"/>
-    <script src="js/less-1.7.0.min.js"></script>
-    <!--*/-->
-  </head>
-  <body>
-   <main class="maincontent">
+---
+title: "Projects - Potemkinsche Dörfer!"
+---
+<main class="maincontent">
      <h1>Projects - Potemkinsche Dörfer!</h1>
      <ul>
        <li><a href="potemkin/fix-swf/overview.html" th:href="@{/potemkin/fix-swf/overview.html}">Fix SWF</a></li>
@@ -27,5 +10,3 @@
        <li><a href="potemkin/typo.html" th:href="@{/potemkin/typo.html}">Typography</a></li>
      </ul>
    </main>
-  </body>
-</html>
index 91b1fdfed75506bde9d198d55ddd4239819884ef..b098df877fa76f69730efb232621154c2036f1c9 100644 (file)
@@ -1,59 +1,6 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/accelerator.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:potemkin.json,MERGE:
-      {
-        &quot;_titles&quot;: {
-          &quot;\/potemkin\/accelerator.html&quot;: &quot;Accelerator&quot;,
-          &quot;\/potemkin\/accelerator.html#read-on&quot;: &quot;Read on&quot;,
-          &quot;\/potemkin\/accelerator.html#read-on-and-on&quot;: &quot;Read on and on&quot;,
-          &quot;\/potemkin\/accelerator.html#read-on-and-on-and-on&quot;: &quot;Read on and on and on&quot;,
-          &quot;\/projects.html&quot;: &quot;Projects&quot;
-        },
-        &quot;_childs&quot;: {
-          &quot;\/potemkin\/accelerator.html&quot;: [
-            &quot;\/potemkin\/accelerator.html&quot;,
-            &quot;\/potemkin\/accelerator.html#read-on&quot;,
-            &quot;\/potemkin\/accelerator.html#read-on-and-on&quot;,
-            &quot;\/potemkin\/accelerator.html#read-on-and-on-and-on&quot;
-          ],
-          &quot;\/projects.html&quot;: [
-            &quot;\/potemkin\/accelerator.html&quot;,
-            &quot;\/potemkin\/fix-swf\/overview.html&quot;,
-            &quot;\/potemkin\/html-experimente.html&quot;,
-            &quot;\/potemkin\/typo.html&quot;,
-            &quot;\/projects.html&quot;
-          ]
-        },
-        &quot;_crumbs&quot;: {
-          &quot;\/potemkin\/accelerator.html&quot;: [
-            &quot;\/projects.html&quot;,
-            &quot;\/potemkin\/accelerator.html&quot;,
-            &quot;\/potemkin\/accelerator.html&quot;
-          ],
-          &quot;\/projects.html&quot;: [
-            &quot;\/projects.html&quot;
-          ]
-        }
-      }
-    ')}"
-    >
-  <head>
-    <title id="title">accelerator - Overview</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <main class="maincontent">
+---
+title: "accelerator - Overview"
+---
+<main class="maincontent">
       <h1>Accelerator - DUMMY</h1>
     </main>
-  </body>
-</html>
index e38c5bfcfb4a0635338f8baac1f688d5f81a0e7d..8385d445f816454e0ccbaa94b7714bd312af3b33 100644 (file)
@@ -1,24 +1,6 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/fix-swf/getting-started.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">Fix SWF - Getting Started</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <main class="maincontent">
+---
+title: "Fix SWF - Getting Started"
+---
+<main class="maincontent">
       <h1>Getting Started - DUMMY</h1>
     </main>
-  </body>
-</html>
index dc223b729837479d406bf4e7d06e3426db48d560..f55987a5cf5b2af77f37d30b44ead92e8ddc3436 100644 (file)
@@ -1,24 +1,6 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/fix-swf/overview.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">Fix SWF - Overview</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body thymeproxy:variables="MERGE:potemkin.json">
-    <main class="maincontent">
+---
+title: "Fix SWF - Overview"
+---
+<main class="maincontent">
       <h1>Overviw - DUMMY</h1>
     </main>
-  </body>
-</html>
index 57e0127f1bada90a7ff9c90f555b9f6b299ad6a6..60f40d3ba9b1c0f984bbef72e5daeffd0ab316ee 100644 (file)
@@ -1,23 +1,7 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/html-experimente.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">HTML-Experimente</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <div>
+---
+title: "HTML-Experimente"
+---
+<div>
       <h1>HTML-Elemente / spezielle Seiten</h1>
       <h2>Die Templates</h2>
       <ul>
@@ -28,7 +12,7 @@
         <li><a href="templates/testlab.html">Testlab</a> Testseite für die Skalierung auf untrschiedliche Seitenbreiten</li>
       </ul>
     </div>
-    <article class="maincontent">
+<article class="maincontent">
       <header><h1>HTML-Elemente / spezielle Seiten</h1></header>
       <h2>Seiten zum Testen gerenderter Inhalte</h2>
       <ul>
@@ -68,5 +52,3 @@
         <li><a href="html-experimente/testlab.html" th:href="@{/potemkin/html-experimente/testlab.html}">Seite mit Breiten-Markierungen für den Tests von Media-Queries (Beispiel)</a></li>
       </ul>
     </article>
-  </body>
-</html>
index 7a6f1e779f9f497f8d191fd7ac6d626d841d2238..c1333cc1158d3c9ddb9e19bdf18d8dc04526f4ae 100644 (file)
@@ -1,21 +1,10 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>HTML-Experimente - Basis-Layout</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/base.css" th:href="@{/css/base.min.css}"/>
-  </head>
-  <body th:replace="~{/templates/layout.html :: body(
-      uri='/potemkin/html-experimente/basis-layout.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}">
-    <main class="maincontent">
+---
+title: "HTML-Experimente - Basis-Layout"
+---
+<main class="maincontent">
       <header><h1>Nur das Basis-Layout</h1></header>
       <strong th:replace="/templates/layout.html :: maincontent">MAIN-CONTENT</strong>
     </main>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
-  </body>
-</html>
index 83b002270ea5bba91a49a49ddfb9791615ef6a97..e6850a06fcd07f0cdc855ca965a17ff9179b3aa6 100644 (file)
@@ -1,31 +1,13 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/html-experimente/breadcrumb.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">HTML-Experimente - Langer Breadcrumb</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <ol id="crumbs">
+---
+title: "HTML-Experimente - Langer Breadcrumb"
+---
+<ol id="crumbs">
       <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="@{/potemkin/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>
-    <article class="maincontent">
+<article class="maincontent">
       <header><h1>Seite mit sehr langem Breadcrumb</h1></header>
       <p>Eine Seite mit einem extrem langen Breadcrumb...</p>
     </article>
-  </body>
-</html>
index d7d1d050df2caecaf541435ba019219142bc212f..2481b37f4d6942f8a20b8b11d473e8d3fca38d23 100644 (file)
@@ -1,22 +1,10 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>HTML-Experimente - Druck-Layout</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <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}"/>
-  </head>
-  <body th:replace="~{/templates/layout.html :: body(
-      uri='/potemkin/html-experimente/druck-layout.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}">
-    <main class="maincontent">
+---
+title: "HTML-Experimente - Druck-Layout"
+---
+<main class="maincontent">
       <header><h1>Die für den Ausdruck angepasste Ansicht</h1></header>
       <strong th:replace="/templates/layout.html :: maincontent">MAIN-CONTENT</strong>
     </main>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
-  </body>
-</html>
index f5a5ed470e8bf73c6503352a999aa255f474cb7b..ebd40408b29d185dff18801435d11c239d4a2e0e 100644 (file)
@@ -1,22 +1,4 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='unknown',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}"
-    xmlns:layout="http://www.thymeleaf.org"
-    layout:decorator="templates/layout"
-    >
-  <head>
-    <title id="title">This Page Will Raise An Error</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../css/print.css" media="print"/>
-  </head>
-  <body>
-    <p>This page will raise an error, because the <strong><code>uri</code></strong> is set to an unknown value...</p>
-  </body>
-</html>
+---
+title: "This Page Will Raise An Error"
+---
+<p>This page will raise an error, because the <strong><code>uri</code></strong> is set to an unknown value...</p>
index 2cee18da32f2390ccefc80a3c2e5900b3d0eb6a5..b206019d416c64c9dfa406dc23273bf992abc87d 100644 (file)
@@ -1,39 +1,21 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, contentclass='onecolumn', json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <nav id="navigation">
-      <hr class="n"/>
+---
+title: "HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt"
+---
+<nav id="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/" th:href="@{/blog/}" 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 class="cf" id="menu">
+        <li class="m blog"><a class="m" href="../blog/" th:href="@{/blog/}">Blog</a></li>
+        <li class="m projects"><a class="m selected" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
+        <li class="m about"><a class="m" href="../about.html" th:href="@{/about.html}">About</a></li>
       </ul>
     </nav>
-    <article class="maincontent">
+<article class="maincontent">
       <header><h1>Fast leere einspaltige Seite mit Marginalinhalt</h1></header>
       <p><strong>KAPUTT:</strong> siehe Erklärung im Commit</p>
     </article>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
-  </body>
-</html>
index 61ba66da79503a07d9bb750ab285c90559ba3ff4..9e328dce1ce535174522b2512107c2b0c5e85d4a 100644 (file)
@@ -1,36 +1,18 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/html-experimente/fast-leer-einspaltig.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, contentclass='onecolumn', json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">HTML-Experimente - Fast leere einspaltige Seite</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <nav id="navigation">
-      <hr class="n"/>
+---
+title: "HTML-Experimente - Fast leere einspaltige Seite"
+---
+<nav id="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/" th:href="@{/blog/}" 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 class="cf" id="menu">
+        <li class="m blog"><a class="m" href="../blog/" th:href="@{/blog/}">Blog</a></li>
+        <li class="m projects"><a class="m selected" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
+        <li class="m about"><a class="m" href="../about.html" th:href="@{/about.html}">About</a></li>
       </ul>
     </nav>
-    <article class="maincontent">
+<article class="maincontent">
       <header><h1>Fast leere einspaltige Seite</h1></header>
       <p><strong>KAPUTT:</strong> siehe Erklärung im Commit</p>
     </article>
-  </body>
-</html>
index 4ba20f57e08ed3473950df27d51e0435cd6ea6d2..f6882c34689267a3cf1f316bba0f324f3cd03691 100644 (file)
@@ -1,39 +1,21 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, contentclass='nomenu', json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <nav id="navigation">
-      <hr class="n"/>
+---
+title: "HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte"
+---
+<nav id="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/" th:href="@{/blog/}" 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 class="cf" id="menu">
+        <li class="m blog"><a class="m" href="../blog/" th:href="@{/blog/}">Blog</a></li>
+        <li class="m projects"><a class="m selected" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
+        <li class="m about"><a class="m" href="../about.html" th:href="@{/about.html}">About</a></li>
       </ul>
     </nav>
-    <article class="maincontent">
+<article class="maincontent">
       <header><h1>Fast leere Seite ohne Menü aber mit Marginalinhalt</h1></header>
       <p>Ein ganz bischen Text...</p>
     </article>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
-  </body>
-</html>
index 1280a183968f6334318dcba386a0944d093d67b2..ec4ed846a190671ee961f56ee943b2c03ae4a1c0 100644 (file)
@@ -1,36 +1,18 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/html-experimente/fast-leer-kein-menü.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, contentclass='nomenu', json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">HTML-Experimente - Fast leere Seite ohne Menü</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <nav id="navigation">
-      <hr class="n"/>
+---
+title: "HTML-Experimente - Fast leere Seite ohne Menü"
+---
+<nav id="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/" th:href="@{/blog/}" 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 class="cf" id="menu">
+        <li class="m blog"><a class="m" href="../blog/" th:href="@{/blog/}">Blog</a></li>
+        <li class="m projects"><a class="m selected" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
+        <li class="m about"><a class="m" href="../about.html" th:href="@{/about.html}">About</a></li>
       </ul>
     </nav>
-    <article class="maincontent">
+<article class="maincontent">
       <header><h1>Fast leere Seite ohne Menü</h1></header>
       <p>Ein ganz bischen Text...</p>
     </article>
-  </body>
-</html>
index d279eeb50ed25bb6b4f11ffab8e5a26cc084028d..ded7db0e28ebde4dda1f8b0823f7ff529063393d 100644 (file)
@@ -1,28 +1,10 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">HTML-Experimente - Fast leere Seite mit Menü und Marginalinhalt</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
+---
+title: "HTML-Experimente - Fast leere Seite mit Menü und Marginalinhalt"
+---
+<article class="maincontent">
       <header><h1>Fast leere Seite mit Menü und Marginalinhalt</h1></header>
       <p>Ein ganz bischen Text...</p>
     </article>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
-  </body>
-</html>
index 930fe0606b12ea5171fe1366d1ca5e1064f1b975..62bfb46f6bd852c5493974a9ddc60a8a984094e4 100644 (file)
@@ -1,25 +1,7 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/html-experimente/fast-leer-mit-menü.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">HTML-Experimente - Fast leere Seite mit Menü</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
+---
+title: "HTML-Experimente - Fast leere Seite mit Menü"
+---
+<article class="maincontent">
       <header><h1>Fast leere Seite mit Menü</h1></header>
       <p>Ein ganz bischen Text...</p>
     </article>
-  </body>
-</html>
index a5bfed7503f4f93dc910ab1e44dd33d72b3d9b55..c16952b9b0c6d4edfd1a99c871b03642e4f92b9a 100644 (file)
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/html-experimente/formulare.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">HTML-Experimente - Formulare</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
+---
+title: "HTML-Experimente - Formulare"
+---
+<article class="maincontent">
       <header><h1>Formulare</h1></header>
-      <form class="form" action="#" method="get">
+      <form action="#" class="form" 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>
+          <textarea class="f error" cols="50" id="textarea_01" rows="10">Eingegebener Text</textarea>
           <span class="f error"><span class="e">&lt; </span><strong class="e">Fehler:</strong> Es wurde kein Text für die Anzeige eingegeben!</span>
         </div>
       </form>
-      <form class="form" action="#" method="get">
+      <form action="#" class="form" 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 />
+            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" />
+          <hr class="f">
           <div class="col2">
             <div class="f">
-              <input class="f" id="radio_tbox_01" type="radio" name="radio_tbox" />
+              <input class="f" id="radio_tbox_01" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_02" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_03" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_04" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_05" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_06" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_07" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_08" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_09" name="radio_tbox" type="radio">
               <label class="f" for="radio_tbox_09">Anzeige rot eingerahmt</label>
             </div>
           </div>
         </fieldset>
       </form>
-      <form class="form" action="#" method="get">
+      <form action="#" class="form" 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" />
+            <input class="f" id="radio_tbox_b01" name="radio_tbox" type="radio">
             <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" />
+            <input class="f" id="radio_tbox_b02" name="radio_tbox" type="radio">
             <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" />
+            <input class="f" id="radio_tbox_b03" name="radio_tbox" type="radio">
             <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" />
+        <hr class="f">
         <div class="f submit">
-          <input class="f" type="submit" value="&gt; zur Übersicht" />
-          <input class="f left" type="submit" value="&lt; zurück" />
-          <input class="f" type="submit" value="&gt; weiter" />
+          <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">
+      <form action="#" class="form" method="get">
         <h2 class="f">Bild</h2>
         <fieldset class="f checkbox">
           <legend class="f">
             Das Bild erscheint nur online.
             Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild.
           </legend>
-          <hr class="f" />
+          <hr class="f">
           <div class="f">
-            <input class="f" id="checkbox_tbox_01" type="checkbox" name="checkbox_tbox" />
+            <input class="f" id="checkbox_tbox_01" name="checkbox_tbox" type="checkbox">
             <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" />
+            <input class="f" id="checkbox_tbox_02" name="checkbox_tbox" type="checkbox">
             <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">
+      <form action="#" class="form" method="get">
         <h2 class="f">Alleinstehende Checkbox</h2>
         <div class="f checkbox">
-          <input class="f" id="checkbox_tbox_03" type="checkbox" name="checkbox_tbox" />
+          <input class="f" id="checkbox_tbox_03" name="checkbox_tbox" type="checkbox">
           <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">
+      <form action="#" class="form" 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" />
+          <label class="f" for="text_tbox_01"><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" />
+          <label class="f" for="text_tbox_02">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>
+          <label class="f" for="text_tbox_03"><span class="required">* </span>Ort</label>
           <select class="f" id="text_tbox_03">
             <option>Dortmund</option>
             <option>Bochum</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="" />
+          <label class="f" for="text_tbox_04"><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">&lt; </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="" />
+          <label class="f" for="text_tbox_05"><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="" />
+          <label class="f" for="text_tbox_06">Telefon</label>
+          <input class="f" id="text_tbox_06" type="text" value="">
         </div>
-        <hr class="f" />
+        <hr class="f">
         <div class="f submit">
-          <input class="f" type="submit" value="&gt; weiter" />
+          <input class="f" type="submit" value="> weiter">
         </div>
       </form>
-      <form class="form" action="#" method="get">
+      <form action="#" class="form" method="get">
         <h2 class="f">Anzeige regionalisieren</h2>
         <p class="f">
           Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten
           Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von
           diesen Interessenten aber auch nicht gefunden.
         </p>
-        <hr class="f" />
+        <hr class="f">
         <div class="f text">
           <label class="f" for="city">Stadt</label>
-          <input id="city" type="text" class="f" />
+          <input class="f" id="city" type="text">
           <p class="f info">
             Das Feld leer lassen, wenn die Anzeige nicht regionalisiert werden soll.
           </p>
         </div>
       </form>
-      <form class="form" action="#" method="get">
+      <form action="#" class="form" 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" />
+          <label class="f" for="text_tbox_05"><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">
+      <form action="#" class="form" 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" />
+          <label class="f" for="file_tbox_01"><span class="required">* </span>Bild</label>
+          <input class="f" id="file_tbox_01" type="file">
         </div>
-        <hr class="f" />
+        <hr class="f">
         <div class="f submit">
-          <input class="f" type="submit" value="&gt; Doch kein Bild" />
-          <input class="f" type="submit" value="&gt; Bild hochladen" />
+          <input class="f" type="submit" value="> Doch kein Bild">
+          <input class="f" type="submit" value="> Bild hochladen">
         </div>
       </form>
       <div class="form">
         </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=""/>
+          <input class="f" id="replyTo" name="replyTo" 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=""/>
+          <input class="f" id="replyToRepeated" name="replyToRepeated" 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=""/>
+          <input class="f" id="subject" name="subject" 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>
+          <textarea class="f" cols="20" id="text" name="text" rows="15" tabindex="4"></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"/>
+          <input checked="checked" class="f" id="attachment1" name="attachment" tabindex="4" type="checkbox" value="true"><input name="_attachment" type="hidden" 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"/>
+          <input checked="checked" class="f" id="copy1" name="copy" tabindex="5" type="checkbox" value="true"><input name="_copy" type="hidden" value="on">
           <label class="f" for="copy">Ich möchte eine Kopie der Nachricht zugesendet bekommen.</label>
         </div>
       </div>
           <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" />
+            <input class="f" id="username" name="username" tabindex="6" type="text">
           </div>
           <div class="f text">
             <label class="f" for="password">Passwort</label>
-            <input class="f" name="password" id="password" type="password" tabindex="7" />
+            <input class="f" id="password" name="password" tabindex="7" type="password">
           </div>
         </div>
         <div class="col2 right">
           <!-- <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" />
+            <img alt="Captcha" class="f" height="60" src="/img/captcha.jpg" width="120">
           </div>
           <div class="f text">
             <label class="f" for="captcha">Lösung</label>
-            <input class="f" name="captcha" id="captcha" type="text" tabindex="8" />
+            <input class="f" id="captcha" name="captcha" tabindex="8" type="text">
           </div>
         </div>
       </div>
     </article>
-  </body>
-</html>
index 0807454f370dfd22221b5c66c0c290240b4d6f7d..6ad88c8dc5f0d18b9322e31e9527f50d16ae0ec3 100644 (file)
@@ -1,20 +1,10 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>HTML-Experimente - Kein Layout</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-  </head>
-  <body th:replace="~{/templates/layout.html :: body(
-      uri='/potemkin/html-experimente/kein-layout.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}">
-    <main class="maincontent">
+---
+title: "HTML-Experimente - Kein Layout"
+---
+<main class="maincontent">
       <header><h1>Alle Stylings deaktiviert</h1></header>
       <strong th:replace="/templates/layout.html :: maincontent">MAIN-CONTENT</strong>
     </main>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
-  </body>
-</html>
index e341625bd6091116bdfa2ff929262718b85f2367..e95f691d9225f913b8a93b895ddeb7bedf8ea68b 100644 (file)
@@ -1,22 +1,10 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>HTML-Experimente - Layout PHONE</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <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}"/>
-  </head>
-  <body th:replace="~{/templates/layout.html :: body(
-      uri='/potemkin/html-experimente/phone.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}">
-    <main class="maincontent">
+---
+title: "HTML-Experimente - Layout PHONE"
+---
+<main class="maincontent">
       <header><h1>Layout für Smartphones</h1></header>
       <strong th:replace="/templates/layout.html :: maincontent">MAIN-CONTENT</strong>
     </main>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
-  </body>
-</html>
index 6d3e3b5887b2e37d6a6440955f5fc7ebd962b1c4..6fa306c601801745030c7a2f5b4a6308d914ad9e 100644 (file)
@@ -1,22 +1,10 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>HTML-Experimente - Basis-Layout &amp; Seitenaufteilung</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <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}"/>
-  </head>
-  <body th:replace="~{/templates/layout.html :: body(
-      uri='/potemkin/html-experimente/seitenaufteilung.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}">
-    <main class="maincontent">
+---
+title: "HTML-Experimente - Basis-Layout & Seitenaufteilung"
+---
+<main class="maincontent">
       <header><h1>Nur das Basis-Layout und die Seitenaufteiltung</h1></header>
       <strong th:replace="/templates/layout.html :: maincontent">MAIN-CONTENT</strong>
     </main>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
-  </body>
-</html>
index 1b287ef8081e3f8fbedae812548c76d3ae2820da..96a5a7d0e815975a8cced056202220f5f7c32eb4 100644 (file)
@@ -1,22 +1,10 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>HTML-Experimente - Basis-Layout &amp; Seitenkopf</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <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}"/>
-  </head>
-  <body th:replace="~{/templates/layout.html :: body(
-      uri='/potemkin/html-experimente/seitenkopf.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}">
-    <main class="maincontent">
+---
+title: "HTML-Experimente - Basis-Layout & Seitenkopf"
+---
+<main class="maincontent">
       <header><h1>Nur das Basis-Layout und der Seitenkopf</h1></header>
       <strong th:replace="/templates/layout.html :: maincontent">MAIN-CONTENT</strong>
     </main>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
-  </body>
-</html>
index edafa33be10f5b78cef145f20dfea0b259fbe9cb..9c55e184f608f87c1c72bb765df01a020fde0e83 100644 (file)
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/html-experimente/symbole.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}"
-    >
-  <head>
-    <title id="title">HTML-Experimente - Symbol-Font</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
+---
+title: "HTML-Experimente - Symbol-Font"
+---
+<article class="maincontent">
       <header><h1>Symbol-Font</h1></header>
       <h2>100%</h2>
       <div class="symbols">
-        <span class="e600">&#xe600;</span>
-        <span class="e601">&#xe601;</span>
-        <span class="e602">&#xe602;</span>
-        <span class="e603">&#xe603;</span>
-        <span class="e604">&#xe604;</span>
-        <span class="e605">&#xe605;</span>
-        <span class="e606">&#xe606;</span>
-        <span class="e607">&#xe607;</span>
-        <span class="e608">&#xe608;</span>
-        <span class="e609">&#xe609;</span>
-        <span class="e60a">&#xe60a;</span>
-        <span class="e60b">&#xe60b;</span>
-        <span class="e60c">&#xe60c;</span>
-        <span class="e60d">&#xe60d;</span>
-        <span class="e60e">&#xe60e;</span>
-        <span class="e60f">&#xe60f;</span>
-        <span class="e610">&#xe610;</span>
-        <span class="e611">&#xe611;</span>
-        <span class="e612">&#xe612;</span>
-        <span class="e613">&#xe613;</span>
-        <span class="e614">&#xe614;</span>
-        <span class="e615">&#xe615;</span>
-        <span class="e616">&#xe616;</span>
-        <span class="e617">&#xe617;</span>
-        <span class="e618">&#xe618;</span>
-        <span class="e619">&#xe619;</span>
-        <span class="e61a">&#xe61a;</span>
-        <span class="e61b">&#xe61b;</span>
-        <span class="e61c">&#xe61c;</span>
-        <span class="e61d">&#xe61d;</span>
-        <span class="e61e">&#xe61e;</span>
-        <span class="e61f">&#xe61f;</span>
-        <span class="e620">&#xe620;</span>
-        <span class="e621">&#xe621;</span>
-        <span class="e622">&#xe622;</span>
-        <span class="e623">&#xe623;</span>
-        <span class="e624">&#xe624;</span>
-        <span class="e625">&#xe625;</span>
-        <span class="e626">&#xe626;</span>
-        <span class="e627">&#xe627;</span>
-        <span class="e628">&#xe628;</span>
-        <span class="e629">&#xe629;</span>
-        <span class="e62a">&#xe62a;</span>
-        <span class="e62b">&#xe62b;</span>
-        <span class="e62c">&#xe62c;</span>
-        <span class="e62d">&#xe62d;</span>
-        <span class="e62e">&#xe62e;</span>
-        <span class="e62f">&#xe62f;</span>
-        <span class="e630">&#xe630;</span>
-        <span class="e631">&#xe631;</span>
-        <span class="e632">&#xe632;</span>
-        <span class="e633">&#xe633;</span>
-        <span class="e634">&#xe634;</span>
-        <span class="e635">&#xe635;</span>
-        <span class="e636">&#xe636;</span>
-        <span class="e637">&#xe637;</span>
-        <span class="e638">&#xe638;</span>
-        <span class="e639">&#xe639;</span>
-        <span class="e63a">&#xe63a;</span>
-        <span class="e63b">&#xe63b;</span>
-        <span class="e63c">&#xe63c;</span>
-        <span class="e63d">&#xe63d;</span>
-        <span class="e63e">&#xe63e;</span>
-        <span class="e63f">&#xe63f;</span>
-        <span class="e640">&#xe640;</span>
-        <span class="e641">&#xe641;</span>
-        <span class="e642">&#xe642;</span>
-        <span class="e643">&#xe643;</span>
-        <span class="e644">&#xe644;</span>
-        <span class="e645">&#xe645;</span>
-        <span class="e646">&#xe646;</span>
-        <span class="e647">&#xe647;</span>
-        <span class="e648">&#xe648;</span>
-        <span class="e649">&#xe649;</span>
-        <span class="e64a">&#xe64a;</span>
-        <span class="e64b">&#xe64b;</span>
+        <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">&#xe600;</span>
-        <span class="e601">&#xe601;</span>
-        <span class="e602">&#xe602;</span>
-        <span class="e603">&#xe603;</span>
-        <span class="e604">&#xe604;</span>
-        <span class="e605">&#xe605;</span>
-        <span class="e606">&#xe606;</span>
-        <span class="e607">&#xe607;</span>
-        <span class="e608">&#xe608;</span>
-        <span class="e609">&#xe609;</span>
-        <span class="e60a">&#xe60a;</span>
-        <span class="e60b">&#xe60b;</span>
-        <span class="e60c">&#xe60c;</span>
-        <span class="e60d">&#xe60d;</span>
-        <span class="e60e">&#xe60e;</span>
-        <span class="e60f">&#xe60f;</span>
-        <span class="e610">&#xe610;</span>
-        <span class="e611">&#xe611;</span>
-        <span class="e612">&#xe612;</span>
-        <span class="e613">&#xe613;</span>
-        <span class="e614">&#xe614;</span>
-        <span class="e615">&#xe615;</span>
-        <span class="e616">&#xe616;</span>
-        <span class="e617">&#xe617;</span>
-        <span class="e618">&#xe618;</span>
-        <span class="e619">&#xe619;</span>
-        <span class="e61a">&#xe61a;</span>
-        <span class="e61b">&#xe61b;</span>
-        <span class="e61c">&#xe61c;</span>
-        <span class="e61d">&#xe61d;</span>
-        <span class="e61e">&#xe61e;</span>
-        <span class="e61f">&#xe61f;</span>
-        <span class="e620">&#xe620;</span>
-        <span class="e621">&#xe621;</span>
-        <span class="e622">&#xe622;</span>
-        <span class="e623">&#xe623;</span>
-        <span class="e624">&#xe624;</span>
-        <span class="e625">&#xe625;</span>
-        <span class="e626">&#xe626;</span>
-        <span class="e627">&#xe627;</span>
-        <span class="e628">&#xe628;</span>
-        <span class="e629">&#xe629;</span>
-        <span class="e62a">&#xe62a;</span>
-        <span class="e62b">&#xe62b;</span>
-        <span class="e62c">&#xe62c;</span>
-        <span class="e62d">&#xe62d;</span>
-        <span class="e62e">&#xe62e;</span>
-        <span class="e62f">&#xe62f;</span>
-        <span class="e630">&#xe630;</span>
-        <span class="e631">&#xe631;</span>
-        <span class="e632">&#xe632;</span>
-        <span class="e633">&#xe633;</span>
-        <span class="e634">&#xe634;</span>
-        <span class="e635">&#xe635;</span>
-        <span class="e636">&#xe636;</span>
-        <span class="e637">&#xe637;</span>
-        <span class="e638">&#xe638;</span>
-        <span class="e639">&#xe639;</span>
-        <span class="e63a">&#xe63a;</span>
-        <span class="e63b">&#xe63b;</span>
-        <span class="e63c">&#xe63c;</span>
-        <span class="e63d">&#xe63d;</span>
-        <span class="e63e">&#xe63e;</span>
-        <span class="e63f">&#xe63f;</span>
-        <span class="e640">&#xe640;</span>
-        <span class="e641">&#xe641;</span>
-        <span class="e642">&#xe642;</span>
-        <span class="e643">&#xe643;</span>
-        <span class="e644">&#xe644;</span>
-        <span class="e645">&#xe645;</span>
-        <span class="e646">&#xe646;</span>
-        <span class="e647">&#xe647;</span>
-        <span class="e648">&#xe648;</span>
-        <span class="e649">&#xe649;</span>
-        <span class="e64a">&#xe64a;</span>
-        <span class="e64b">&#xe64b;</span>
+        <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">&#xe600;</span>
-        <span class="e601">&#xe601;</span>
-        <span class="e602">&#xe602;</span>
-        <span class="e603">&#xe603;</span>
-        <span class="e604">&#xe604;</span>
-        <span class="e605">&#xe605;</span>
-        <span class="e606">&#xe606;</span>
-        <span class="e607">&#xe607;</span>
-        <span class="e608">&#xe608;</span>
-        <span class="e609">&#xe609;</span>
-        <span class="e60a">&#xe60a;</span>
-        <span class="e60b">&#xe60b;</span>
-        <span class="e60c">&#xe60c;</span>
-        <span class="e60d">&#xe60d;</span>
-        <span class="e60e">&#xe60e;</span>
-        <span class="e60f">&#xe60f;</span>
-        <span class="e610">&#xe610;</span>
-        <span class="e611">&#xe611;</span>
-        <span class="e612">&#xe612;</span>
-        <span class="e613">&#xe613;</span>
-        <span class="e614">&#xe614;</span>
-        <span class="e615">&#xe615;</span>
-        <span class="e616">&#xe616;</span>
-        <span class="e617">&#xe617;</span>
-        <span class="e618">&#xe618;</span>
-        <span class="e619">&#xe619;</span>
-        <span class="e61a">&#xe61a;</span>
-        <span class="e61b">&#xe61b;</span>
-        <span class="e61c">&#xe61c;</span>
-        <span class="e61d">&#xe61d;</span>
-        <span class="e61e">&#xe61e;</span>
-        <span class="e61f">&#xe61f;</span>
-        <span class="e620">&#xe620;</span>
-        <span class="e621">&#xe621;</span>
-        <span class="e622">&#xe622;</span>
-        <span class="e623">&#xe623;</span>
-        <span class="e624">&#xe624;</span>
-        <span class="e625">&#xe625;</span>
-        <span class="e626">&#xe626;</span>
-        <span class="e627">&#xe627;</span>
-        <span class="e628">&#xe628;</span>
-        <span class="e629">&#xe629;</span>
-        <span class="e62a">&#xe62a;</span>
-        <span class="e62b">&#xe62b;</span>
-        <span class="e62c">&#xe62c;</span>
-        <span class="e62d">&#xe62d;</span>
-        <span class="e62e">&#xe62e;</span>
-        <span class="e62f">&#xe62f;</span>
-        <span class="e630">&#xe630;</span>
-        <span class="e631">&#xe631;</span>
-        <span class="e632">&#xe632;</span>
-        <span class="e633">&#xe633;</span>
-        <span class="e634">&#xe634;</span>
-        <span class="e635">&#xe635;</span>
-        <span class="e636">&#xe636;</span>
-        <span class="e637">&#xe637;</span>
-        <span class="e638">&#xe638;</span>
-        <span class="e639">&#xe639;</span>
-        <span class="e63a">&#xe63a;</span>
-        <span class="e63b">&#xe63b;</span>
-        <span class="e63c">&#xe63c;</span>
-        <span class="e63d">&#xe63d;</span>
-        <span class="e63e">&#xe63e;</span>
-        <span class="e63f">&#xe63f;</span>
-        <span class="e640">&#xe640;</span>
-        <span class="e641">&#xe641;</span>
-        <span class="e642">&#xe642;</span>
-        <span class="e643">&#xe643;</span>
-        <span class="e644">&#xe644;</span>
-        <span class="e645">&#xe645;</span>
-        <span class="e646">&#xe646;</span>
-        <span class="e647">&#xe647;</span>
-        <span class="e648">&#xe648;</span>
-        <span class="e649">&#xe649;</span>
-        <span class="e64a">&#xe64a;</span>
-        <span class="e64b">&#xe64b;</span>
+        <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">&#xe600;</span>
-        <span class="e601">&#xe601;</span>
-        <span class="e602">&#xe602;</span>
-        <span class="e603">&#xe603;</span>
-        <span class="e604">&#xe604;</span>
-        <span class="e605">&#xe605;</span>
-        <span class="e606">&#xe606;</span>
-        <span class="e607">&#xe607;</span>
-        <span class="e608">&#xe608;</span>
-        <span class="e609">&#xe609;</span>
-        <span class="e60a">&#xe60a;</span>
-        <span class="e60b">&#xe60b;</span>
-        <span class="e60c">&#xe60c;</span>
-        <span class="e60d">&#xe60d;</span>
-        <span class="e60e">&#xe60e;</span>
-        <span class="e60f">&#xe60f;</span>
-        <span class="e610">&#xe610;</span>
-        <span class="e611">&#xe611;</span>
-        <span class="e612">&#xe612;</span>
-        <span class="e613">&#xe613;</span>
-        <span class="e614">&#xe614;</span>
-        <span class="e615">&#xe615;</span>
-        <span class="e616">&#xe616;</span>
-        <span class="e617">&#xe617;</span>
-        <span class="e618">&#xe618;</span>
-        <span class="e619">&#xe619;</span>
-        <span class="e61a">&#xe61a;</span>
-        <span class="e61b">&#xe61b;</span>
-        <span class="e61c">&#xe61c;</span>
-        <span class="e61d">&#xe61d;</span>
-        <span class="e61e">&#xe61e;</span>
-        <span class="e61f">&#xe61f;</span>
-        <span class="e620">&#xe620;</span>
-        <span class="e621">&#xe621;</span>
-        <span class="e622">&#xe622;</span>
-        <span class="e623">&#xe623;</span>
-        <span class="e624">&#xe624;</span>
-        <span class="e625">&#xe625;</span>
-        <span class="e626">&#xe626;</span>
-        <span class="e627">&#xe627;</span>
-        <span class="e628">&#xe628;</span>
-        <span class="e629">&#xe629;</span>
-        <span class="e62a">&#xe62a;</span>
-        <span class="e62b">&#xe62b;</span>
-        <span class="e62c">&#xe62c;</span>
-        <span class="e62d">&#xe62d;</span>
-        <span class="e62e">&#xe62e;</span>
-        <span class="e62f">&#xe62f;</span>
-        <span class="e630">&#xe630;</span>
-        <span class="e631">&#xe631;</span>
-        <span class="e632">&#xe632;</span>
-        <span class="e633">&#xe633;</span>
-        <span class="e634">&#xe634;</span>
-        <span class="e635">&#xe635;</span>
-        <span class="e636">&#xe636;</span>
-        <span class="e637">&#xe637;</span>
-        <span class="e638">&#xe638;</span>
-        <span class="e639">&#xe639;</span>
-        <span class="e63a">&#xe63a;</span>
-        <span class="e63b">&#xe63b;</span>
-        <span class="e63c">&#xe63c;</span>
-        <span class="e63d">&#xe63d;</span>
-        <span class="e63e">&#xe63e;</span>
-        <span class="e63f">&#xe63f;</span>
-        <span class="e640">&#xe640;</span>
-        <span class="e641">&#xe641;</span>
-        <span class="e642">&#xe642;</span>
-        <span class="e643">&#xe643;</span>
-        <span class="e644">&#xe644;</span>
-        <span class="e645">&#xe645;</span>
-        <span class="e646">&#xe646;</span>
-        <span class="e647">&#xe647;</span>
-        <span class="e648">&#xe648;</span>
-        <span class="e649">&#xe649;</span>
-        <span class="e64a">&#xe64a;</span>
-        <span class="e64b">&#xe64b;</span>
+        <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">&#xe600;</span>
-        <span class="e601">&#xe601;</span>
-        <span class="e602">&#xe602;</span>
-        <span class="e603">&#xe603;</span>
-        <span class="e604">&#xe604;</span>
-        <span class="e605">&#xe605;</span>
-        <span class="e606">&#xe606;</span>
-        <span class="e607">&#xe607;</span>
-        <span class="e608">&#xe608;</span>
-        <span class="e609">&#xe609;</span>
-        <span class="e60a">&#xe60a;</span>
-        <span class="e60b">&#xe60b;</span>
-        <span class="e60c">&#xe60c;</span>
-        <span class="e60d">&#xe60d;</span>
-        <span class="e60e">&#xe60e;</span>
-        <span class="e60f">&#xe60f;</span>
-        <span class="e610">&#xe610;</span>
-        <span class="e611">&#xe611;</span>
-        <span class="e612">&#xe612;</span>
-        <span class="e613">&#xe613;</span>
-        <span class="e614">&#xe614;</span>
-        <span class="e615">&#xe615;</span>
-        <span class="e616">&#xe616;</span>
-        <span class="e617">&#xe617;</span>
-        <span class="e618">&#xe618;</span>
-        <span class="e619">&#xe619;</span>
-        <span class="e61a">&#xe61a;</span>
-        <span class="e61b">&#xe61b;</span>
-        <span class="e61c">&#xe61c;</span>
-        <span class="e61d">&#xe61d;</span>
-        <span class="e61e">&#xe61e;</span>
-        <span class="e61f">&#xe61f;</span>
-        <span class="e620">&#xe620;</span>
-        <span class="e621">&#xe621;</span>
-        <span class="e622">&#xe622;</span>
-        <span class="e623">&#xe623;</span>
-        <span class="e624">&#xe624;</span>
-        <span class="e625">&#xe625;</span>
-        <span class="e626">&#xe626;</span>
-        <span class="e627">&#xe627;</span>
-        <span class="e628">&#xe628;</span>
-        <span class="e629">&#xe629;</span>
-        <span class="e62a">&#xe62a;</span>
-        <span class="e62b">&#xe62b;</span>
-        <span class="e62c">&#xe62c;</span>
-        <span class="e62d">&#xe62d;</span>
-        <span class="e62e">&#xe62e;</span>
-        <span class="e62f">&#xe62f;</span>
-        <span class="e630">&#xe630;</span>
-        <span class="e631">&#xe631;</span>
-        <span class="e632">&#xe632;</span>
-        <span class="e633">&#xe633;</span>
-        <span class="e634">&#xe634;</span>
-        <span class="e635">&#xe635;</span>
-        <span class="e636">&#xe636;</span>
-        <span class="e637">&#xe637;</span>
-        <span class="e638">&#xe638;</span>
-        <span class="e639">&#xe639;</span>
-        <span class="e63a">&#xe63a;</span>
-        <span class="e63b">&#xe63b;</span>
-        <span class="e63c">&#xe63c;</span>
-        <span class="e63d">&#xe63d;</span>
-        <span class="e63e">&#xe63e;</span>
-        <span class="e63f">&#xe63f;</span>
-        <span class="e640">&#xe640;</span>
-        <span class="e641">&#xe641;</span>
-        <span class="e642">&#xe642;</span>
-        <span class="e643">&#xe643;</span>
-        <span class="e644">&#xe644;</span>
-        <span class="e645">&#xe645;</span>
-        <span class="e646">&#xe646;</span>
-        <span class="e647">&#xe647;</span>
-        <span class="e648">&#xe648;</span>
-        <span class="e649">&#xe649;</span>
-        <span class="e64a">&#xe64a;</span>
-        <span class="e64b">&#xe64b;</span>
+        <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>
index d8f15b95e082563d6a1064af991e73747912e361..50e615d1d54dae14dc4515047cbc4a294622d410 100644 (file)
@@ -1,22 +1,10 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>HTML-Experimente - Layout TABLET</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <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}"/>
-  </head>
-  <body th:replace="~{/templates/layout.html :: body(
-      uri='/potemkin/html-experimente/tablet.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}">
-    <main class="maincontent">
+---
+title: "HTML-Experimente - Layout TABLET"
+---
+<main class="maincontent">
       <header><h1>Layout für Tablets</h1></header>
       <strong th:replace="/templates/layout.html :: maincontent">MAIN-CONTENT</strong>
     </main>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
-  </body>
-</html>
index c77de10209c9b7e65cabea5881fd9d591342ac5a..e6d455cacea6935e3fc112ed5e023ac8de9f101d 100644 (file)
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{templates/testlab :: testlab}"
-    >
-  <head>
-    <title id="title">HTML-Experimente - Media-Query-Test: BEISPIEL</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <div class="content">
-      <form class="testlab form" action="#" method="get">
+---
+title: "HTML-Experimente - Media-Query-Test: BEISPIEL"
+---
+<div class="content">
+      <form action="#" class="testlab form" 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>
+          <textarea class="f error" cols="50" id="textarea_01" rows="10">Eingegebener Text</textarea>
           <span class="f error"><span class="e">&lt; </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">
+      <form action="#" class="testlab form" 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 />
+            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" />
+          <hr class="f">
           <div class="col2">
             <div class="f">
-              <input class="f" id="radio_tbox_01" type="radio" name="radio_tbox" />
+              <input class="f" id="radio_tbox_01" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_02" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_03" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_04" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_05" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_06" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_07" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_08" name="radio_tbox" type="radio">
               <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" />
+              <input class="f" id="radio_tbox_09" name="radio_tbox" type="radio">
               <label class="f" for="radio_tbox_09">Anzeige rot eingerahmt</label>
             </div>
           </div>
         </fieldset>
       </form>
-      <form class="testlab form" action="#" method="get">
+      <form action="#" class="testlab form" 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" />
+            <input class="f" id="radio_tbox_b01" name="radio_tbox" type="radio">
             <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" />
+            <input class="f" id="radio_tbox_b02" name="radio_tbox" type="radio">
             <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" />
+            <input class="f" id="radio_tbox_b03" name="radio_tbox" type="radio">
             <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" />
+        <hr class="f">
         <div class="f submit">
-          <input class="f" type="submit" value="&gt; zur Übersicht" />
-          <input class="f left" type="submit" value="&lt; zurück" />
-          <input class="f" type="submit" value="&gt; weiter" />
+          <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">
+      <form action="#" class="testlab form" method="get">
         <h2 class="f">Bild</h2>
         <fieldset class="f checkbox">
           <legend class="f">
             Das Bild erscheint nur online.
             Im Magazin erscheint die Kleinanzeige mit Hinweis auf das Onlinebild.
           </legend>
-          <hr class="f" />
+          <hr class="f">
           <div class="f">
-            <input class="f" id="checkbox_tbox_01" type="checkbox" name="checkbox_tbox" />
+            <input class="f" id="checkbox_tbox_01" name="checkbox_tbox" type="checkbox">
             <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" />
+            <input class="f" id="checkbox_tbox_02" name="checkbox_tbox" type="checkbox">
             <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">
+      <form action="#" class="testlab form" method="get">
         <h2 class="f">Alleinstehende Checkbox</h2>
         <div class="f checkbox">
-          <input class="f" id="checkbox_tbox_03" type="checkbox" name="checkbox_tbox" />
+          <input class="f" id="checkbox_tbox_03" name="checkbox_tbox" type="checkbox">
           <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">
+      <form action="#" class="testlab form" 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" />
+          <label class="f" for="text_tbox_01"><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" />
+          <label class="f" for="text_tbox_02">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>
+          <label class="f" for="text_tbox_03"><span class="required">* </span>Ort</label>
           <select class="f" id="text_tbox_03">
             <option>Dortmund</option>
             <option>Bochum</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="" />
+          <label class="f" for="text_tbox_04"><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">&lt; </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="" />
+          <label class="f" for="text_tbox_05"><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="" />
+          <label class="f" for="text_tbox_06">Telefon</label>
+          <input class="f" id="text_tbox_06" type="text" value="">
         </div>
-        <hr class="f" />
+        <hr class="f">
         <div class="f submit">
-          <input class="f" type="submit" value="&gt; weiter" />
+          <input class="f" type="submit" value="> weiter">
         </div>
       </form>
-      <form class="testlab form" action="#" method="get">
+      <form action="#" class="testlab form" method="get">
         <h2 class="f">Anzeige regionalisieren</h2>
         <p class="f">
           Indem Du Deine Kleinanzeige einer Stadt zuordnest, können Interessenten
           Du kannst auch keine Stadt zuordnen, dann wird die Kleinanzeige von
           diesen Interessenten aber auch nicht gefunden.
         </p>
-        <hr class="f" />
+        <hr class="f">
         <div class="f text">
           <label class="f" for="city">Stadt</label>
-          <input id="city" type="text" class="f" />
+          <input class="f" id="city" type="text">
           <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">
+      <form action="#" class="testlab form" 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" />
+          <label class="f" for="text_tbox_05"><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">
+      <form action="#" class="testlab form" 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" />
+          <label class="f" for="file_tbox_01"><span class="required">* </span>Bild</label>
+          <input class="f" id="file_tbox_01" type="file">
         </div>
-        <hr class="f" />
+        <hr class="f">
         <div class="f submit">
-          <input class="f" type="submit" value="&gt; Doch kein Bild" />
-          <input class="f" type="submit" value="&gt; Bild hochladen" />
+          <input class="f" type="submit" value="> Doch kein Bild">
+          <input class="f" type="submit" value="> Bild hochladen">
         </div>
       </form>
       <div class="testlab form">
         </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=""/>
+          <input class="f" id="replyTo" name="replyTo" 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=""/>
+          <input class="f" id="replyToRepeated" name="replyToRepeated" 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=""/>
+          <input class="f" id="subject" name="subject" 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>
+          <textarea class="f" cols="20" id="text" name="text" rows="15" tabindex="4"></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"/>
+          <input checked="checked" class="f" id="attachment1" name="attachment" tabindex="4" type="checkbox" value="true"><input name="_attachment" type="hidden" 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"/>
+          <input checked="checked" class="f" id="copy1" name="copy" tabindex="5" type="checkbox" value="true"><input name="_copy" type="hidden" value="on">
           <label class="f" for="copy">Ich möchte eine Kopie der Nachricht zugesendet bekommen.</label>
         </div>
       </div>
           <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" />
+            <input class="f" id="username" name="username" tabindex="6" type="text">
           </div>
           <div class="f text">
             <label class="f" for="password">Passwort</label>
-            <input class="f" name="password" id="password" type="password" tabindex="7" />
+            <input class="f" id="password" name="password" tabindex="7" type="password">
           </div>
         </div>
         <div class="col2 right">
           <!-- <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" />
+            <img alt="Captcha" class="f" height="60" src="/img/captcha.jpg" width="120">
           </div>
           <div class="f text">
             <label class="f" for="captcha">Lösung</label>
-            <input class="f" name="captcha" id="captcha" type="text" tabindex="8" />
+            <input class="f" id="captcha" name="captcha" tabindex="8" type="text">
           </div>
         </div>
       </div>
     </div>
-  </body>
-</html>
index 4d925cb024eaa1e1abeafe83dd100641fffb3afc..5454099df4e4f724ec2ce991d3f81346e5716b7a 100644 (file)
@@ -1,22 +1,10 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <title>HTML-Experimente - Layout TINY</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <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}"/>
-  </head>
-  <body th:replace="~{/templates/layout.html :: body(
-      uri='/potemkin/html-experimente/tiny.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}">
-    <main class="maincontent">
+---
+title: "HTML-Experimente - Layout TINY"
+---
+<main class="maincontent">
       <header><h1>Layout für sehr kleine Bildschirmgrößen</h1></header>
       <strong th:replace="/templates/layout.html :: maincontent">MAIN-CONTENT</strong>
     </main>
-    <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
-  </body>
-</html>
index 7dcf6e812a6ea5c2124a840d01c9921705227f36..2a5178cc0f57ad19c0395ebfc68161d79b9f47dc 100644 (file)
@@ -1,24 +1,7 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/potemkin/typo.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent}, json='MERGE:potemkin.json')}"
-    >
-  <head>
-    <title id="title">Typography</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../css/print.css" media="print"/>
-    <script src="../js/prettify.js" th:src="@{/js/prettify.js}"></script>
-    <!--*/-->
-  </head>
-  <body onload="prettyPrint()">
-    <article class="maincontent">
+---
+title: "Typography"
+---
+<article class="maincontent">
       <header><h1>Typography</h1></header>
       <p>
         Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
 &lt;/plugin&gt;
 </code></pre>
     </article>
-  </body>
-</html>
index d80d751e7d585693fdd1a61c4fb64e14c764e393..2fddaa274050653567497e71c84fa14f8027ea95 100644 (file)
@@ -1,24 +1,7 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/projects.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent})}"
-    >
-  <head>
-    <title id="title">Projects - Potemkinsche Dörfer!</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="less/print.less" media="print"/>
-    <script src="js/less-1.7.0.min.js"></script>
-    <!--*/-->
-  </head>
-  <body>
-   <main class="maincontent">
+---
+title: "Projects - Potemkinsche Dörfer!"
+---
+<main class="maincontent">
      <h1>Projects - Potemkinsche Dörfer!</h1>
      <ul>
        <li><a href="potemkin/fix-swf/overview.html" th:href="@{/potemkin/fix-swf/overview.html}">Fix SWF</a></li>
@@ -27,5 +10,3 @@
        <li><a href="potemkin/typo.html" th:href="@{/potemkin/typo.html}">Typography</a></li>
      </ul>
    </main>
-  </body>
-</html>
index 93256a92ed8e98063edcbb27f7d13a646f1d5176..f1bb42ef874cdab974a3327d6357c55b9f1d90d3 100644 (file)
@@ -1,24 +1,6 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/references.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent})}"
-    >
-  <head>
-    <title id="title">References</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <main class="maincontent">
+---
+title: "References"
+---
+<main class="maincontent">
       <div th:replace="/templates/fragments.html :: wip ('References')"></div>
     </main>
-  </body>
-</html>
index 80b5e75bae11e7880881ae26e4fe710cd6d2c721..dccacac6f9e976e5a73a378b3bd3167459e3f3f8 100644 (file)
@@ -1,15 +1,10 @@
-<!DOCTYPE html>
-<html th:fragment="layout" xmlns:th="http://www.thymeleaf.org">
-<head>
-    <title th:replace="${title}?:_">Layout Title</title>
-</head>
-<body>
-    <h1>Layout H1</h1>
-    <div th:replace="${content}?:_">
+---
+title: "Layout Title"
+---
+<h1>Layout H1</h1>
+<div th:replace="${content}?:_">
         <p>Layout content</p>
     </div>
-    <footer>
+<footer>
         Layout footer
     </footer>
-</body>
-</html>
index 698c8b8223b9908b85b6542e1e5c525294b62ee9..c3a7a2dbff634b3c547ac8a195a4800ef1c1af0d 100644 (file)
@@ -1,12 +1,7 @@
-<!DOCTYPE html>
-<html th:replace="~{templates/example/layout :: layout(~{::title}, ~{::section})}">
-<head>
-    <title>Page Title</title>
-</head>
-<body>
+---
+title: "Page Title"
+---
 <section>
     <p>Page content</p>
     <div>Included on page</div>
 </section>
-</body>
-</html>
index e15f5fcf2e37b790daba51cd8491b90f6a8c7567..843ec1736cbe2a9352d66c5c95e7e2e9141703ae 100644 (file)
@@ -1,16 +1,9 @@
-<!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>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="../css/print.css" media="print"/>
-  </head>
-  <body>
-    <h1>Explanation fo the german word "Impressum"</h1>
-    <hr />
-    <div th:fragment="about">
+---
+title: "Fragments"
+---
+<h1>Explanation fo the german word "Impressum"</h1>
+<hr>
+<div 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
       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>.
     </div>
-    <hr />
-    <h1>Work-in-progress-hint</h1>
-    <hr />
-    <article class="main" th:fragment="wip(title)">
+<hr>
+<h1>Work-in-progress-hint</h1>
+<hr>
+<article class="main" th:fragment="wip(title)">
       <header><h1 th:text="${title}">PAGE-TITLE</h1></header>
       <div class="wip">
-        <img class="w" src="/img/comming-soon.png" alt="Comming soon..."/>
+        <img alt="Comming soon..." class="w" src="/img/comming-soon.png">
         <p th:include="/templates/layout.html :: maincontent" th:remove="tag">
           PAGE-CONTENT
         </p>
       </div>
     </article>
-    <hr />
-    <h1>Marginalspalte</h1>
-    <hr />
-    <div th:fragment="marginalcontent" th:remove="tag">
+<hr>
+<h1>Marginalspalte</h1>
+<hr>
+<div th:fragment="marginalcontent" th:remove="tag">
       <aside class="m">
         <h1>Other nasty but marginal stuff</h1>
         <p>
@@ -54,6 +47,4 @@
         </p>
       </aside>
     </div>
-    <hr />
-  </body>
-</html>
+<hr>
index 939f9e32da7b3419d4719abd7998ca0dcf584b79..a9752d0e30cb067ca9dfd8812a356f4cf118d05e 100644 (file)
@@ -1,57 +1,11 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    xmlns:th="http://www.thymeleaf.org"
-    th:fragment="layout(uri,maincontent)"
-    thymeproxy:variables="SET:sitemap.json"
-    >
-  <head thymeproxy:variables="${json}">
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <title th:replace="${title}">juplo - BASISTEMPLATE</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <!-- Default / Responsive -->
-    <link rel="stylesheet" th:rel="stylesheet" media="all" title="Responsive" type="text/css" href="../css/base.css" th:href="@{/css/base.min.css}"/>
-    <link rel="stylesheet" th:rel="stylesheet" media="only screen" title="Responsive" type="text/css" href="../css/screen.css" th:href="@{/css/screen.min.css}"/>
-    <link rel="stylesheet" th:rel="stylesheet" media="print" title="Responsive" type="text/css" href="../css/print.css" th:href="@{/css/print.min.css}"/>
-    <!-- Legacy -->
-    <link rel="alternate stylesheet" title="Legacy" type="text/css" href="../css/base.css" th:href="@{/css/base.min.css}"/>
-    <!-- Tablet -->
-    <link rel="alternate stylesheet" title="Tablet" type="text/css" href="../css/base.css" th:href="@{/css/base.min.css}"/>
-    <link rel="alternate stylesheet" title="Tablet" type="text/css" href="../css/tablet.css" th:href="@{/css/tablet.min.css}"/>
-    <!-- Phone -->
-    <link rel="alternate stylesheet" title="Phone" type="text/css" href="../css/base.css" th:href="@{/css/base.min.css}"/>
-    <link rel="alternate stylesheet" title="Phone" type="text/css" href="../css/phone.css" th:href="@{/css/phone.min.css}"/>
-    <!-- Tiny -->
-    <link rel="alternate stylesheet" title="Tiny" type="text/css" href="../css/base.css" th:href="@{/css/base.min.css}"/>
-    <link rel="alternate stylesheet" title="Tiny" type="text/css" href="../css/tiny.css" th:href="@{/css/tiny.min.css}"/>
-    <!-- Print -->
-    <link rel="alternate stylesheet" title="Print" type="text/css" href="../css/base.css" th:href="@{/css/base.min.css}"/>
-    <link rel="alternate stylesheet" title="Print" type="text/css" href="../css/print.css" th:href="@{/css/print.min.css}"/>
-    <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" th:rel="stylesheet" type="text/css" href="../css/ie8.css" th:href="@{/css/ie8.min.css}"/>
-    <![endif]-->
-    <link rel="canonical" href="layout.html" th:href="${_canonical.get(uri)}?:${uri}">
-    <script th:replace="${scripts_head}?:~{}"></script>
-  </head>
-  <body
-      th:fragment="body(uri, maincontent, marginalcontent)"
-      th:with="crumbs=${_crumbs.get(uri)}"
-      id="top"
-      class="menu"
-      th:class="${contentclass}?:'menu'"
-      onload="prettyPrint()"
-      >
-    <div id="page" class="cf">
+---
+title: "juplo - BASISTEMPLATE"
+---
+<div class="cf" id="page">
       <header id="header"><!-- TODO: Vereinfachung -> für uri == index.html a gegen strong ausstauschen -->
-        <h1 id="logo" th:include="~{::#logo}"><a href="../index.html" th:href="@{/}" title="Home" class="l" ><img class="l" src="/img/logo.svg" alt="juplo"/></a></h1>
+        <h1 id="logo" th:include="~{::#logo}"><a class="l" href="../index.html" th:href="@{/}" title="Home"><img alt="juplo" class="l" src="/img/logo.svg"></a></h1>
         <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
-        <hr class="h" />
+        <hr class="h">
       </header>
       <div id="breadcrumb">
         <strong class="b title">You are here:</strong>
           <!--*/-->
         </ol>
         <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
-        <hr class="b" />
+        <hr class="b">
       </div>
       <main class="content cf">
-        <article id="content" class="main" th:include="${maincontent}">
+        <article class="main" id="content" th:include="${maincontent}">
           <header><h1 th:text="${_titles.get(uri)}">juplo - BASISTEMPLATE</h1></header>
           <div th:fragment="maincontent">
             <p>
@@ -88,7 +42,7 @@
               <li>Operators and other mathematical stuff: -+/*</li>
               <li>
                 Characters offten used in programming languages:
-                {(&lt;&gt;)}@$?%*#;:&amp;/\!^&#034;&#039;`~
+                {(&lt;&gt;)}@$?%*#;:&amp;/\!^"'`~
               </li>
               <li>Special german characters: ÄäÖöÜü</li>
               <li>Other special characters: @?¢§%°</li>
           </div>
         </article>
         <div class="marginal">
-          <nav id="nav"
-              th:include="~{::#navigation}?:_"
-              th:with="section=${crumbs != null && crumbs.size() > 1 ? crumbs[1] : null}"
-              >
-            <hr class="n"/>
+          <nav id="nav" th:include="~{::#navigation}?:_" th:with="section=${crumbs != null &amp;&amp; crumbs.size() > 1 ? crumbs[1] : 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 th:each="entry : ${_childs.get('/index.html')}"
-                  th:with="title=${_titles.get(entry)}"
-                  class="m blog"
-                  th:class="'m ' + ${title}">
-                <a href="../blog/"
-                   th:href="@{${entry}}"
-                   class="m"
-                   th:class="${section == entry} ? 'm selected' : 'm'"
-                   th:text="${_titles.get(entry)}">Blog</a>
+            <ul class="cf" id="menu">
+              <li class="m blog" th:class="'m ' + ${title}" th:each="entry : ${_childs.get('/index.html')}" th:with="title=${_titles.get(entry)}">
+                <a class="m" href="../blog/" th:class="${section == entry} ? 'm selected' : 'm'" th:href="@{${entry}}" th:text="${_titles.get(entry)}">Blog</a>
               </li>
               <!--/*-->
-              <li class="m projects"><a href="../projects.html" class="m selected">Projects</a></li>
-              <li class="m about"><a href="../about.html" class="m">About</a></li>
+              <li class="m projects"><a class="m selected" href="../projects.html">Projects</a></li>
+              <li class="m about"><a class="m" href="../about.html">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}}" th:text="${_titles.get(section)}">Projects</a>
             </h2>
-            <ul th:include="${submenu}?:_"
-                th:with="
+            <ul class="s" id="submenu" th:class="'s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')" th:include="${submenu}?:_" th:with="
                   len=${crumbs == null} ? 0 : ${crumbs.size()},
                   parent=${section},
                   submenu=${_childs.get(parent)},
-                  pos=2"
-                id="submenu"
-                class="s"
-                th:class="'s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')"
-                >
-              <li th:fragment="submenu(submenu, parent, pos)"
-                  th:each="entry : ${submenu}"
-                  th:with="
+                  pos=2">
+              <li class="s sub" th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')" th:each="entry : ${submenu}" th:fragment="submenu(submenu, parent, pos)" th:with="
                       child=${pos == len},
-                      hidden=${!child && _canonical.get(crumbs.get(pos)) == entry},
+                      hidden=${!child &amp;&amp; _canonical.get(crumbs.get(pos)) == entry},
                       entry=${hidden?crumbs.get(pos):entry},
                       selected=${(child and crumbs.get(pos-1) + '?about' == entry) or (!child and (crumbs.get(pos) == entry or hidden))},
                       leaf=${pos >= (len - 1) and not selected},
                       sibling=${pos + 1 == len and (_childs.get(uri) == null or uri == parent)},
                       childs=${entry == parent ? null : _childs.get(entry)}
-                      "
-                  class="s sub"
-                  th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')"
-                  >
-                <a  href="../potemkin/fix-swf/overview.html"
-                    th:if="${entry != parent}"
-                    th:href="@{${entry}}"
-                    class="s selected"
-                    th:class="(${selected} ? 's selected' : 's') + ' len_' + ${len} + ' pos_' + ${pos} + (${leaf}?' leaf':'')"
-                    th:text="${_titles.get(entry)}"
-                    >fix-swf</a>
-                <ul th:if="${selected and childs != null}"
-                    class="s active"
-                    th:class="'s' + (${entry == uri or (len &gt; 1 and entry == crumbs.get(len-2) and _childs.get(uri) == null)} ? ' selected' : '')"
-                    >
-                  <li th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})"
-                      class="s"
-                      >
+                      ">
+                <a class="s selected" href="../potemkin/fix-swf/overview.html" th:class="(${selected} ? 's selected' : 's') + ' len_' + ${len} + ' pos_' + ${pos} + (${leaf}?' leaf':'')" th:href="@{${entry}}" th:if="${entry != parent}" th:text="${_titles.get(entry)}">fix-swf</a>
+                <ul class="s active" th:class="'s' + (${entry == uri or (len > 1 and entry == crumbs.get(len-2) and _childs.get(uri) == null)} ? ' selected' : '')" th:if="${selected and childs != null}">
+                  <li class="s" th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})">
                     <strong class="s">Overview</strong>
                   </li>
                   <!--/*-->
-                  <li class="s"><a href="../potemkin/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>
+                  <li class="s"><a class="s" href="../potemkin/fix-swf/getting-started.html">Getting Started</a></li>
+                  <li class="s"><a class="s" href="#">FAQ</a></li>
+                  <li class="s"><a class="s" href="#">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="../potemkin/html-experimente.html" th:href="@{/potemkin/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="../potemkin/typo.html" th:href="@{/potemkin/typo.html}" class="s">Typography</a></li>
+              <li class="s sub off"><a class="s" href="#">hibernate4-maven-plugin</a></li>
+              <li class="s off"><a class="s" href="#">jquery.openx</a></li>
+              <li class="s sub off"><a class="s" href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}">HTML-Experimente</a></li>
+              <li class="s sub off"><a class="s" href="#">accelerator</a></li>
+              <li class="s off"><a class="s" href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}">Typography</a></li>
               <!--*/-->
-              <li th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})" class="s off"><a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}" class="s">Typography</a></li>
+              <li class="s off" th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})"><a class="s" href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}">Typography</a></li>
             </ul>
-            <hr class="n"/>
+            <hr class="n">
           </nav>
           <aside class="m" th:insert="${marginalcontent}?:~{}">
           <!--/* the following  is only visible during natural templating -->
         </div>
       </main>
       <footer id="footer">
-        <hr class="f" />
+        <hr class="f">
         <ul id="footerlinks" th:include="~{::#links}?:_">
           <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>
         </ul>
       </footer>
     </div>
-  </body>
-</html>
index 4eecf1a130dd37c7758189276a30b2192dd47849..cbacdc9f62fb41afd20ac759155411a5a5bfbd47 100644 (file)
@@ -1,64 +1,8 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    xmlns:th="http://www.thymeleaf.org"
-    th:fragment="testlab"
-    >
-  <head>
-    <title th:replace="~{::#title}">juplo - TESTLABTEMPLATE</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <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
+---
+title: "juplo - TESTLABTEMPLATE"
+---
+<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
@@ -67,5 +11,3 @@
         </div>
       </div>
     </div>
-  </body>
-</html>
index 812d4a0bb4586d8083e32540730d54d1aa73e853..272e878605a7b618bb32d714de99b51a586208a3 100644 (file)
@@ -1,27 +1,9 @@
-<!DOCTYPE html>
-<html
-    xmlns="http://www.w3.org/1999/xhtml"
-    th:replace="~{/templates/layout.html :: layout(
-      uri='/urheberrechte.html',
-      title=~{:: title},
-      maincontent=~{:: .maincontent},
-      marginalcontent=~{:: .marginalcontent})}"
-    >
-  <head>
-    <title id="title">Urheberrecht</title>
-    <!--/*-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet" type="text/css" href="css/base.css"/>
-    <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
-    <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
-    <!--*/-->
-  </head>
-  <body>
-    <article class="maincontent">
+---
+title: "Urheberrecht"
+---
+<article class="maincontent">
       <header><h1>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 class="marginalcontent" th:replace="/templates/fragments.html :: about"></aside>
-  </body>
-</html>
+<aside class="marginalcontent" th:replace="/templates/fragments.html :: about"></aside>