From fa6005bee830585699210c06b18184aabc65786d Mon Sep 17 00:00:00 2001
From: Kai Moritz <km@feder-software.de>
Date: Sun, 22 Dec 2013 11:43:28 +0100
Subject: [PATCH] =?utf8?q?Das=20Hinzuf=C3=BCgen=20neuer=20und=20die=20Pfle?=
 =?utf8?q?ge=20alter=20HTML-Experimente=20vereinfacht?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/spring/tiles.xml      |  6 +++
 .../WEB-INF/templates/test/breadcrumb.jsp     |  8 ++++
 .../WEB-INF/templates/test/experimente.jsp    | 17 ++++++++
 .../WEB-INF/templates/test/navigation.jsp     | 23 ++++++++++
 .../views/projects/html-experimente.jsp       | 17 +-------
 .../WEB-INF/views/test/basis-layout.jsp       | 43 +++----------------
 src/main/webapp/WEB-INF/views/test/phone.jsp  | 43 +++----------------
 .../WEB-INF/views/test/seitenaufteilung.jsp   | 43 +++----------------
 .../webapp/WEB-INF/views/test/seitenkopf.jsp  | 43 +++----------------
 src/main/webapp/WEB-INF/views/test/tablet.jsp | 43 +++----------------
 src/main/webapp/WEB-INF/views/test/tiny.jsp   | 43 +++----------------
 11 files changed, 86 insertions(+), 243 deletions(-)
 create mode 100644 src/main/webapp/WEB-INF/templates/test/breadcrumb.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/test/experimente.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/test/navigation.jsp

diff --git a/src/main/webapp/WEB-INF/spring/tiles.xml b/src/main/webapp/WEB-INF/spring/tiles.xml
index 64c0d953..74d913c2 100644
--- a/src/main/webapp/WEB-INF/spring/tiles.xml
+++ b/src/main/webapp/WEB-INF/spring/tiles.xml
@@ -18,5 +18,11 @@
     <put-attribute name="contentclass" value="cols_1" type="string"/>
   </definition>
 
+  <definition name="test" extends="BASEPAGE">
+    <put-attribute name="breadcrumb" value="/WEB-INF/templates/test/breadcrumb.jsp" type="template"/>
+    <put-attribute name="navigation" value="/WEB-INF/templates/test/navigation.jsp" type="template"/>
+    <put-attribute name="maincontent" value="/WEB-INF/templates/test/experimente.jsp" type="template"/>
+  </definition>
+
 
 </tiles-definitions>
diff --git a/src/main/webapp/WEB-INF/templates/test/breadcrumb.jsp b/src/main/webapp/WEB-INF/templates/test/breadcrumb.jsp
new file mode 100644
index 00000000..cc4a1c1e
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/test/breadcrumb.jsp
@@ -0,0 +1,8 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<s:url var="base" value="/" />
+<li class="b"><a class="b" href="${base}index.html">Home</a></li>
+<li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
+<li class="b"><a class="b" href="${base}projects/html-experimente.html">HTML-Experimente</a></li>
diff --git a/src/main/webapp/WEB-INF/templates/test/experimente.jsp b/src/main/webapp/WEB-INF/templates/test/experimente.jsp
new file mode 100644
index 00000000..f50d180a
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/test/experimente.jsp
@@ -0,0 +1,17 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<s:url var="base" value="/" />
+<h2>Layout-Variationen</h2>
+<ul>
+  <li><a href="${base}test/basis-layout.html">Nur das Basis-Layout</a></li>
+  <li><a href="${base}test/tiny.html">Layout für sehr kleine Bildschirmgrößen</a></li>
+  <li><a href="${base}test/phone.html">Layout für Smartphones</a></li>
+  <li><a href="${base}test/tablet.html">Layout für Tablets</a></li>
+</ul>
+<h2>Testseiten für einzelne Seiten-Bestandteile</h2>
+<ul>
+  <li><a href="${base}test/seitenaufteilung.html">Nur das Basis-Layout und die Seitenaufteilung</a></li>
+  <li><a href="${base}test/seitenkopf.html">Nur das Basis-Layout und der Seitenkopf</a></li>
+</ul>
diff --git a/src/main/webapp/WEB-INF/templates/test/navigation.jsp b/src/main/webapp/WEB-INF/templates/test/navigation.jsp
new file mode 100644
index 00000000..453d61db
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/test/navigation.jsp
@@ -0,0 +1,23 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<s:url var="base" value="/" />
+<h1 class="nav">Navigation</h1>
+<h2 class="nav menu">Section-Menu</h2>
+<ul id="menu">
+  <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+  <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+</ul>
+<h2 class="nav submenu">
+  <span class="s">Submenu for section</span>
+  <a class="s selected" href="${base}projects.html">Projects</a>
+</h2>
+<ul id="submenu" class="s active">
+  <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+  <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
+  <li class="s"><a href="#" class="s">jquery.openx</a></li>
+  <li class="s"><a class="s selected" href="${base}projects/html-experimente.html">HTML-Experimente</a></li>
+  <li class="s sub"><a href="#" class="s">accelerator</a></li>
+  <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
+</ul>
diff --git a/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp b/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
index 2aec71ae..0adc55d9 100644
--- a/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
+++ b/src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
@@ -4,7 +4,7 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
 <s:url var="base" value="/" />
