juplo.de Git - website/blob - src/main/webapp/projects/typo.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 <t:insertDefinition name="BASEPAGE">
   6   <t:putAttribute name="title" value="Typo" type="string"/>
   7   <t:putAttribute name="navigation" type="string">
   8     <h1 class="nav">Navigation</h1>
   9     <h2 class="nav menu">Section-Menu</h2>
  10     <ul id="menu">
  11       <li class="m blog"><a href="blog.jsp" class="m">Blog</a></li>
  12       <li class="m projects"><a href="projects.jsp" class="m selected">Projects</a></li>
  13     </ul>
  14     <h2 class="nav submenu">
  15       <span class="s">Submenu for section</span>
  16       <a class="s selected" href="projects.jsp">Projects</a>
  17     </h2>
  18     <ul id="submenu" class="s active">
  19       <li class="s sub"><a href="" class="s">hibernate4-maven-plugin</a></li>
  20       <li class="s sub"><a href="projects/fix-swf.jsp" class="s">fix-swf</a></li>
  21       <li class="s"><a href="" class="s">jquery.openx</a></li>
  22       <li class="s"><a href="" class="s">halbekunst</a></li>
  23       <li class="s sub"><a href="" class="s">accelerator</a></li>
  24       <li class="s"><strong class="s">Typography</strong></li>
  25     </ul>
  26   </t:putAttribute>
  27   <t:putAttribute name="maincontent" type="string">
  28     <p>
  29       Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
  30       sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
  31       magna aliqua. Ut enim ad minim veniam, quis nostrud
  32       <a href="dort">exercitation</a> ullamco laboris nisi ut aliquip
  33       <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
  34       in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  35       <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
  36       sunt in culpa qui officia deserunt mollit anim id est laborum.
  37     </p>
  38     <h2>Ein Link <a href="#link">im Titel</a></h2>
  39     <p>Ein Link <a href="#link">im Text</a>.</p>
  40     <h2>Normal / Italic / Bold / Bold+Italic</h2>
  41     <ul>
  42       <li>normal</li>
  43       <li><em>italic</em></li>
  44       <li><strong>bold</strong></li>
  45       <li><strong><em>bold italic</em></strong></li>
  46     </ul>
  47     <p>
  48       ÄäÖöÜüß@€¢
  49       <strong>ÄäÖöÜüß@€¢</strong>
  50       <em>ÄäÖöÜüß@€¢</em>
  51       <strong><em>ÄäÖöÜüß@€¢</em></strong>
  52     </p>
  53     <h1>H1: Heading</h1>
  54     <h2>H2: Heading</h2>
  55     <h3>H3: Heading</h3>
  56     <h4>H4: Heading</h4>
  57     <h1>H1: Heading</h1>
  58     <p>
  59       Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  60       eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  61       ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  62       aliquip ex ea commodo consequat. Duis aute irure dolor in
  63       reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  64       pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  65       culpa qui officia deserunt mollit anim id est laborum.
  66     </p>
  67     <h2>H2: Heading</h2>
  68     <p>
  69       Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  70       eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  71       ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  72       aliquip ex ea commodo consequat. Duis aute irure dolor in
  73       reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  74       pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  75       culpa qui officia deserunt mollit anim id est laborum.
  76     </p>
  77     <h3>H3: Heading</h3>
  78     <p>
  79       Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  80       eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  81       ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  82       aliquip ex ea commodo consequat. Duis aute irure dolor in
  83       reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  84       pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  85       culpa qui officia deserunt mollit anim id est laborum.
  86     </p>
  87     <h4>H4: Heading</h4>
  88     <p>
  89       Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  90       eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  91       ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  92       aliquip ex ea commodo consequat. Duis aute irure dolor in
  93       reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  94       pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  95       culpa qui officia deserunt mollit anim id est laborum.
  96     </p>
  97   </t:putAttribute>
  98 </t:insertDefinition>