juplo.de Git - website/blob - src/main/webapp/WEB-INF/views/test/tiny.jsp

   1 <%@page contentType="text/html;charset=UTF-8"%>
   2 <%@page pageEncoding="UTF-8"%>
   3 <%@page session="false" %>
   4 <%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
   5 <%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
   6 <s:url var="base" value="/" />
   7 <t:insertDefinition name="BASEPAGE">
   8   <t:putAttribute name="title" value="Layout für sehr kleine Bildschirmgrößen" type="string"/>
   9   <t:putAttribute name="htmlhead" type="string">
  10     <meta name="viewport" content="width=device-width, initial-scale=1">
  11     <link rel="stylesheet" type="text/css" href="${base}css/base.css" />
  12     <link rel="stylesheet" type="text/css" href="${base}css/tiny.css" />
  13   </t:putAttribute>
  14   <t:putAttribute name="breadcrumb">
  15     <li class="b"><a class="b" href="${base}index.html">Home</a></li>
  16     <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
  17     <li class="b"><strong class="b">HTML-Experimente</strong></li>
  18   </t:putAttribute>
  19   <t:putAttribute name="navigation" type="string">
  20     <h1 class="nav">Navigation</h1>
  21     <h2 class="nav menu">Section-Menu</h2>
  22     <ul id="menu">
  23       <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
  24       <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
  25     </ul>
  26     <h2 class="nav submenu">
  27       <span class="s">Submenu for section</span>
  28       <a class="s selected" href="${base}projects.html">Projects</a>
  29     </h2>
  30     <ul id="submenu" class="s active">
  31       <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
  32       <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
  33       <li class="s"><a href="#" class="s">jquery.openx</a></li>
  34       <li class="s"><strong class="s">HTML-Experimente</strong></li>
  35       <li class="s sub"><a href="#" class="s">accelerator</a></li>
  36       <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
  37     </ul>
  38   </t:putAttribute>
  39   <t:putAttribute name="maincontent" type="string">
  40     <p>
  41       In diese Seite bindet alle Styles ein, die für sehr kleine
  42       Bildschirmgrößen eingebunden werden (<code>/css/base.css</code> und
  43       <code>/css/tiny.css</code>).
  44     </p>
  45     <h2>Layout-Variationen</h2>
  46     <ul>
  47       <li><a href="${base}test/basis-layout.html">Basis-Layout</a></li>
  48       <li><strong>Layout für sehr kleine Bildschirmgrößen</strong></li>
  49       <li><a href="${base}test/phone.html">Layout für Smartphones</a></li>
  50       <li><a href="${base}test/tablet.html">Layout für Tablets</a></li>
  51     </ul>
  52     <h2>Testseiten für einzelne Seiten-Bestandteile</h2>
  53     <ul>
  54       <li><a href="${base}test/seitenaufteilung.html">Nur das Basis-Layout und die Seitenaufteilung</a></li>
  55       <li><a href="${base}test/seitenkopf.html">Nur das Basis-Layout und der Seitenkopf</a></li>
  56     </ul>
  57   </t:putAttribute>
  58 </t:insertDefinition>