X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2FWEB-INF%2Fviews%2Ftest%2Ftiny.jsp;fp=src%2Fmain%2Fwebapp%2FWEB-INF%2Fviews%2Ftest%2Ftiny.jsp;h=c5f028eee0e5fe182535f873b77226cddcc29bc4;hp=0000000000000000000000000000000000000000;hb=e61de31e9c4b39cef10eb4a0d5e8aa01c4a0e38d;hpb=f11b79d8af34e290bbdee15ae1348bd236b8fe2b

diff --git a/src/main/webapp/WEB-INF/views/test/tiny.jsp b/src/main/webapp/WEB-INF/views/test/tiny.jsp
new file mode 100644
index 00000000..c5f028ee
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/test/tiny.jsp
@@ -0,0 +1,58 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@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: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>
+  </t:putAttribute>
+</t:insertDefinition>