From: Kai Moritz <kai@juplo.de>
Date: Mon, 12 Aug 2013 23:26:42 +0000 (+0200)
Subject: Beispiel-Seiten angelegt (insbesondere für die Navigation im Untermenü)
X-Git-Tag: thymeroot-2.0.0~186
X-Git-Url: https://juplo.de/gitweb/?p=website;a=commitdiff_plain;h=b319aed021c99232c19499a744fbebab71d34ee1

Beispiel-Seiten angelegt (insbesondere für die Navigation im Untermenü)
---

diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp
index 0cbbdb46..d4873da6 100644
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ b/src/main/webapp/WEB-INF/templates/html5page.jsp
@@ -16,34 +16,24 @@
       <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
       <hr />
     </header>
-    <div class="content cols_2 cf">
+    <div class="content <t:getAsString name="contentclass"/> cf">
       <section id="content" class="main">
-        <t:insertAttribute name="content"/>
+        <h1><t:getAsString name="title"/></h1>
+        <t:insertAttribute name="maincontent"/>
       </section>
       <div class="marginal">
         <nav id="nav">
           <a id="navigation"></a>
           <t:insertAttribute name="navigation"/>
         </nav>
-        <div>
-          <h1>Other nasty but marginal stuff</h1>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-            aliquip ex ea commodo consequat. Duis aute irure dolor in
-            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
+        <t:insertAttribute name="marginalcontent" ignore="true"/>
       </div>
     </div>
     <footer id="footer">
       <ul id="footerlinks">
         <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
-        <li class="f"><a class="f" href="#f">Contact</a></li>
-        <li class="f"><a class="f" href="#f">Impressum</a></li>
+        <li class="f"><a class="f" href="contact.jsp">Contact</a></li>
+        <li class="f"><a class="f" href="impressum.jsp">Impressum</a></li>
       </ul>
     </footer>
   </body>
diff --git a/src/main/webapp/WEB-INF/templates/maincontent.jsp b/src/main/webapp/WEB-INF/templates/maincontent.jsp
new file mode 100644
index 00000000..3277bff5
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/maincontent.jsp
@@ -0,0 +1,43 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<p>
+  <strong>Lorem ipsum</strong> dolor <a href="/projects/typo.jsp">sit amet</a>, consectetur adipisicing elit, sed do
+  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+  ad minim veniam, quis nostrud <a href="dort">exercitation</a> ullamco laboris nisi ut
+  aliquip ex ea commodo consequat. Duis aute irure dolor in
+  reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+  pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+  culpa qui officia deserunt mollit anim id est laborum.
+</p>
+<p>
+  ÄäÖöÜüß@€¢
+</p>
+<p>
+  Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit, sed do
+  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+  ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+  aliquip ex ea commodo consequat. Duis aute irure dolor in
+  reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+  pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+  culpa qui officia deserunt mollit anim id est laborum.
+</p>
+<p>
+  <strong>Lorem ipsum dolor <em>sit amet</em></strong>, consectetur adipisicing elit, sed do
+  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+  ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+  aliquip ex ea commodo consequat. Duis aute irure dolor in
+  reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+  pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+  culpa qui officia deserunt mollit anim id est laborum.
+</p>
+<h2>H2: Heading</h2>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+  ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+  aliquip ex ea commodo consequat. Duis aute irure dolor in
+  reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+  pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+  culpa qui officia deserunt mollit anim id est laborum.
+</p>
diff --git a/src/main/webapp/WEB-INF/templates/marginalcontent.jsp b/src/main/webapp/WEB-INF/templates/marginalcontent.jsp
new file mode 100644
index 00000000..7e61d279
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/marginalcontent.jsp
@@ -0,0 +1,13 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<h1>Other nasty but marginal stuff</h1>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+  ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+  aliquip ex ea commodo consequat. Duis aute irure dolor in
+  reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+  pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+  culpa qui officia deserunt mollit anim id est laborum.
+</p>
diff --git a/src/main/webapp/WEB-INF/templates/navigation.jsp b/src/main/webapp/WEB-INF/templates/navigation.jsp
new file mode 100644
index 00000000..ce8cadab
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/navigation.jsp
@@ -0,0 +1,9 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<h1 class="nav">Navigation</h1>
+<h2 class="nav menu">Section-Menu</h2>
+<ul id="menu">
+  <li class="m blog"><a href="blog.jsp" class="m">Blog</a></li>
+  <li class="m projects"><a href="projects.jsp" class="m">Projects</a></li>
+</ul>
diff --git a/src/main/webapp/WEB-INF/tiles.xml b/src/main/webapp/WEB-INF/tiles.xml
index 89c9a117..ffeaa646 100644
--- a/src/main/webapp/WEB-INF/tiles.xml
+++ b/src/main/webapp/WEB-INF/tiles.xml
@@ -6,8 +6,14 @@
 
   <definition name="BASEPAGE" template="/WEB-INF/templates/html5page.jsp">
     <put-attribute name="title" value="TITLE IS MISSING" type="string"/>
