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

[website] / src / main / webapp / projects / typo.jsp

diff --git a/src/main/webapp/projects/typo.jsp b/src/main/webapp/projects/typo.jsp
new file mode 100644 (file)
index 0000000..db0c38a
--- /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>