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

diff --git a/src/main/webapp/WEB-INF/views/test/tablet.jsp b/src/main/webapp/WEB-INF/views/test/tablet.jsp
new file mode 100644
index 00000000..0970810b
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/test/tablet.jsp
@@ -0,0 +1,59 @@
+<%@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 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/base.css" />
+    <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>
+  </t:putAttribute>
+</t:insertDefinition>