-    <put-attribute name="content" value="CONTENT" type="string"/>
-    <put-attribute name="navigation" value="NAVIGATION IS MISSING" type="string"/>
+    <put-attribute name="maincontent" value="/WEB-INF/templates/maincontent.jsp" type="template"/>
+    <put-attribute name="contentclass" value="cols_2" type="string"/>
+    <put-attribute name="marginalcontent" value="/WEB-INF/templates/marginalcontent.jsp" type="template"/>
+    <put-attribute name="navigation" value="/WEB-INF/templates/navigation.jsp" type="template"/>
+  </definition>
+
+  <definition name="ONECOLUMN" extends="BASEPAGE">
+    <put-attribute name="contentclass" value="cols_1" type="string"/>
   </definition>
 
 
diff --git a/src/main/webapp/blog.jsp b/src/main/webapp/blog.jsp
new file mode 100644
index 00000000..d70321a6
--- /dev/null
+++ b/src/main/webapp/blog.jsp
@@ -0,0 +1,44 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<t:insertDefinition name="BASEPAGE">
+  <t:putAttribute name="title" value="Blog" type="string"/>
+  <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"><strong class="m">Blog</strong></li>
+      <li class="m projects"><a href="projects.jsp" class="m">Projects</a></li>
+    </ul>
+  </t:putAttribute>
+  <t:putAttribute name="marginalcontent" type="string">
+    <div>
+      <h1>Recent Posts</h1>
+      <ul>
+        <li><a href="#">Post 1</a></li>
+        <li><a href="#">Post 2</a></li>
+        <li><a href="#">Post 3</a></li>
+        <li><a href="#">Post 4</a></li>
+        <li><a href="#">Post 5</a></li>
+      </ul>
+      <h1>Categories</h1>
+      <ul>
+        <li><a href="#">Category 1</a></li>
+        <li><a href="#">Category 2</a></li>
+        <li><a href="#">Category 3</a></li>
+        <li><a href="#">Category 4</a></li>
+        <li><a href="#">Category 6</a></li>
+        <li><a href="#">Category 7</a></li>
+        <li><a href="#">Category 8</a></li>
+      </ul>
+      <h1>Tags</h1>
+      <ul>
+        <li><a href="#">Tag 1</a></li>
+        <li><a href="#">Tag 2</a></li>
+        <li><a href="#">Tag 3</a></li>
+        <li><a href="#">Tag 4</a></li>
+      </ul>
+    </div>
+  </t:putAttribute>
+</t:insertDefinition>
diff --git a/src/main/webapp/contact.jsp b/src/main/webapp/contact.jsp
new file mode 100644
index 00000000..0626885d
--- /dev/null
+++ b/src/main/webapp/contact.jsp
@@ -0,0 +1,8 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<t:insertDefinition name="ONECOLUMN">
+  <t:putAttribute name="title" value="Contact" type="string"/>
+  <t:putAttribute name="marginalcontent" type="string" value=""/>
+</t:insertDefinition>
diff --git a/src/main/webapp/impressum.jsp b/src/main/webapp/impressum.jsp
new file mode 100644
index 00000000..5519596c
--- /dev/null
+++ b/src/main/webapp/impressum.jsp
@@ -0,0 +1,8 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<t:insertDefinition name="ONECOLUMN">
+  <t:putAttribute name="title" value="Impressum" type="string"/>
+  <t:putAttribute name="marginalcontent" type="string" value=""/>
+</t:insertDefinition>
diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp
index f4e7976b..27594729 100644
--- a/src/main/webapp/index.jsp
+++ b/src/main/webapp/index.jsp
@@ -2,108 +2,6 @@
 <%@page pageEncoding="UTF-8"%>
 <%@page session="false" %>
 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