-<t:insertDefinition name="BASEPAGE">
+<t:insertDefinition name="test">
   <t:putAttribute name="title" value="HTML-Experimente" type="string"/>
   <t:putAttribute name="breadcrumb">
     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
@@ -31,18 +31,5 @@
       <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
     </ul>
   </t:putAttribute>
-  <t:putAttribute name="maincontent" type="string">
-    <h2>Layout-Variationen</h2>
-    <ul>
-      <li><a href="${base}test/basis-layout.html">Nur das Basis-Layout</a></li>
-      <li><a href="${base}test/tiny.html">Layout für sehr kleine Bildschirmgrößen</a></li>
-      <li><a href="${base}test/phone.html">Layout für Smartphones</a></li>
-      <li><a href="${base}test/tablet.html">Layout für Tablets</a></li>
-    </ul>
-    <h2>Testseiten für einzelne Seiten-Bestandteile</h2>
-    <ul>
-      <li><a href="${base}test/seitenaufteilung.html">Nur das Basis-Layout und die Seitenaufteilung</a></li>
-      <li><a href="${base}test/seitenkopf.html">Nur das Basis-Layout und der Seitenkopf</a></li>
-    </ul>
-  </t:putAttribute>
+  <t:putAttribute name="maincontent" value="/WEB-INF/templates/test/experimente.jsp" type="template"/>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/basis-layout.jsp b/src/main/webapp/WEB-INF/views/test/basis-layout.jsp
index bf113c61..c279f167 100644
--- a/src/main/webapp/WEB-INF/views/test/basis-layout.jsp
+++ b/src/main/webapp/WEB-INF/views/test/basis-layout.jsp
@@ -4,53 +4,20 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
 <s:url var="base" value="/" />
-<t:insertDefinition name="BASEPAGE">
+<t:insertDefinition name="test">
   <t:putAttribute name="title" value="Nur das Basis-Layout" type="string"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
   </t:putAttribute>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-    <li class="b"><strong class="b">HTML-Experimente</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-    </ul>
-    <h2 class="nav submenu">
-      <span class="s">Submenu for section</span>
-      <a class="s selected" href="${base}projects.html">Projects</a>
-    </h2>
-    <ul id="submenu" class="s active">
-      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
-      <li class="s"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s"><strong class="s">HTML-Experimente</strong></li>
-      <li class="s sub"><a href="#" class="s">accelerator</a></li>
-      <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-    </ul>
-  </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
     <p>
       In diese Seite ist nur das Basis-Layout eingebunden
       (<code>/css/base.css</code>).
     </p>
-    <h2>Layout-Variationen</h2>
-    <ul>
-      <li><strong>Basis-Layout</strong></li>
-      <li><a href="${base}test/tiny.html">Layout für sehr kleine Bildschirmgrößen</a></li>
-      <li><a href="${base}test/phone.html">Layout für Smartphones</a></li>
-      <li><a href="${base}test/tablet.html">Layout für Tablets</a></li>
-    </ul>
-    <h2>Testseiten für einzelne Seiten-Bestandteile</h2>
-    <ul>
-      <li><a href="${base}test/seitenaufteilung.html">Nur das Basis-Layout und die Seitenaufteilung</a></li>
-      <li><a href="${base}test/seitenkopf.html">Nur das Basis-Layout und der Seitenkopf</a></li>
-    </ul>
+    <section>
+      <h1>Weitere Experimente</h1>
+      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
+    </section>
   </t:putAttribute>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/phone.jsp b/src/main/webapp/WEB-INF/views/test/phone.jsp
