[website] / src / main / webapp / WEB-INF / views / projects / typo.jsp

<%@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="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">Typography</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" class="cf">
      <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>
      <li class="m about"><a href="${base}about.html" class="m">About</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"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</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>
    <h1>Preformatted code</h1>
    <p>
      <em>Juplo Branding</em> uses
      <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
      syntax highlighting.
    </p>
    <pre class="prettyprint linenums"><code class="language-xml">
&lt;plugin&gt;
  &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
  &lt;artifactId&gt;wro4j-maven-plugin&lt;/artifactId&gt;
  &lt;version&gt;${wro4j.version}&lt;/version&gt;
  &lt;configuration&gt;
    &lt;wroManagerFactory&gt;ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory&lt;/wroManagerFactory&gt;
    &lt;cssDestinationFolder&gt;${project.build.directory}/${project.build.finalName}/css/&lt;/cssDestinationFolder&gt;
  &lt;/configuration&gt;
  &lt;executions&gt;
    &lt;execution&gt;
      &lt;phase&gt;package&lt;/phase&gt;
      &lt;goals&gt;
        &lt;goal&gt;run&lt;/goal&gt;
      &lt;/goals&gt;
    &lt;/execution&gt;
  &lt;/executions&gt;
&lt;/plugin&gt;
</code></pre>
  </t:putAttribute>
</t:insertDefinition>