-<t:insertDefinition name="BASEPAGE">
-  <t:putAttribute name="title" value="JUPLO - Branding" type="string"/>
-  <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="#blogs" class="m">Blog</a></li>
-      <li class="m projects"><strong class="m">Projects</strong></li>
-    </ul>
-  </t:putAttribute>
-  <t:putAttribute name="content" type="string">
-    <h1>Branding</h1>
-    <p>
-      Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit, sed do
-      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-      ad minim veniam, quis nostrud <a href="dort">exercitation</a> ullamco laboris nisi ut
-      aliquip ex ea commodo consequat. Duis aute irure dolor in
-      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-      culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <p>
-      ÄäÖöÜüß@€¢
-    </p>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-      aliquip ex ea commodo consequat. Duis aute irure dolor in
-      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-      culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-      aliquip ex ea commodo consequat. Duis aute irure dolor in
-      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-      culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <h2>H2: Heading</h2>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-      aliquip ex ea commodo consequat. Duis aute irure dolor in
-      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-      culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <h1>H1: Heading</h1>
-    <h2>H2: Heading</h2>
-    <h3>H3: Heading</h3>
-    <h4>H4: Heading</h4>
-    <h1>H1: Heading</h1>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-      aliquip ex ea commodo consequat. Duis aute irure dolor in
-      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-      culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <h2>H2: Heading</h2>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-      aliquip ex ea commodo consequat. Duis aute irure dolor in
-      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-      culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <h3>H3: Heading</h3>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-      aliquip ex ea commodo consequat. Duis aute irure dolor in
-      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-      culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <h4>H4: Heading</h4>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-      aliquip ex ea commodo consequat. Duis aute irure dolor in
-      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-      culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-    <h1>H1:ÄäÖöÜüß@€¢<a href="#link">Link</a></h1>
-    <ul>
-      <li>normal</li>
-      <li><em>italic</em></li>
-      <li><strong>bold</strong></li>
-      <li><strong><em>bold italic</em></strong></li>
-    </ul>
-  </t:putAttribute>
+<t:insertDefinition name="ONECOLUMN">
+  <t:putAttribute name="title" value="Branding" type="string"/>
 </t:insertDefinition>