index ba7c4a72..db3e8599 100644
--- a/src/main/webapp/WEB-INF/views/test/phone.jsp
+++ b/src/main/webapp/WEB-INF/views/test/phone.jsp
@@ -4,54 +4,21 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
 <s:url var="base" value="/" />
-<t:insertDefinition name="BASEPAGE">
+<t:insertDefinition name="test">
   <t:putAttribute name="title" value="Layout für Smartphones" type="string"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
     <link rel="stylesheet" type="text/css" href="${base}css/phone.css" />
   </t:putAttribute>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-    <li class="b"><strong class="b">HTML-Experimente</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-    </ul>
-    <h2 class="nav submenu">
-      <span class="s">Submenu for section</span>
-      <a class="s selected" href="${base}projects.html">Projects</a>
-    </h2>
-    <ul id="submenu" class="s active">
-      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
-      <li class="s"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s"><strong class="s">HTML-Experimente</strong></li>
-      <li class="s sub"><a href="#" class="s">accelerator</a></li>
-      <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-    </ul>
-  </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
     <p>
       Diese Seite bindet alle Styles ein, die für Smartphones eingebunden
       werden (<code>/css/base.css</code> und <code>/css/phone.css</code>).
     </p>
-    <h2>Layout-Variationen</h2>
-    <ul>
-      <li><a href="${base}test/basis-layout.html">Basis-Layout</a></li>
-      <li><a href="${base}test/tiny.html">Layout für sehr kleine Bildschirmgrößen</a></li>
-      <li><strong>Layout für Smartphones</strong></li>
-      <li><a href="${base}test/tablet.html">Layout für Tablets</a></li>
-    </ul>
-    <h2>Testseiten für einzelne Seiten-Bestandteile</h2>
-    <ul>
-      <li><a href="${base}test/seitenaufteilung.html">Nur das Basis-Layout und die Seitenaufteilung</a></li>
-      <li><a href="${base}test/seitenkopf.html">Nur das Basis-Layout und der Seitenkopf</a></li>
-    </ul>
+    <section>
+      <h1>Weitere Experimente</h1>
+      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
+    </section>
   </t:putAttribute>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp b/src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp
index 34bcaa7e..ae0fb689 100644
--- a/src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp
+++ b/src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp
@@ -4,7 +4,7 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
 <s:url var="base" value="/" />
-<t:insertDefinition name="BASEPAGE">
+<t:insertDefinition name="test">
   <t:putAttribute name="title" value="Nur das Basis-Layout und die Seitenaufteilung" type="string"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -12,48 +12,15 @@
     <link rel="stylesheet/less" type="text/css" href="/less/screen/layout.less" />
     <script src="/js/less.js" type="text/javascript"></script>
   </t:putAttribute>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-    <li class="b"><strong class="b">HTML-Experimente</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-    </ul>
-    <h2 class="nav submenu">
-      <span class="s">Submenu for section</span>
-      <a class="s selected" href="${base}projects.html">Projects</a>
-    </h2>
-    <ul id="submenu" class="s active">
-      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
-      <li class="s"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s"><strong class="s">HTML-Experimente</strong></li>
-      <li class="s sub"><a href="#" class="s">accelerator</a></li>
-      <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-    </ul>
-  </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
     <p>
       In diese Seite sind nur das Basis-Layout (<code>/css/base.css</code>)
       und die Seitenaufteilung (<code>/less/screen/layout.less</code>)
       eingebunden.
     </p>
