----
-title: "juplo - BASISTEMPLATE"
----
-<div class="cf" id="page">
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:th="http://www.thymeleaf.org"
+ th:fragment="layout(uri,maincontent)"
+ thymeproxy:variables="SET:sitemap.json"
+ >
+ <head thymeproxy:variables="${json}">
+ <meta charset="utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+ <title th:replace="${title}">juplo - BASISTEMPLATE</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <!-- Default / Responsive -->
+ <link rel="stylesheet" th:rel="stylesheet" media="all" title="Responsive" type="text/css" href="../css/base.css" th:href="@{/css/base.min.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" media="only screen" title="Responsive" type="text/css" href="../css/screen.css" th:href="@{/css/screen.min.css}"/>
+ <link rel="stylesheet" th:rel="stylesheet" media="print" title="Responsive" type="text/css" href="../css/print.css" th:href="@{/css/print.min.css}"/>
+ <!-- Legacy -->
+ <link rel="alternate stylesheet" title="Legacy" type="text/css" href="../css/base.css" th:href="@{/css/base.min.css}"/>
+ <!-- Tablet -->
+ <link rel="alternate stylesheet" title="Tablet" type="text/css" href="../css/base.css" th:href="@{/css/base.min.css}"/>
+ <link rel="alternate stylesheet" title="Tablet" type="text/css" href="../css/tablet.css" th:href="@{/css/tablet.min.css}"/>
+ <!-- Phone -->
+ <link rel="alternate stylesheet" title="Phone" type="text/css" href="../css/base.css" th:href="@{/css/base.min.css}"/>
+ <link rel="alternate stylesheet" title="Phone" type="text/css" href="../css/phone.css" th:href="@{/css/phone.min.css}"/>
+ <!-- Tiny -->
+ <link rel="alternate stylesheet" title="Tiny" type="text/css" href="../css/base.css" th:href="@{/css/base.min.css}"/>
+ <link rel="alternate stylesheet" title="Tiny" type="text/css" href="../css/tiny.css" th:href="@{/css/tiny.min.css}"/>
+ <!-- Print -->
+ <link rel="alternate stylesheet" title="Print" type="text/css" href="../css/base.css" th:href="@{/css/base.min.css}"/>
+ <link rel="alternate stylesheet" title="Print" type="text/css" href="../css/print.css" th:href="@{/css/print.min.css}"/>
+ <script src="../js/prettify.js" th:src="@{/js/prettify.js}"></script>
+ <!--[if lt IE 9]>
+ <script src="../js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
+ <![endif]-->
+ <!--[if IE 8]>
+ <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../css/ie8.css" th:href="@{/css/ie8.min.css}"/>
+ <![endif]-->
+ <link rel="canonical" href="layout.html" th:href="${_canonical.get(uri)}?:${uri}">
+ <script th:replace="${scripts_head}?:~{}"></script>
+ </head>
+ <body
+ th:fragment="body(uri, maincontent, marginalcontent)"
+ th:with="crumbs=${_crumbs.get(uri)}"
+ id="top"
+ class="menu"
+ th:class="${contentclass}?:'menu'"
+ onload="prettyPrint()"
+ >
+ <div id="page" class="cf">
<header id="header"><!-- TODO: Vereinfachung -> für uri == index.html a gegen strong ausstauschen -->
- <h1 id="logo" th:include="~{::#logo}"><a class="l" href="../index.html" th:href="@{/}" title="Home"><img alt="juplo" class="l" src="/img/logo.svg"></a></h1>
+ <h1 id="logo" th:include="~{::#logo}"><a href="../index.html" th:href="@{/}" title="Home" class="l" ><img class="l" src="/img/logo.svg" alt="juplo"/></a></h1>
<span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
- <hr class="h">
+ <hr class="h" />
</header>
<div id="breadcrumb">
<strong class="b title">You are here:</strong>
<!--*/-->
</ol>
<a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
- <hr class="b">
+ <hr class="b" />
</div>
<main class="content cf">
- <article class="main" id="content" th:include="${maincontent}">
+ <article id="content" class="main" th:include="${maincontent}">
<header><h1 th:text="${_titles.get(uri)}">juplo - BASISTEMPLATE</h1></header>
<div th:fragment="maincontent">
<p>
<li>Operators and other mathematical stuff: -+/*</li>
<li>
Characters offten used in programming languages:
- {(<>)}@$?%*#;:&/\!^"'`~
+ {(<>)}@$?%*#;:&/\!^"'`~
</li>
<li>Special german characters: ÄäÖöÜü</li>
<li>Other special characters: @?¢§%°</li>
</div>
</article>
<div class="marginal">
- <nav id="nav" th:include="~{::#navigation}?:_" th:with="section=${crumbs != null && crumbs.size() > 1 ? crumbs[1] : null}">
- <hr class="n">
+ <nav id="nav"
+ th:include="~{::#navigation}?:_"
+ th:with="section=${crumbs != null && crumbs.size() > 1 ? crumbs[1] : null}"
+ >
+ <hr class="n"/>
<a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
<h1 class="nav">Navigation</h1>
<h2 class="nav menu">Section-Menu</h2>
- <ul class="cf" id="menu">
- <li class="m blog" th:class="'m ' + ${title}" th:each="entry : ${_childs.get('/index.html')}" th:with="title=${_titles.get(entry)}">
- <a class="m" href="../blog/" th:class="${section == entry} ? 'm selected' : 'm'" th:href="@{${entry}}" th:text="${_titles.get(entry)}">Blog</a>
+ <ul id="menu" class="cf">
+ <li th:each="entry : ${_childs.get('/index.html')}"
+ th:with="title=${_titles.get(entry)}"
+ class="m blog"
+ th:class="'m ' + ${title}">
+ <a href="../blog/"
+ th:href="@{${entry}}"
+ class="m"
+ th:class="${section == entry} ? 'm selected' : 'm'"
+ th:text="${_titles.get(entry)}">Blog</a>
</li>
<!--/*-->
- <li class="m projects"><a class="m selected" href="../projects.html">Projects</a></li>
- <li class="m about"><a class="m" href="../about.html">About</a></li>
+ <li class="m projects"><a href="../projects.html" class="m selected">Projects</a></li>
+ <li class="m about"><a href="../about.html" class="m">About</a></li>
<!--*/-->
</ul>
<h2 class="nav submenu">
<span class="s">Submenu for section</span>
<a class="s selected" href="../projects.html" th:href="@{${section}}" th:text="${_titles.get(section)}">Projects</a>
</h2>
- <ul class="s" id="submenu" th:class="'s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')" th:include="${submenu}?:_" th:with="
+ <ul th:include="${submenu}?:_"
+ th:with="
len=${crumbs == null} ? 0 : ${crumbs.size()},
parent=${section},
submenu=${_childs.get(parent)},
- pos=2">
- <li class="s sub" th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')" th:each="entry : ${submenu}" th:fragment="submenu(submenu, parent, pos)" th:with="
+ pos=2"
+ id="submenu"
+ class="s"
+ th:class="'s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')"
+ >
+ <li th:fragment="submenu(submenu, parent, pos)"
+ th:each="entry : ${submenu}"
+ th:with="
child=${pos == len},
- hidden=${!child && _canonical.get(crumbs.get(pos)) == entry},
+ hidden=${!child && _canonical.get(crumbs.get(pos)) == entry},
entry=${hidden?crumbs.get(pos):entry},
selected=${(child and crumbs.get(pos-1) + '?about' == entry) or (!child and (crumbs.get(pos) == entry or hidden))},
leaf=${pos >= (len - 1) and not selected},
sibling=${pos + 1 == len and (_childs.get(uri) == null or uri == parent)},
childs=${entry == parent ? null : _childs.get(entry)}
- ">
- <a class="s selected" href="../potemkin/fix-swf/overview.html" th:class="(${selected} ? 's selected' : 's') + ' len_' + ${len} + ' pos_' + ${pos} + (${leaf}?' leaf':'')" th:href="@{${entry}}" th:if="${entry != parent}" th:text="${_titles.get(entry)}">fix-swf</a>
- <ul class="s active" th:class="'s' + (${entry == uri or (len > 1 and entry == crumbs.get(len-2) and _childs.get(uri) == null)} ? ' selected' : '')" th:if="${selected and childs != null}">
- <li class="s" th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})">
+ "
+ class="s sub"
+ th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')"
+ >
+ <a href="../potemkin/fix-swf/overview.html"
+ th:if="${entry != parent}"
+ th:href="@{${entry}}"
+ class="s selected"
+ th:class="(${selected} ? 's selected' : 's') + ' len_' + ${len} + ' pos_' + ${pos} + (${leaf}?' leaf':'')"
+ th:text="${_titles.get(entry)}"
+ >fix-swf</a>
+ <ul th:if="${selected and childs != null}"
+ class="s active"
+ th:class="'s' + (${entry == uri or (len > 1 and entry == crumbs.get(len-2) and _childs.get(uri) == null)} ? ' selected' : '')"
+ >
+ <li th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})"
+ class="s"
+ >
<strong class="s">Overview</strong>
</li>
<!--/*-->
- <li class="s"><a class="s" href="../potemkin/fix-swf/getting-started.html">Getting Started</a></li>
- <li class="s"><a class="s" href="#">FAQ</a></li>
- <li class="s"><a class="s" href="#">Documentation</a></li>
+ <li class="s"><a href="../potemkin/fix-swf/getting-started.html" class="s">Getting Started</a></li>
+ <li class="s"><a href="#" class="s">FAQ</a></li>
+ <li class="s"><a href="#" class="s">Documentation</a></li>
<!--*/-->
</ul>
</li>
<!--/*-->
- <li class="s sub off"><a class="s" href="#">hibernate4-maven-plugin</a></li>
- <li class="s off"><a class="s" href="#">jquery.openx</a></li>
- <li class="s sub off"><a class="s" href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}">HTML-Experimente</a></li>
- <li class="s sub off"><a class="s" href="#">accelerator</a></li>
- <li class="s off"><a class="s" href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}">Typography</a></li>
+ <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+ <li class="s off"><a href="#" class="s">jquery.openx</a></li>
+ <li class="s sub off"><a href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}" class="s">HTML-Experimente</a></li>
+ <li class="s sub off"><a href="#" class="s">accelerator</a></li>
+ <li class="s off"><a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}" class="s">Typography</a></li>
<!--*/-->
- <li class="s off" th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})"><a class="s" href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}">Typography</a></li>
+ <li th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})" class="s off"><a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}" class="s">Typography</a></li>
</ul>
- <hr class="n">
+ <hr class="n"/>
</nav>
<aside class="m" th:insert="${marginalcontent}?:~{}">
<!--/* the following is only visible during natural templating -->
</div>
</main>
<footer id="footer">
- <hr class="f">
+ <hr class="f" />
<ul id="footerlinks" th:include="~{::#links}?:_">
<li class="f" id="copyright">© <strong>mo</strong> 2013</li>
<li class="f"><a class="f" href="../impressum.html" th:href="@{/impressum.html}">Impressum</a></li>
</ul>
</footer>
</div>
+ </body>
+</html>
projects / website / commitdiff