diff --git a/src/main/webapp/projects.jsp b/src/main/webapp/projects.jsp
new file mode 100644
index 00000000..9a6bac63
--- /dev/null
+++ b/src/main/webapp/projects.jsp
@@ -0,0 +1,24 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<t:insertDefinition name="BASEPAGE">
+  <t:putAttribute name="title" value="Projects" type="string"/>
+  <t:putAttribute name="navigation" type="string">
+    <h1 class="nav">Navigation</h1>
+    <h2 class="nav menu">Section-Menu</h2>
+    <ul id="menu" class="s active">
+      <li class="m blog"><a href="blog.jsp" class="m">Blog</a></li>
+      <li class="m projects"><strong class="m">Projects</strong></li>
+    </ul>
+    <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">Projects</strong></h2>
+    <ul id="submenu">
+      <li class="s sub"><a href="" class="s">hibernate4-maven-plugin</a></li>
+      <li class="s sub"><a href="projects/fix-swf.jsp" class="s">fix-swf</a></li>
+      <li class="s"><a href="" class="s">jquery.openx</a></li>
+      <li class="s"><a href="" class="s">halbekunst</a></li>
+      <li class="s sub"><a href="" class="s">accelerator</a></li>
+      <li class="s"><a href="projects/typo.jsp" class="s">Typography</a></li>
+    </ul>
+  </t:putAttribute>
+</t:insertDefinition>
diff --git a/src/main/webapp/projects/fix-swf.jsp b/src/main/webapp/projects/fix-swf.jsp
new file mode 100644
index 00000000..703f4451
--- /dev/null
+++ b/src/main/webapp/projects/fix-swf.jsp
@@ -0,0 +1,35 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<t:insertDefinition name="BASEPAGE">
+  <t:putAttribute name="title" value="Fix SWF" type="string"/>
+  <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="blog.jsp" class="m">Blog</a></li>
+      <li class="m projects"><a href="projects.jsp" class="m selected">Projects</a></li>
+    </ul>
+    <h2 class="nav submenu">
+      <span class="s">Submenu for section</span>
+      <a class="s selected" href="projects.jsp">Projects</a>
+    </h2>
+    <ul id="submenu" class="s">
+      <li class="s sub off"><a href="" class="s">hibernate4-maven-plugin</a></li>
+      <li class="s sub">
+        <strong class="s">fix-swf</strong>
+        <ul class="s active">
+          <li class="s"><a href="projects/fix-swf/overview.jsp" class="s">Overview</a></li>
+          <li class="s"><a href="projects/fix-swf/getting-started.jsp" class="s">Getting Started</a></li>
+          <li class="s"><a href="" class="s">FAQ</a></li>
+          <li class="s"><a href="" class="s">Documentation</a></li>
+        </ul>
+      </li>
+      <li class="s off"><a href="" class="s">jquery.openx</a></li>
+      <li class="s off"><a href="" class="s">halbekunst</a></li>
+      <li class="s sub off"><a href="" class="s">accelerator</a></li>
+      <li class="s off"><a href="projects/typo.jsp" class="s">Typography</a></li>
+    </ul>
+  </t:putAttribute>
+</t:insertDefinition>
diff --git a/src/main/webapp/projects/fix-swf/getting-started.jsp b/src/main/webapp/projects/fix-swf/getting-started.jsp
new file mode 100644
index 00000000..89d847d8
--- /dev/null
+++ b/src/main/webapp/projects/fix-swf/getting-started.jsp
@@ -0,0 +1,35 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<t:insertDefinition name="BASEPAGE">
+  <t:putAttribute name="title" value="Fix SWF - Getting Started" type="string"/>
+  <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="blog.jsp" class="m">Blog</a></li>
+      <li class="m projects"><a href="projects.jsp" class="m selected">Projects</a></li>
+    </ul>
+    <h2 class="nav submenu">
+      <span class="s">Submenu for section</span>
+      <a class="s selected" href="projects.jsp">Projects</a>
+    </h2>
+    <ul id="submenu" class="s">
+      <li class="s sub off"><a href="" class="s">hibernate4-maven-plugin</a></li>
+      <li class="s sub">
+        <a href="projects/fix-swf.jsp" class="s selected">fix-swf</a>
+        <ul class="s active">
+          <li class="s"><a href="projects/fix-swf/overview.jsp" class="s">Overview</a></li>
+          <li class="s"><strong class="s">Getting Started</strong></li>
+          <li class="s"><a href="" class="s">FAQ</a></li>
+          <li class="s"><a href="" class="s">Documentation</a></li>
+        </ul>
+      </li>
+      <li class="s off"><a href="" class="s">jquery.openx</a></li>
+      <li class="s off"><a href="" class="s">halbekunst</a></li>
+      <li class="s sub off"><a href="" class="s">accelerator</a></li>
+      <li class="s off"><a href="projects/typo.jsp" class="s">Typography</a></li>
+    </ul>
+  </t:putAttribute>
+</t:insertDefinition>
diff --git a/src/main/webapp/projects/fix-swf/overview.jsp b/src/main/webapp/projects/fix-swf/overview.jsp
new file mode 100644
index 00000000..c43e6eb1
--- /dev/null
+++ b/src/main/webapp/projects/fix-swf/overview.jsp
@@ -0,0 +1,35 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<t:insertDefinition name="BASEPAGE">
+  <t:putAttribute name="title" value="Fix SWF - Overview" type="string"/>
+  <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="blog.jsp" class="m">Blog</a></li>
+      <li class="m projects"><a href="projects.jsp" class="m selected">Projects</a></li>
+    </ul>
+    <h2 class="nav submenu">
+      <span class="s">Submenu for section</span>
+      <a class="s selected" href="projects.jsp">Projects</a>
+    </h2>
+    <ul id="submenu" class="s">
+      <li class="s sub off"><a href="" class="s">hibernate4-maven-plugin</a></li>
+      <li class="s sub">
+        <a href="projects/fix-swf.jsp" class="s selected">fix-swf</a>
+        <ul class="s active">
+          <li class="s"><strong class="s">Overview</strong></li>
+          <li class="s"><a href="projects/fix-swf/getting-started.jsp" class="s">Getting Started</a></li>
+          <li class="s"><a href="" class="s">FAQ</a></li>
+          <li class="s"><a href="" class="s">Documentation</a></li>
+        </ul>
+      </li>
+      <li class="s off"><a href="" class="s">jquery.openx</a></li>
+      <li class="s off"><a href="" class="s">halbekunst</a></li>
+      <li class="s sub off"><a href="" class="s">accelerator</a></li>
+      <li class="s off"><a href="projects/typo.jsp" class="s">Typography</a></li>
+    </ul>
+  </t:putAttribute>
+</t:insertDefinition>
diff --git a/src/main/webapp/projects/typo.jsp b/src/main/webapp/projects/typo.jsp
new file mode 100644
index 00000000..db0c38a7
--- /dev/null
+++ b/src/main/webapp/projects/typo.jsp
@@ -0,0 +1,98 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<t:insertDefinition name="BASEPAGE">
+  <t:putAttribute name="title" value="Typo" type="string"/>
+  <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="blog.jsp" class="m">Blog</a></li>
+      <li class="m projects"><a href="projects.jsp" class="m selected">Projects</a></li>
+    </ul>
+    <h2 class="nav submenu">
+      <span class="s">Submenu for section</span>
+      <a class="s selected" href="projects.jsp">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="projects/fix-swf.jsp" class="s">fix-swf</a></li>
+      <li class="s"><a href="" class="s">jquery.openx</a></li>
+      <li class="s"><a href="" class="s">halbekunst</a></li>
+      <li class="s sub"><a href="" class="s">accelerator</a></li>
+      <li class="s"><strong class="s">Typography</strong></li>
+    </ul>
+  </t:putAttribute>
+  <t:putAttribute name="maincontent" type="string">
+    <p>
+      Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
+      sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
+      magna aliqua. Ut enim ad minim veniam, quis nostrud
+      <a href="dort">exercitation</a> ullamco laboris nisi ut aliquip
+      <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
+      in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+      <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
+      sunt in culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <h2>Ein Link <a href="#link">im Titel</a></h2>
+    <p>Ein Link <a href="#link">im Text</a>.</p>
+    <h2>Normal / Italic / Bold / Bold+Italic</h2>
+    <ul>
+      <li>normal</li>
+      <li><em>italic</em></li>
+      <li><strong>bold</strong></li>
+      <li><strong><em>bold italic</em></strong></li>
+    </ul>
+    <p>
+      ÄäÖöÜüß@€¢
+      <strong>ÄäÖöÜüß@€¢</strong>
+      <em>ÄäÖöÜüß@€¢</em>
+      <strong><em>ÄäÖöÜüß@€¢</em></strong>
+    </p>
+    <h1>H1: Heading</h1>
+    <h2>H2: Heading</h2>
+    <h3>H3: Heading</h3>
+    <h4>H4: Heading</h4>
+    <h1>H1: Heading</h1>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+      aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+      culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <h2>H2: Heading</h2>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+      aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+      culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <h3>H3: Heading</h3>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+      aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+      culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <h4>H4: Heading</h4>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+      eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+      ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+      aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+      culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+  </t:putAttribute>
+</t:insertDefinition>