-    <h2>Layout-Variationen</h2>
-    <ul>
-      <li><a href="${base}test/basis-layout.html">Nur das Basis-Layout</a></li>
-      <li><a href="${base}test/tiny.html">Layout für sehr kleine Bildschirmgrößen</a></li>
-      <li><a href="${base}test/phone.html">Layout für Smartphones</a></li>
-      <li><a href="${base}test/tablet.html">Layout für Tablets</a></li>
-    </ul>
-    <h2>Testseiten für einzelne Seiten-Bestandteile</h2>
-    <ul>
-      <li><strong>Nur das Basis-Layout und die Seitenaufteilung</strong></li>
-      <li><a href="${base}test/seitenkopf.html">Nur das Basis-Layout und der Seitenkopf</a></li>
-    </ul>
+    <section>
+      <h1>Weitere Experimente</h1>
+      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
+    </section>
   </t:putAttribute>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/seitenkopf.jsp b/src/main/webapp/WEB-INF/views/test/seitenkopf.jsp
index c0af6fb9..d7a94729 100644
--- a/src/main/webapp/WEB-INF/views/test/seitenkopf.jsp
+++ b/src/main/webapp/WEB-INF/views/test/seitenkopf.jsp
@@ -4,7 +4,7 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
 <s:url var="base" value="/" />
-<t:insertDefinition name="BASEPAGE">
+<t:insertDefinition name="test">
   <t:putAttribute name="title" value="Nur das Basis-Layout und der Seitenkopf" type="string"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -12,48 +12,15 @@
     <link rel="stylesheet/less" type="text/css" href="/less/screen/head.less" />
     <script src="/js/less.js" type="text/javascript"></script>
   </t:putAttribute>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-    <li class="b"><strong class="b">HTML-Experimente</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-    </ul>
-    <h2 class="nav submenu">
-      <span class="s">Submenu for section</span>
-      <a class="s selected" href="${base}projects.html">Projects</a>
-    </h2>
-    <ul id="submenu" class="s active">
-      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
-      <li class="s"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s"><strong class="s">HTML-Experimente</strong></li>
-      <li class="s sub"><a href="#" class="s">accelerator</a></li>
-      <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-    </ul>
-  </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
     <p>
       In diese Seite sind nur das Basis-Layout (<code>/css/base.css</code>)
       und der Seitenkopf (<code>/less/screen/head.less</code>)
       eingebunden.
     </p>
-    <h2>Layout-Variationen</h2>
-    <ul>
-      <li><a href="${base}test/basis-layout.html">Nur das Basis-Layout</a></li>
-      <li><a href="${base}test/tiny.html">Layout für sehr kleine Bildschirmgrößen</a></li>
-      <li><a href="${base}test/phone.html">Layout für Smartphones</a></li>
-      <li><a href="${base}test/tablet.html">Layout für Tablets</a></li>
-    </ul>
-    <h2>Testseiten für einzelne Seiten-Bestandteile</h2>
-    <ul>
-      <li><a href="${base}test/seitenaufteilung.html">Nur das Basis-Layout und die Seitenaufteilung</a></li>
-      <li><strong>Nur das Basis-Layout und der Seitenkopf</strong></li>
-    </ul>
+    <section>
+      <h1>Weitere Experimente</h1>
+      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
+    </section>
   </t:putAttribute>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/tablet.jsp b/src/main/webapp/WEB-INF/views/test/tablet.jsp
index 0970810b..5bf88823 100644
--- a/src/main/webapp/WEB-INF/views/test/tablet.jsp
+++ b/src/main/webapp/WEB-INF/views/test/tablet.jsp
@@ -4,7 +4,7 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
 <s:url var="base" value="/" />
-<t:insertDefinition name="BASEPAGE">
+<t:insertDefinition name="test">
   <t:putAttribute name="title" value="Layout für Tablets" type="string"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -12,48 +12,15 @@
     <link rel="stylesheet" type="text/css" href="${base}css/screen.css" />
     <link rel="stylesheet" type="text/css" href="${base}css/tablet.css" />
   </t:putAttribute>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-    <li class="b"><strong class="b">HTML-Experimente</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-    </ul>
-    <h2 class="nav submenu">
-      <span class="s">Submenu for section</span>
-      <a class="s selected" href="${base}projects.html">Projects</a>
-    </h2>
-    <ul id="submenu" class="s active">
-      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
-      <li class="s"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s"><strong class="s">HTML-Experimente</strong></li>
-      <li class="s sub"><a href="#" class="s">accelerator</a></li>
-      <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-    </ul>
-  </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
     <p>
       Diese Seite bindet alle Styles ein, die für Tablets eingebunden
       werden (<code>/css/base.css</code>, <code>/css/screen.css</code> und
       <code>/css/tablet.css</code>).
     </p>
