3 xmlns="http://www.w3.org/1999/xhtml"
4 xmlns:th="http://www.thymeleaf.org"
5 xmlns:layout="http://www.thymeleaf.org"
7 <head th:fragment="head" layout:fragment="head">
8 <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE" th:text="'juplo'">juplo - BASISTEMPLATE</title>
9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
10 <meta name="viewport" content="width=device-width, initial-scale=1" />
11 <link rel="stylesheet" type="text/css" href="../../css/base.min.css" th:href="@{/css/base.min.css}"/>
12 <style type="text/css" th:remove="all">
13 @import '../../css/screen.min.css' screen;
14 @import '../../css/print.min.css' print;
16 <style type="text/css" th:inline="text">
17 @import '[[@{/css/screen.min.css}]]' screen;
18 @import '[[@{/css/print.min.css}]]' print;
20 <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
22 <script src="../../js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
25 <link rel="stylesheet" type="text/css" href="../../css/ie8.min.css" th:href="@{/css/ie8.min.css}"/>
28 <body id="top" class="menu" th:class="${contentclass}?:'menu'" onload="prettyPrint()">
29 <div id="page" class="cf">
31 <h1 id="logo" layout:fragment="header"><a href="../index.html" th:href="@{/}" title="Home" class="l">juplo</a></h1>
32 <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
36 <strong class="b title">You are here:</strong>
37 <ol class="b" layout:fragment="breadcrumb">
39 <li class="b"><a class="b" href="#">Home</a></li>
40 <li class="b"><a class="b" href="#">Projects</a></li>
41 <li class="b"><a class="b" href="#">Fix SWF</a></li>
43 <li class="b"><strong class="b">BREADCRUMB</strong></li>
45 <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
48 <main class="content cf">
49 <article id="content" class="main" layout:fragment="maincontent" th:class="'main'">
50 <header><h1 th:text="${title}">juplo - BASISTEMPLATE</h1></header>
51 <div th:fragment="maincontent">
53 <strong>Lorem ipsum</strong> dolor
54 <a href="../projects/typo.html" th:href="@{/projects/typo.html}">sit amet</a>,
55 consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
56 labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
57 <a href="#" th:href="@{/projects/html-experimente.html}">exercitation</a>
58 ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
59 irure dolor in reprehenderit in voluptate velit esse cillum dolore
60 eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
61 proident, sunt in culpa qui officia deserunt mollit anim id est
64 <h2>Duis aute irure dolor</h2>
66 <li>Operators and other mathematical stuff: -+/*</li>
68 Characters offten used in programming languages:
69 {(<>)}@$?%*#;:&/\!^"'`~
71 <li>Special german characters: ÄäÖöÜü</li>
72 <li>Other special characters: @?¢§%°</li>
74 <h2>Excepteur sint occaecat cupidatat</h2>
76 Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit,
77 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
78 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
79 nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
80 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
81 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
82 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.
87 <strong>Ut enim ad minim veniam, quis nostrud <em>exercitation
88 ullamco</em> laboris nisi ut aliquip ex ea commodo consequat</strong>.
89 Duis aute irure dolor in reprehenderit in voluptate velit esse
90 cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
91 cupidatat non proident, sunt in culpa qui officia deserunt mollit
96 <div class="marginal">
97 <nav id="nav" layout:fragment="navigation">
99 <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
100 <h1 class="nav">Navigation</h1>
101 <h2 class="nav menu">Section-Menu</h2>
102 <ul id="menu" class="cf">
103 <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
104 <li class="m projects"><a href="../projects" th:href="@{/projects.html}" class="m selected">Projects</a></li>
105 <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
107 <h2 class="nav submenu">
108 <span class="s">Submenu for section</span>
109 <a class="s selected" href="../projects.html" th:href="@{/projects.html}">Projects</a>
111 <ul id="submenu" class="s" layout:fragment="submenu">
112 <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
114 <a href="../projects/fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s selected">fix-swf</a>
115 <ul class="s active">
116 <li class="s"><strong class="s">Overview</strong></li>
117 <li class="s"><a href="../projects/fix-swf/getting-started.html" th:href="@{/projects/fix-swf/getting-started.html}" class="s">Getting Started</a></li>
118 <li class="s"><a href="#" class="s">FAQ</a></li>
119 <li class="s"><a href="#" class="s">Documentation</a></li>
122 <li class="s off"><a href="#" class="s">jquery.openx</a></li>
123 <li class="s sub off"><a href="../projects/html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
124 <li class="s sub off"><a href="#" class="s">accelerator</a></li>
125 <li class="s off"><a href="../projects/typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
129 <aside class="m" layout:fragment="marginalcontent" th:remove="tag">
130 <!--/* the following is only visible during natural templating -->
131 <h1>Other nasty but marginal stuff</h1>
133 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
134 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
135 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
136 aliquip ex ea commodo consequat. Duis aute irure dolor in
137 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
138 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
139 culpa qui officia deserunt mollit anim id est laborum.
143 <h1>More nasty stuff</h1>
145 This one is really short!
153 <ul id="footerlinks" layout:fragment="footer">
154 <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
155 <li class="f"><a class="f" href="../impressum.html" th:href="@{/impressum.html}">Impressum</a></li>
156 <li class="f about"><a class="f" href="../about.html" th:href="@{/about.html}">About</a></li>