Das Hinzufügen neuer und die Pflege alter HTML-Experimente vereinfacht
authorKai Moritz <km@feder-software.de>
Sun, 22 Dec 2013 10:43:28 +0000 (11:43 +0100)
committerKai Moritz <kai@juplo.de>
Tue, 19 Jan 2016 16:45:40 +0000 (17:45 +0100)
src/main/webapp/WEB-INF/spring/tiles.xml
src/main/webapp/WEB-INF/templates/test/breadcrumb.jsp [new file with mode: 0644]
src/main/webapp/WEB-INF/templates/test/experimente.jsp [new file with mode: 0644]
src/main/webapp/WEB-INF/templates/test/navigation.jsp [new file with mode: 0644]
src/main/webapp/WEB-INF/views/projects/html-experimente.jsp
src/main/webapp/WEB-INF/views/test/basis-layout.jsp
src/main/webapp/WEB-INF/views/test/phone.jsp
src/main/webapp/WEB-INF/views/test/seitenaufteilung.jsp
src/main/webapp/WEB-INF/views/test/seitenkopf.jsp
src/main/webapp/WEB-INF/views/test/tablet.jsp
src/main/webapp/WEB-INF/views/test/tiny.jsp

index 64c0d95..74d913c 100644 (file)
     <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 (file)
index 0000000..cc4a1c1
--- /dev/null
@@ -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 (file)
index 0000000..f50d180
--- /dev/null
@@ -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 (file)
index 0000000..453d61d
--- /dev/null
@@ -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>
index 2aec71a..0adc55d 100644 (file)
@@ -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>
       <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>
index bf113c6..c279f16 100644 (file)
@@ -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>
index ba7c4a7..db3e859 100644 (file)
@@ -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>
index 34bcaa7..ae0fb68 100644 (file)
@@ -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">
     <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>
index c0af6fb..d7a9472 100644 (file)
@@ -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">
     <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>
index 0970810..5bf8882 100644 (file)
@@ -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">
     <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>
index c5f028e..220895a 100644 (file)
@@ -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>