-    <h2>Layout-Variationen</h2>
-    <ul>
-      <li><a href="${base}test/basis-layout.html">Basis-Layout</a></li>
-      <li><a href="${base}test/tiny.html">Layout für sehr kleine Bildschirmgrößen</a></li>
-      <li><a href="${base}test/phone.html">Layout für Smartphones</a></li>
-      <li><strong>Layout für Tablets</strong></li>
-    </ul>
-    <h2>Testseiten für einzelne Seiten-Bestandteile</h2>
-    <ul>
-      <li><a href="${base}test/seitenaufteilung.html">Nur das Basis-Layout und die Seitenaufteilung</a></li>
-      <li><a href="${base}test/seitenkopf.html">Nur das Basis-Layout und der Seitenkopf</a></li>
-    </ul>
+    <section>
+      <h1>Weitere Experimente</h1>
+      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
+    </section>
   </t:putAttribute>
 </t:insertDefinition>
diff --git a/src/main/webapp/WEB-INF/views/test/tiny.jsp b/src/main/webapp/WEB-INF/views/test/tiny.jsp
index c5f028ee..220895ac 100644
--- a/src/main/webapp/WEB-INF/views/test/tiny.jsp
+++ b/src/main/webapp/WEB-INF/views/test/tiny.jsp
@@ -4,55 +4,22 @@
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
 <%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
 <s:url var="base" value="/" />
-<t:insertDefinition name="BASEPAGE">
+<t:insertDefinition name="test">
   <t:putAttribute name="title" value="Layout für sehr kleine Bildschirmgrößen" type="string"/>
   <t:putAttribute name="htmlhead" type="string">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
     <link rel="stylesheet" type="text/css" href="${base}css/tiny.css" />
   </t:putAttribute>
-  <t:putAttribute name="breadcrumb">
-    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
-    <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
-    <li class="b"><strong class="b">HTML-Experimente</strong></li>
-  </t:putAttribute>
-  <t:putAttribute name="navigation" type="string">
-    <h1 class="nav">Navigation</h1>
-    <h2 class="nav menu">Section-Menu</h2>
-    <ul id="menu">
-      <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
-      <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
-    </ul>
-    <h2 class="nav submenu">
-      <span class="s">Submenu for section</span>
-      <a class="s selected" href="${base}projects.html">Projects</a>
-    </h2>
-    <ul id="submenu" class="s active">
-      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
-      <li class="s"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s"><strong class="s">HTML-Experimente</strong></li>
-      <li class="s sub"><a href="#" class="s">accelerator</a></li>
-      <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
-    </ul>
-  </t:putAttribute>
   <t:putAttribute name="maincontent" type="string">
     <p>
       In diese Seite bindet alle Styles ein, die für sehr kleine
       Bildschirmgrößen eingebunden werden (<code>/css/base.css</code> und
       <code>/css/tiny.css</code>).
     </p>
-    <h2>Layout-Variationen</h2>
-    <ul>
-      <li><a href="${base}test/basis-layout.html">Basis-Layout</a></li>
-      <li><strong>Layout für sehr kleine Bildschirmgrößen</strong></li>
-      <li><a href="${base}test/phone.html">Layout für Smartphones</a></li>
-      <li><a href="${base}test/tablet.html">Layout für Tablets</a></li>
-    </ul>
-    <h2>Testseiten für einzelne Seiten-Bestandteile</h2>
-    <ul>
-      <li><a href="${base}test/seitenaufteilung.html">Nur das Basis-Layout und die Seitenaufteilung</a></li>
-      <li><a href="${base}test/seitenkopf.html">Nur das Basis-Layout und der Seitenkopf</a></li>
-    </ul>
+    <section>
+      <h1>Weitere Experimente</h1>
+      <t:insertTemplate template="/WEB-INF/templates/test/experimente.jsp"/>
+    </section>
   </t:putAttribute>
 </t:insertDefinition>
-- 
2.20.1