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" cascade="true"/>
7 <t:putAttribute name="breadcrumb">
8 <li class="b"><a class="b" href="${base}index.html">Home</a></li>
9 <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
10 <li class="b"><strong class="b">Typography</strong></li>
12 <t:putAttribute name="navigation" type="string">
13 <h1 class="nav">Navigation</h1>
14 <h2 class="nav menu">Section-Menu</h2>
15 <ul id="menu" class="cf">
16 <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
17 <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
18 <li class="m about"><a href="${base}about.html" class="m">About</a></li>
20 <h2 class="nav submenu">
21 <span class="s">Submenu for section</span>
22 <a class="s selected" href="${base}projects.html">Projects</a>
24 <ul id="submenu" class="s active">
25 <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
26 <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
27 <li class="s"><a href="#" class="s">jquery.openx</a></li>
28 <li class="s"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
29 <li class="s sub"><a href="#" class="s">accelerator</a></li>
30 <li class="s"><strong class="s">Typography</strong></li>
33 <t:putAttribute name="maincontent" type="string" cascade="true">
35 Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
36 sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
37 magna aliqua. Ut enim ad minim veniam, quis nostrud
38 <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
39 <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
40 in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
41 <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
42 sunt in culpa qui officia deserunt mollit anim id est laborum.
44 <h2>Ein Link <a href="#link">im Titel</a></h2>
45 <p>Ein Link <a href="#link">im Text</a>.</p>
46 <h2>Normal / Italic / Bold / Bold+Italic</h2>
49 <li><em>italic</em></li>
50 <li><strong>bold</strong></li>
51 <li><strong><em>bold italic</em></strong></li>
55 <strong>ÄäÖöÜüß@€¢</strong>
57 <strong><em>ÄäÖöÜüß@€¢</em></strong>
65 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
66 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
67 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
68 aliquip ex ea commodo consequat. Duis aute irure dolor in
69 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
70 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
71 culpa qui officia deserunt mollit anim id est laborum.
75 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
76 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
77 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
78 aliquip ex ea commodo consequat. Duis aute irure dolor in
79 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
80 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
81 culpa qui officia deserunt mollit anim id est laborum.
85 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
86 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
87 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
88 aliquip ex ea commodo consequat. Duis aute irure dolor in
89 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
90 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
91 culpa qui officia deserunt mollit anim id est laborum.
95 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
96 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
97 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
98 aliquip ex ea commodo consequat. Duis aute irure dolor in
99 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
100 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
101 culpa qui officia deserunt mollit anim id est laborum.
103 <h1>Preformatted code</h1>
105 <em>Juplo Branding</em> uses
106 <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
109 <pre class="prettyprint linenums"><code class="language-xml">
111 <groupId>ro.isdc.wro4j</groupId>
112 <artifactId>wro4j-maven-plugin</artifactId>
113 <version>${wro4j.version}</version>
114 <configuration>
115 <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
116 <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
117 </configuration>
120 <phase>package</phase>
122 <goal>run</goal>
129 </t:insertDefinition>