-<!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…</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…</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 “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 Java’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 Java’s 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 “error: unknown tag: goal”</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>
-<!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
<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>
-<!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 & 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>
-<!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>
-<!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 – 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">
+ <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">
<link rel="stylesheet" type="text/css" href="styles.css" />
<script src="less.js" type="text/javascript"></script>
</code>
</pre>
<p>While, for the pre-compiled mode, you want to link to your stylesheets as usual, with:</p>
- <pre class="prettyprint linenums">
- <code class="html">
+ <pre class="prettyprint linenums"> <code class="html">
<link rel="stylesheet" type="text/css" href="styles.css" />
</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’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 wro4j’s <a href="http://code.google.com/p/wro4j/wiki/GettingStarted" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="Visit the Getting-Started-Page">Getting-Started-Page</a>. In short, we just need two files: <strong>wro.xml</strong> and <strong>wro.properties</strong>.</p>
<h3>wro.xml</h3>
<p>wro.xml tells wro4j, which resources should be combined and how the result should be named. I am using the following configuration to generate all LESS-Sources beneath <code>base/</code> into one CSS-file called <code>base.css</code>:</p>
- <pre class="prettyprint linenums">
- <code class="xml">
+ <pre class="prettyprint linenums"> <code class="xml">
<groups xmlns="http://www.isdc.ro/wro">
<group name="base">
<css>/css/base/*.css</css>
<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’s <a href="https://code.google.com/p/wro4j/wiki/Installation" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See the installation instructions for the wro4j servlet-filter">installation-insctuctions</a>. But the trick is, that we do not want to configure that filter for the production-version of our webapp, because we want to compile the resources offline, when the webapp is build. To acchieve this, we can use the <code><overrideDescriptor></code>-Parameter of the <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin#Configuring_Your_WebApp" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://wiki.eclipse.org']);" title="Read more about the configuration of the jetty-maven-plugin">jetty-maven-plugin</a>.</p>
+ <p>Configuring the filter in the <strong>web.xml</strong> is easy. It is explained in wro4j’s <a href="https://code.google.com/p/wro4j/wiki/Installation" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="See the installation instructions for the wro4j servlet-filter">installation-insctuctions</a>. But the trick is, that we do not want to configure that filter for the production-version of our webapp, because we want to compile the resources offline, when the webapp is build. To acchieve this, we can use the <code><overrideDescriptor></code>-Parameter of the <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin#Configuring_Your_WebApp" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://wiki.eclipse.org']);" title="Read more about the configuration of the jetty-maven-plugin">jetty-maven-plugin</a>.</p>
<h2><overrideDescriptor></h2>
<p>This parameter lets you specify additional configuration options for the web.xml of your webapp. I am using the following configuration for my jetty-maven-plugin:</p>
- <pre class="prettyprint linenums">
- <code class="xml">
+ <pre class="prettyprint linenums"> <code class="xml">
<plugin>
<groupId>org.eclipse.jetty</groupId>
<artifactId>jetty-maven-plugin</artifactId>
<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">
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
</web-app>
</code>
</pre>
- <p>The filter processes any URI’s that end with <code>.css</code>. This way, the wro4j servlet-filter makes <code>base.css</code> available under any path, because for exampl <code>/base.css</code>, <code>/css/base.css</code> and <code>/foo/bar/base.css</code> all end with <code>.css</code>.</p>
+ <p>The filter processes any URI’s that end with <code>.css</code>. This way, the wro4j servlet-filter makes <code>base.css</code> available under any path, because for exampl <code>/base.css</code>, <code>/css/base.css</code> and <code>/foo/bar/base.css</code> all end with <code>.css</code>.</p>
<p>This is all, that is needed to develop with dynamically reloadable compiled LESS-resources. Just fire up your browser and browse to <code>/what/you/like/base.css</code>. (But do not forget to put some LESS-files in <code>src/main/webapp/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">
<plugin>
<groupId>ro.isdc.wro4j</groupId>
<artifactId>wro4j-maven-plugin</artifactId>
</code>
</pre>
<p>I connected the <code>run</code>-goal with the <code>package</code>-phase, because the statically compiled CSS-file is needed only in the final war. The <code>ConfigurableWroManagerFactory</code> tells wro4j, that it should look up further configuration options in our <code>wro.properties</code>-file, where we tell wro4j, that it should compile our LESS-resources. The <code><cssDestinationFolder></code>-tag tells wro4j, where it should put the generated CSS-file. You can adjust that to suite your needs.</p>
- <p>That’s it: now the same CSS-file, which is created on the fly by the wro4j servlet-filter when using <code>mvn jetty:run</code> and, thus, enables dynamic reloading of our LESS-resources, is generated during the build-process by the wro4j-maven-plugin.</p>
+ <p>That’s it: now the same CSS-file, which is created on the fly by the wro4j servlet-filter when using <code>mvn jetty:run</code> and, thus, enables dynamic reloading of our LESS-resources, is generated during the build-process by the wro4j-maven-plugin.</p>
<h2>Cleanup and further considerations</h2>
<h3>lesscss-maven-plugin</h3>
<p>If you already compile your LESS-resources with the lesscss-maven-plugin, you can stick with it and skip step 3. But I strongly recommend giving wro4j-maven-plugin a try, because it is a much more powerfull tool, that can speed up your final webapp even more.</p>
<h3>Clean up your mess </h3>
<p>With a configuration like the above one, your LESS-resources and wro4j-configuration-files will be packed into your production-war. That might be confusing later, because neither wro4j nor LESS is used in the final war. You can add the following to your <code>pom.xml</code> to exclude these files from your war for the sake of clarity:</p>
- <pre class="prettyprint linenums">
- <code class="xml">
+ <pre class="prettyprint linenums"> <code class="xml">
<plugin>
<artifactId>maven-war-plugin</artifactId>
<configuration>
</plugin>
</code>
</pre>
- <h3>What’s next?</h3>
+ <h3>What’s next?</h3>
<p>We only scrached the surface, of what can be done with wro4j. Based on this configuration, you can easily enable additional features to fine-tune your final build for maximum speed. You really should take a look at the <a href="https://code.google.com/p/wro4j/wiki/AvailableProcessors" onclick="javascript:_gaq.push(['_trackEvent', 'outbound-article', 'http://code.google.com']);" title="Available Processors">list of available Processors</a>!</p>
</div><!-- .entry-content -->
<footer class="entry-meta">
- This entry was posted in <a href="http://juplo.de/category/jetty/" title="View all posts in Jetty" rel="category tag">Jetty</a>, <a href="http://juplo.de/category/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&redirect_to=http%3A%2F%2Fjuplo.de%2Fcombining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources%2F&_wpnonce=09e5cb501d" title="Log out of this account">Log out »</a></p>
+ <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&redirect_to=http%3A%2F%2Fjuplo.de%2Fcombining-jetty-maven-plugin-and-wro4j-maven-plugin-for-dynamic-reloading-of-less-resources%2F&_wpnonce=09e5cb501d" title="Log out of this account">Log out »</a></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code></small></p>-->
- <p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
- <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
- <input type='hidden' name='comment_post_ID' value='140' id='comment_post_ID' />
- <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
+ <p><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>
-<!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 – 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 “hibernate4-maven-plugin”</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> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=556" title="Edit comment">(Edit)</a>
</div>
<p>
- Hi thanks a lot for making this plugin available, great work!!<br />
- I have a problem generating postgres schema. Looks like the plugin ignores the data type when adding default values and that yields a syntax error from Postgres. Or maybe I’m doing something wrong. I’m using version 1.0.3.</p>
+ Hi thanks a lot for making this plugin available, great work!!<br>
+ I have a problem generating postgres schema. Looks like the plugin ignores the data type when adding default values and that yields a syntax error from Postgres. Or maybe I’m doing something wrong. I’m using version 1.0.3.</p>
<p>For example I have in java:</p>
<p>
- @Column(name = “financialEnabled”, nullable = false, columnDefinition = “default TRUE”)<br />
+ @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("div-comment-556", "556", "respond", "34")">Reply</a>
</div>
</div>
<ul class="children">
<li class="comment byuser comment-author-kai bypostauthor odd alt depth-2" id="comment-567">
- <div id="div-comment-567" class="comment-body">
+ <div class="comment-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 “default TRUE”.<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("div-comment-567", "567", "respond", "34")">Reply</a>
</div>
</div>
</li><!-- #comment-## -->
</ul><!-- .children -->
</li><!-- #comment-## -->
<li class="comment even thread-odd thread-alt depth-1 parent" id="comment-390">
- <div id="div-comment-390" class="comment-body">
+ <div class="comment-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…<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>
+ 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("div-comment-390", "390", "respond", "34")">Reply</a>
</div>
</div>
<ul class="children">
<li class="comment byuser comment-author-kai bypostauthor odd alt depth-2 parent" id="comment-391">
- <div id="div-comment-391" class="comment-body">
+ <div class="comment-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">
<a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=391" title="Edit comment">(Edit)</a> </div>
<p>
- Yes, I am working on the possibility, to scan for annotations in dependencies.<br />
- Unfortunatly, I have no example-project for this use-case by hand.<br />
+ 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("div-comment-391", "391", "respond", "34")">Reply</a>
</div>
</div>
<ul class="children">
<li class="comment byuser comment-author-kai bypostauthor even depth-3" id="comment-568">
- <div id="div-comment-568" class="comment-body">
+ <div class="comment-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> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=568" title="Edit comment">(Edit)</a> </div>
<p>Version 1.0.3 of the plugin can now scan for annotations in the dependencies, too.</p>
<div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=568#respond' onclick='return addComment.moveForm("div-comment-568", "568", "respond", "34")'>Reply</a> </div>
+ <a class="comment-reply-link" href="/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=568#respond" onclick="return addComment.moveForm("div-comment-568", "568", "respond", "34")">Reply</a> </div>
</div>
</li><!-- #comment-## -->
</ul><!-- .children -->
</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> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=286" title="Edit comment">(Edit)</a> </div>
<p>Following my previous question, here is the debug info</p>
- <p>[DEBUG] Dependency: /Users/pmarques/.m2/repository/org/springframework/security/spring-security-acl/3.1.4.RELEASE/spring-security-acl-3.1.4.RELEASE.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/atomikos-util/3.6.5/atomikos-util-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-api/3.6.5/transactions-api-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/javax/transaction/transaction-api/1.1/transaction-api-1.1.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jdbc-deprecated/3.6.5/transactions-jdbc-deprecated-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jdbc/3.6.5/transactions-jdbc-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jta/3.6.5/transactions-jta-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions/3.6.5/transactions-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/org/apache/geronimo/specs/geronimo-jta_1.0.1B_spec/1.0.1/geronimo-jta_1.0.1B_spec-1.0.1.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jms-deprecated/3.6.5/transactions-jms-deprecated-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-jms/3.6.5/transactions-jms-3.6.5.jar<br />
- [DEBUG] Dependency: /Users/pmarques/.m2/repository/com/atomikos/transactions-hibernate3/3.6.5/transactions-hibernate3-3.6.5.jar<br />
- [INFO] Scanning directory /target/classes for annotated classes…</p>
+ <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("div-comment-286", "286", "respond", "34")">Reply</a> </div>
</div>
</li><!-- #comment-## -->
<li class="comment even thread-odd thread-alt depth-1 parent" id="comment-285">
- <div id="div-comment-285" class="comment-body">
+ <div class="comment-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> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=285" title="Edit comment">(Edit)</a> </div>
<p>Hi,</p>
- <p>I have the following problem.<br />
- The project that I use to test (and use the plugin) has the annotated classes as a dependency.<br />
- I am getting the error:<br />
+ <p>I have the following problem.<br>
+ The project that I use to test (and use the plugin) has the annotated classes as a dependency.<br>
+ I am getting the error:<br>
No annotated classes found in directory /target/classes</p>
- <p>Shouldn’t the plugin scan all the dependencies also?</p>
- <p>Thanks,<br />
+ <p>Shouldn’t the plugin scan all the dependencies also?</p>
+ <p>Thanks,<br>
Pedro.</p>
<div class="reply">
- <a class='comment-reply-link' href='/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=285#respond' onclick='return addComment.moveForm("div-comment-285", "285", "respond", "34")'>Reply</a> </div>
+ <a class="comment-reply-link" href="/hibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations/?replytocom=285#respond" onclick="return addComment.moveForm("div-comment-285", "285", "respond", "34")">Reply</a> </div>
</div>
<ul class="children">
<li class="comment byuser comment-author-kai bypostauthor odd alt depth-2 parent" id="comment-287">
- <div id="div-comment-287" class="comment-body">
+ <div class="comment-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> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=287" title="Edit comment">(Edit)</a> </div>
<p>Hi Pedro,</p>
- <p>I think, that your observation is right.<br />
+ <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("div-comment-287", "287", "respond", "34")">Reply</a> </div>
</div>
<ul class="children">
<li class="comment byuser comment-author-kai bypostauthor even depth-3" id="comment-426">
- <div id="div-comment-426" class="comment-body">
+ <div class="comment-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> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=426" title="Edit comment">(Edit)</a> </div>
- <p>The <a href="/hibernate4-maven-plugin-1-0-3-released/" title="Open the release-notes" rel="nofollow">new version 1.0.3</a> of the plugin adds support for annotated classes in dependencies!</p>
+ <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("div-comment-426", "426", "respond", "34")">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> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=276" title="Edit comment">(Edit)</a> </div>
<p>Hello,</p>
- <p>I’m upgrading from hibernate3 to to hibernate4 and have moved from the hibernate3-maven-plugin to this version. I haven’t undertaken (and don’t want to just yet) the big job of changing my hbm mapping files to annotations.</p>
+ <p>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("div-comment-276", "276", "respond", "34")">Reply</a> </div>
</div>
<ul class="children">
<li class="comment byuser comment-author-tortenheber even depth-2" id="comment-277">
- <div id="div-comment-277" class="comment-body">
+ <div class="comment-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> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=277" title="Edit comment">(Edit)</a> </div>
<p>Hello Mike,</p>
- <p>I added the requested feature in the SNAPSHOT-version.<br />
+ <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("div-comment-277", "277", "respond", "34")">Reply</a> </div>
</div>
</li><!-- #comment-## -->
</ul><!-- .children -->
</li><!-- #comment-## -->
<li class="comment odd alt thread-odd thread-alt depth-1 parent" id="comment-50">
- <div id="div-comment-50" class="comment-body">
+ <div class="comment-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("div-comment-50", "50", "respond", "34")">Reply</a> </div>
</div>
<ul class="children">
<li class="comment even depth-2 parent" id="comment-51">
- <div id="div-comment-51" class="comment-body">
+ <div class="comment-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> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=51" title="Edit comment">(Edit)</a> </div>
- <p>Your welcom.<br />
+ <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("div-comment-51", "51", "respond", "34")">Reply</a> </div>
</div>
<ul class="children">
<li class="comment odd alt depth-3 parent" id="comment-54">
- <div id="div-comment-54" class="comment-body">
+ <div class="comment-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("div-comment-54", "54", "respond", "34")">Reply</a> </div>
</div>
<ul class="children">
<li class="comment even depth-4" id="comment-55">
- <div id="div-comment-55" class="comment-body">
+ <div class="comment-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> <a class="comment-edit-link" href="http://juplo.de/wp-admin/comment.php?action=editcomment&c=55" title="Edit comment">(Edit)</a> </div>
- <p>There is a private git-Repository.<br />
- <a href="http://juplo.de/hibernate4-maven-plugin/source-repository.html" rel="nofollow">Check the project-documentation!</a></p>
- <p>You can <a href="http://juplo.de/hibernate4-maven-plugin/team-list.html" rel="nofollow">send me</a> a patch or a pull-request to <a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
+ <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("div-comment-55", "55", "respond", "34")">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&redirect_to=http%3A%2F%2Fjuplo.de%2Fhibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations%2F&_wpnonce=09e5cb501d" title="Log out of this account">Log out »</a></p>
+ <p>Logged in as <a href="http://juplo.de/wp-admin/profile.php">Kai Moritz</a>. <a href="http://juplo.de/wp-login.php?action=logout&redirect_to=http%3A%2F%2Fjuplo.de%2Fhibernate4-maven-plugin-a-simple-plugin-for-generating-a-database-schema-from-hibernate-4-mapping-annotations%2F&_wpnonce=09e5cb501d" title="Log out of this account">Log out »</a></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code></small></p>-->
- <p><textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea></p>
+ <p><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>
-<!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>
</article>
</div>
</div>
- </body>
-</html>
-<!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>
<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. 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>
<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. 6 Abs. 1 lit. 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. 6 Abs. 1 lit. 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. 6 Abs. 1 lit. 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. 6 Abs. 1 lit. 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>
-<!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"
+---
-<!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>
-<!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>
-<!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>
-<!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>
<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>
-<!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>
-<!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>
-<!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>
-<!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>
<li><a href="potemkin/typo.html" th:href="@{/potemkin/typo.html}">Typography</a></li>
</ul>
</main>
- </body>
-</html>
-<!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:
- {
- "_titles": {
- "\/potemkin\/accelerator.html": "Accelerator",
- "\/potemkin\/accelerator.html#read-on": "Read on",
- "\/potemkin\/accelerator.html#read-on-and-on": "Read on and on",
- "\/potemkin\/accelerator.html#read-on-and-on-and-on": "Read on and on and on",
- "\/projects.html": "Projects"
- },
- "_childs": {
- "\/potemkin\/accelerator.html": [
- "\/potemkin\/accelerator.html",
- "\/potemkin\/accelerator.html#read-on",
- "\/potemkin\/accelerator.html#read-on-and-on",
- "\/potemkin\/accelerator.html#read-on-and-on-and-on"
- ],
- "\/projects.html": [
- "\/potemkin\/accelerator.html",
- "\/potemkin\/fix-swf\/overview.html",
- "\/potemkin\/html-experimente.html",
- "\/potemkin\/typo.html",
- "\/projects.html"
- ]
- },
- "_crumbs": {
- "\/potemkin\/accelerator.html": [
- "\/projects.html",
- "\/potemkin\/accelerator.html",
- "\/potemkin\/accelerator.html"
- ],
- "\/projects.html": [
- "\/projects.html"
- ]
- }
- }
- ')}"
- >
- <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>
-<!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>
-<!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>
-<!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>
<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>
<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>
-<!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>
-<!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>
-<!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>
-<!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>
-<!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>
-<!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>
-<!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>
-<!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>
-<!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>
-<!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>
-<!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">< </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="> zur Übersicht" />
- <input class="f left" type="submit" value="< zurück" />
- <input class="f" type="submit" value="> 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">< </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="> 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="> Doch kein Bild" />
- <input class="f" type="submit" value="> 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>
-<!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>
-<!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>
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>HTML-Experimente - Basis-Layout & 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>
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>HTML-Experimente - Basis-Layout & 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>
-<!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"></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>
+ <span class="e600"></span>
+ <span class="e601"></span>
+ <span class="e602"></span>
+ <span class="e603"></span>
+ <span class="e604"></span>
+ <span class="e605"></span>
+ <span class="e606"></span>
+ <span class="e607"></span>
+ <span class="e608"></span>
+ <span class="e609"></span>
+ <span class="e60a"></span>
+ <span class="e60b"></span>
+ <span class="e60c"></span>
+ <span class="e60d"></span>
+ <span class="e60e"></span>
+ <span class="e60f"></span>
+ <span class="e610"></span>
+ <span class="e611"></span>
+ <span class="e612"></span>
+ <span class="e613"></span>
+ <span class="e614"></span>
+ <span class="e615"></span>
+ <span class="e616"></span>
+ <span class="e617"></span>
+ <span class="e618"></span>
+ <span class="e619"></span>
+ <span class="e61a"></span>
+ <span class="e61b"></span>
+ <span class="e61c"></span>
+ <span class="e61d"></span>
+ <span class="e61e"></span>
+ <span class="e61f"></span>
+ <span class="e620"></span>
+ <span class="e621"></span>
+ <span class="e622"></span>
+ <span class="e623"></span>
+ <span class="e624"></span>
+ <span class="e625"></span>
+ <span class="e626"></span>
+ <span class="e627"></span>
+ <span class="e628"></span>
+ <span class="e629"></span>
+ <span class="e62a"></span>
+ <span class="e62b"></span>
+ <span class="e62c"></span>
+ <span class="e62d"></span>
+ <span class="e62e"></span>
+ <span class="e62f"></span>
+ <span class="e630"></span>
+ <span class="e631"></span>
+ <span class="e632"></span>
+ <span class="e633"></span>
+ <span class="e634"></span>
+ <span class="e635"></span>
+ <span class="e636"></span>
+ <span class="e637"></span>
+ <span class="e638"></span>
+ <span class="e639"></span>
+ <span class="e63a"></span>
+ <span class="e63b"></span>
+ <span class="e63c"></span>
+ <span class="e63d"></span>
+ <span class="e63e"></span>
+ <span class="e63f"></span>
+ <span class="e640"></span>
+ <span class="e641"></span>
+ <span class="e642"></span>
+ <span class="e643"></span>
+ <span class="e644"></span>
+ <span class="e645"></span>
+ <span class="e646"></span>
+ <span class="e647"></span>
+ <span class="e648"></span>
+ <span class="e649"></span>
+ <span class="e64a"></span>
+ <span class="e64b"></span>
</div>
<h2>200%</h2>
<div class="symbols" style="font-size: 200%; line-height: 1.5em">
- <span class="e600"></span>
- <span class="e601"></span>
- <span class="e602"></span>
- <span class="e603"></span>
- <span class="e604"></span>
- <span class="e605"></span>
- <span class="e606"></span>
- <span class="e607"></span>
- <span class="e608"></span>
- <span class="e609"></span>
- <span class="e60a"></span>
- <span class="e60b"></span>
- <span class="e60c"></span>
- <span class="e60d"></span>
- <span class="e60e"></span>
- <span class="e60f"></span>
- <span class="e610"></span>
- <span class="e611"></span>
- <span class="e612"></span>
- <span class="e613"></span>
- <span class="e614"></span>
- <span class="e615"></span>
- <span class="e616"></span>
- <span class="e617"></span>
- <span class="e618"></span>
- <span class="e619"></span>
- <span class="e61a"></span>
- <span class="e61b"></span>
- <span class="e61c"></span>
- <span class="e61d"></span>
- <span class="e61e"></span>
- <span class="e61f"></span>
- <span class="e620"></span>
- <span class="e621"></span>
- <span class="e622"></span>
- <span class="e623"></span>
- <span class="e624"></span>
- <span class="e625"></span>
- <span class="e626"></span>
- <span class="e627"></span>
- <span class="e628"></span>
- <span class="e629"></span>
- <span class="e62a"></span>
- <span class="e62b"></span>
- <span class="e62c"></span>
- <span class="e62d"></span>
- <span class="e62e"></span>
- <span class="e62f"></span>
- <span class="e630"></span>
- <span class="e631"></span>
- <span class="e632"></span>
- <span class="e633"></span>
- <span class="e634"></span>
- <span class="e635"></span>
- <span class="e636"></span>
- <span class="e637"></span>
- <span class="e638"></span>
- <span class="e639"></span>
- <span class="e63a"></span>
- <span class="e63b"></span>
- <span class="e63c"></span>
- <span class="e63d"></span>
- <span class="e63e"></span>
- <span class="e63f"></span>
- <span class="e640"></span>
- <span class="e641"></span>
- <span class="e642"></span>
- <span class="e643"></span>
- <span class="e644"></span>
- <span class="e645"></span>
- <span class="e646"></span>
- <span class="e647"></span>
- <span class="e648"></span>
- <span class="e649"></span>
- <span class="e64a"></span>
- <span class="e64b"></span>
+ <span class="e600"></span>
+ <span class="e601"></span>
+ <span class="e602"></span>
+ <span class="e603"></span>
+ <span class="e604"></span>
+ <span class="e605"></span>
+ <span class="e606"></span>
+ <span class="e607"></span>
+ <span class="e608"></span>
+ <span class="e609"></span>
+ <span class="e60a"></span>
+ <span class="e60b"></span>
+ <span class="e60c"></span>
+ <span class="e60d"></span>
+ <span class="e60e"></span>
+ <span class="e60f"></span>
+ <span class="e610"></span>
+ <span class="e611"></span>
+ <span class="e612"></span>
+ <span class="e613"></span>
+ <span class="e614"></span>
+ <span class="e615"></span>
+ <span class="e616"></span>
+ <span class="e617"></span>
+ <span class="e618"></span>
+ <span class="e619"></span>
+ <span class="e61a"></span>
+ <span class="e61b"></span>
+ <span class="e61c"></span>
+ <span class="e61d"></span>
+ <span class="e61e"></span>
+ <span class="e61f"></span>
+ <span class="e620"></span>
+ <span class="e621"></span>
+ <span class="e622"></span>
+ <span class="e623"></span>
+ <span class="e624"></span>
+ <span class="e625"></span>
+ <span class="e626"></span>
+ <span class="e627"></span>
+ <span class="e628"></span>
+ <span class="e629"></span>
+ <span class="e62a"></span>
+ <span class="e62b"></span>
+ <span class="e62c"></span>
+ <span class="e62d"></span>
+ <span class="e62e"></span>
+ <span class="e62f"></span>
+ <span class="e630"></span>
+ <span class="e631"></span>
+ <span class="e632"></span>
+ <span class="e633"></span>
+ <span class="e634"></span>
+ <span class="e635"></span>
+ <span class="e636"></span>
+ <span class="e637"></span>
+ <span class="e638"></span>
+ <span class="e639"></span>
+ <span class="e63a"></span>
+ <span class="e63b"></span>
+ <span class="e63c"></span>
+ <span class="e63d"></span>
+ <span class="e63e"></span>
+ <span class="e63f"></span>
+ <span class="e640"></span>
+ <span class="e641"></span>
+ <span class="e642"></span>
+ <span class="e643"></span>
+ <span class="e644"></span>
+ <span class="e645"></span>
+ <span class="e646"></span>
+ <span class="e647"></span>
+ <span class="e648"></span>
+ <span class="e649"></span>
+ <span class="e64a"></span>
+ <span class="e64b"></span>
</div>
<h2>300%</h2>
<div class="symbols" style="font-size: 300%; line-height: 1.5em">
- <span class="e600"></span>
- <span class="e601"></span>
- <span class="e602"></span>
- <span class="e603"></span>
- <span class="e604"></span>
- <span class="e605"></span>
- <span class="e606"></span>
- <span class="e607"></span>
- <span class="e608"></span>
- <span class="e609"></span>
- <span class="e60a"></span>
- <span class="e60b"></span>
- <span class="e60c"></span>
- <span class="e60d"></span>
- <span class="e60e"></span>
- <span class="e60f"></span>
- <span class="e610"></span>
- <span class="e611"></span>
- <span class="e612"></span>
- <span class="e613"></span>
- <span class="e614"></span>
- <span class="e615"></span>
- <span class="e616"></span>
- <span class="e617"></span>
- <span class="e618"></span>
- <span class="e619"></span>
- <span class="e61a"></span>
- <span class="e61b"></span>
- <span class="e61c"></span>
- <span class="e61d"></span>
- <span class="e61e"></span>
- <span class="e61f"></span>
- <span class="e620"></span>
- <span class="e621"></span>
- <span class="e622"></span>
- <span class="e623"></span>
- <span class="e624"></span>
- <span class="e625"></span>
- <span class="e626"></span>
- <span class="e627"></span>
- <span class="e628"></span>
- <span class="e629"></span>
- <span class="e62a"></span>
- <span class="e62b"></span>
- <span class="e62c"></span>
- <span class="e62d"></span>
- <span class="e62e"></span>
- <span class="e62f"></span>
- <span class="e630"></span>
- <span class="e631"></span>
- <span class="e632"></span>
- <span class="e633"></span>
- <span class="e634"></span>
- <span class="e635"></span>
- <span class="e636"></span>
- <span class="e637"></span>
- <span class="e638"></span>
- <span class="e639"></span>
- <span class="e63a"></span>
- <span class="e63b"></span>
- <span class="e63c"></span>
- <span class="e63d"></span>
- <span class="e63e"></span>
- <span class="e63f"></span>
- <span class="e640"></span>
- <span class="e641"></span>
- <span class="e642"></span>
- <span class="e643"></span>
- <span class="e644"></span>
- <span class="e645"></span>
- <span class="e646"></span>
- <span class="e647"></span>
- <span class="e648"></span>
- <span class="e649"></span>
- <span class="e64a"></span>
- <span class="e64b"></span>
+ <span class="e600"></span>
+ <span class="e601"></span>
+ <span class="e602"></span>
+ <span class="e603"></span>
+ <span class="e604"></span>
+ <span class="e605"></span>
+ <span class="e606"></span>
+ <span class="e607"></span>
+ <span class="e608"></span>
+ <span class="e609"></span>
+ <span class="e60a"></span>
+ <span class="e60b"></span>
+ <span class="e60c"></span>
+ <span class="e60d"></span>
+ <span class="e60e"></span>
+ <span class="e60f"></span>
+ <span class="e610"></span>
+ <span class="e611"></span>
+ <span class="e612"></span>
+ <span class="e613"></span>
+ <span class="e614"></span>
+ <span class="e615"></span>
+ <span class="e616"></span>
+ <span class="e617"></span>
+ <span class="e618"></span>
+ <span class="e619"></span>
+ <span class="e61a"></span>
+ <span class="e61b"></span>
+ <span class="e61c"></span>
+ <span class="e61d"></span>
+ <span class="e61e"></span>
+ <span class="e61f"></span>
+ <span class="e620"></span>
+ <span class="e621"></span>
+ <span class="e622"></span>
+ <span class="e623"></span>
+ <span class="e624"></span>
+ <span class="e625"></span>
+ <span class="e626"></span>
+ <span class="e627"></span>
+ <span class="e628"></span>
+ <span class="e629"></span>
+ <span class="e62a"></span>
+ <span class="e62b"></span>
+ <span class="e62c"></span>
+ <span class="e62d"></span>
+ <span class="e62e"></span>
+ <span class="e62f"></span>
+ <span class="e630"></span>
+ <span class="e631"></span>
+ <span class="e632"></span>
+ <span class="e633"></span>
+ <span class="e634"></span>
+ <span class="e635"></span>
+ <span class="e636"></span>
+ <span class="e637"></span>
+ <span class="e638"></span>
+ <span class="e639"></span>
+ <span class="e63a"></span>
+ <span class="e63b"></span>
+ <span class="e63c"></span>
+ <span class="e63d"></span>
+ <span class="e63e"></span>
+ <span class="e63f"></span>
+ <span class="e640"></span>
+ <span class="e641"></span>
+ <span class="e642"></span>
+ <span class="e643"></span>
+ <span class="e644"></span>
+ <span class="e645"></span>
+ <span class="e646"></span>
+ <span class="e647"></span>
+ <span class="e648"></span>
+ <span class="e649"></span>
+ <span class="e64a"></span>
+ <span class="e64b"></span>
</div>
<h2>400%</h2>
<div class="symbols" style="font-size: 400%; line-height: 1.5em">
- <span class="e600"></span>
- <span class="e601"></span>
- <span class="e602"></span>
- <span class="e603"></span>
- <span class="e604"></span>
- <span class="e605"></span>
- <span class="e606"></span>
- <span class="e607"></span>
- <span class="e608"></span>
- <span class="e609"></span>
- <span class="e60a"></span>
- <span class="e60b"></span>
- <span class="e60c"></span>
- <span class="e60d"></span>
- <span class="e60e"></span>
- <span class="e60f"></span>
- <span class="e610"></span>
- <span class="e611"></span>
- <span class="e612"></span>
- <span class="e613"></span>
- <span class="e614"></span>
- <span class="e615"></span>
- <span class="e616"></span>
- <span class="e617"></span>
- <span class="e618"></span>
- <span class="e619"></span>
- <span class="e61a"></span>
- <span class="e61b"></span>
- <span class="e61c"></span>
- <span class="e61d"></span>
- <span class="e61e"></span>
- <span class="e61f"></span>
- <span class="e620"></span>
- <span class="e621"></span>
- <span class="e622"></span>
- <span class="e623"></span>
- <span class="e624"></span>
- <span class="e625"></span>
- <span class="e626"></span>
- <span class="e627"></span>
- <span class="e628"></span>
- <span class="e629"></span>
- <span class="e62a"></span>
- <span class="e62b"></span>
- <span class="e62c"></span>
- <span class="e62d"></span>
- <span class="e62e"></span>
- <span class="e62f"></span>
- <span class="e630"></span>
- <span class="e631"></span>
- <span class="e632"></span>
- <span class="e633"></span>
- <span class="e634"></span>
- <span class="e635"></span>
- <span class="e636"></span>
- <span class="e637"></span>
- <span class="e638"></span>
- <span class="e639"></span>
- <span class="e63a"></span>
- <span class="e63b"></span>
- <span class="e63c"></span>
- <span class="e63d"></span>
- <span class="e63e"></span>
- <span class="e63f"></span>
- <span class="e640"></span>
- <span class="e641"></span>
- <span class="e642"></span>
- <span class="e643"></span>
- <span class="e644"></span>
- <span class="e645"></span>
- <span class="e646"></span>
- <span class="e647"></span>
- <span class="e648"></span>
- <span class="e649"></span>
- <span class="e64a"></span>
- <span class="e64b"></span>
+ <span class="e600"></span>
+ <span class="e601"></span>
+ <span class="e602"></span>
+ <span class="e603"></span>
+ <span class="e604"></span>
+ <span class="e605"></span>
+ <span class="e606"></span>
+ <span class="e607"></span>
+ <span class="e608"></span>
+ <span class="e609"></span>
+ <span class="e60a"></span>
+ <span class="e60b"></span>
+ <span class="e60c"></span>
+ <span class="e60d"></span>
+ <span class="e60e"></span>
+ <span class="e60f"></span>
+ <span class="e610"></span>
+ <span class="e611"></span>
+ <span class="e612"></span>
+ <span class="e613"></span>
+ <span class="e614"></span>
+ <span class="e615"></span>
+ <span class="e616"></span>
+ <span class="e617"></span>
+ <span class="e618"></span>
+ <span class="e619"></span>
+ <span class="e61a"></span>
+ <span class="e61b"></span>
+ <span class="e61c"></span>
+ <span class="e61d"></span>
+ <span class="e61e"></span>
+ <span class="e61f"></span>
+ <span class="e620"></span>
+ <span class="e621"></span>
+ <span class="e622"></span>
+ <span class="e623"></span>
+ <span class="e624"></span>
+ <span class="e625"></span>
+ <span class="e626"></span>
+ <span class="e627"></span>
+ <span class="e628"></span>
+ <span class="e629"></span>
+ <span class="e62a"></span>
+ <span class="e62b"></span>
+ <span class="e62c"></span>
+ <span class="e62d"></span>
+ <span class="e62e"></span>
+ <span class="e62f"></span>
+ <span class="e630"></span>
+ <span class="e631"></span>
+ <span class="e632"></span>
+ <span class="e633"></span>
+ <span class="e634"></span>
+ <span class="e635"></span>
+ <span class="e636"></span>
+ <span class="e637"></span>
+ <span class="e638"></span>
+ <span class="e639"></span>
+ <span class="e63a"></span>
+ <span class="e63b"></span>
+ <span class="e63c"></span>
+ <span class="e63d"></span>
+ <span class="e63e"></span>
+ <span class="e63f"></span>
+ <span class="e640"></span>
+ <span class="e641"></span>
+ <span class="e642"></span>
+ <span class="e643"></span>
+ <span class="e644"></span>
+ <span class="e645"></span>
+ <span class="e646"></span>
+ <span class="e647"></span>
+ <span class="e648"></span>
+ <span class="e649"></span>
+ <span class="e64a"></span>
+ <span class="e64b"></span>
</div>
<h2>500%</h2>
<div class="symbols" style="font-size: 500%; line-height: 1.5em">
- <span class="e600"></span>
- <span class="e601"></span>
- <span class="e602"></span>
- <span class="e603"></span>
- <span class="e604"></span>
- <span class="e605"></span>
- <span class="e606"></span>
- <span class="e607"></span>
- <span class="e608"></span>
- <span class="e609"></span>
- <span class="e60a"></span>
- <span class="e60b"></span>
- <span class="e60c"></span>
- <span class="e60d"></span>
- <span class="e60e"></span>
- <span class="e60f"></span>
- <span class="e610"></span>
- <span class="e611"></span>
- <span class="e612"></span>
- <span class="e613"></span>
- <span class="e614"></span>
- <span class="e615"></span>
- <span class="e616"></span>
- <span class="e617"></span>
- <span class="e618"></span>
- <span class="e619"></span>
- <span class="e61a"></span>
- <span class="e61b"></span>
- <span class="e61c"></span>
- <span class="e61d"></span>
- <span class="e61e"></span>
- <span class="e61f"></span>
- <span class="e620"></span>
- <span class="e621"></span>
- <span class="e622"></span>
- <span class="e623"></span>
- <span class="e624"></span>
- <span class="e625"></span>
- <span class="e626"></span>
- <span class="e627"></span>
- <span class="e628"></span>
- <span class="e629"></span>
- <span class="e62a"></span>
- <span class="e62b"></span>
- <span class="e62c"></span>
- <span class="e62d"></span>
- <span class="e62e"></span>
- <span class="e62f"></span>
- <span class="e630"></span>
- <span class="e631"></span>
- <span class="e632"></span>
- <span class="e633"></span>
- <span class="e634"></span>
- <span class="e635"></span>
- <span class="e636"></span>
- <span class="e637"></span>
- <span class="e638"></span>
- <span class="e639"></span>
- <span class="e63a"></span>
- <span class="e63b"></span>
- <span class="e63c"></span>
- <span class="e63d"></span>
- <span class="e63e"></span>
- <span class="e63f"></span>
- <span class="e640"></span>
- <span class="e641"></span>
- <span class="e642"></span>
- <span class="e643"></span>
- <span class="e644"></span>
- <span class="e645"></span>
- <span class="e646"></span>
- <span class="e647"></span>
- <span class="e648"></span>
- <span class="e649"></span>
- <span class="e64a"></span>
- <span class="e64b"></span>
+ <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>
-<!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>
-<!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">< </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="> zur Übersicht" />
- <input class="f left" type="submit" value="< zurück" />
- <input class="f" type="submit" value="> 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">< </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="> 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="> Doch kein Bild" />
- <input class="f" type="submit" value="> 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>
-<!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>
-<!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,
</plugin>
</code></pre>
</article>
- </body>
-</html>
-<!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>
<li><a href="potemkin/typo.html" th:href="@{/potemkin/typo.html}">Typography</a></li>
</ul>
</main>
- </body>
-</html>
-<!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>
-<!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>
-<!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>
-<!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>
</p>
</aside>
</div>
- <hr />
- </body>
-</html>
+<hr>
-<!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>
<li>Operators and other mathematical stuff: -+/*</li>
<li>
Characters offten used in programming languages:
- {(<>)}@$?%*#;:&/\!^"'`~
+ {(<>)}@$?%*#;:&/\!^"'`~
</li>
<li>Special german characters: ÄäÖöÜü</li>
<li>Other special characters: @?¢§%°</li>
</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 && 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 && _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 > 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>
-<!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
</div>
</div>
</div>
- </body>
-</html>
-<!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>