<!DOCTYPE html>
<html
xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="contentclass='nomenu', uri='/index.html'"
+ th:replace="~{/templates/layout.html :: layout(
+ uri='/index.html',
+ contentclass='nomenu',
+ title=~{:: title},
+ maincontent=~{:: .maincontent},
+ marginalcontent=~{:: .marginalcontent}
+ )}"
>
<head>
<title>Home</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="less/print.less" media="print"/>
- <script src="js/less-1.7.0.min.js"></script>
+ <link rel="stylesheet" type="text/css" href="css/base.css"/>
+ <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
+ <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
<!--*/-->
</head>
<body>
- <ol layout:fragment="breadcrumb">
+ <ol id="crumbs">
<li class="b"><strong class="b">Home</strong></li>
</ol>
- <h1 layout:fragment="header"><strong class="l">juplo</strong></h1>
- <nav layout:fragment="navigation">
+ <h1 id="logo"><strong class="l"><img class="l" src="/img/logo.svg" alt="juplo"/></strong></h1>
+ <nav id="navigation">
<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 id="menu" class="cf">
- <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="potemkin.html" th:href="@{/potemkin.html}" class="m">Projects</a></li>
+ <li class="m blog"><a href="blog/" th:href="@{/blog/}" class="m">Blog</a></li>
+ <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
<li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
</ul>
</nav>
- <main class="main" layout:fragment="maincontent">
+ <div>
+ <h1>Startseite</h1>
+ <h2>Die Templates</h2>
+ <ul>
+ <li><a href="templates/layout.html">Layout</a> - Das Layout für juplo.de</li>
+ <li><a href="templates/fragments.html">Fragmente</a> Auf mehreren Seiten verwendete Inhalte</li>
+ <li><a href="templates/404.html">404-Fehlerseite</a></li>
+ <li><a href="templates/error.html">5xx-Fehlerseite</a></li>
+ <li><a href="templates/testlab.html">Testlab</a> Testseite für die Skalierung auf untrschiedliche Seitenbreiten</li>
+ </ul>
+ <h2>Fake-Inhalte</h2>
+ <ul>
+ <li><a href="projects.html">Potemkinsche Dörfer</a> - Beispielseiten zum Testen der gerenderten Menüstruktur</li>
+ <li><a href="potemkin/typo.html">Typografie</a></li>
+ <li><a href="potemkin/html-experimente/formulare.html">Formulare</a></li>
+ <li><a href="potemkin/html-experimente.html">HTML-Experimente</a> - Testseiten für Edge-Cases</li>
+ </ul>
+ </div>
+ <main class="maincontent">
<div class="pack bg cf">
<div class="p right">
<h2>Work In Progress…</h2>
<h2>About juplo</h2>
<ul>
<li><a href="/about.html" title="Visit my about-pag">More about juplo</a></li>
- <li><a href="/blog/" title="(Hopefully) helpful stuff">Blog</a></li>
- <li><a href="/projects/" title="All current projects">Projects</a></li>
+ <li><a href="/blog" title="(Hopefully) helpful stuff">Blog</a></li>
+ <li><a href="/projects.html" title="All current projects">Projects</a></li>
<li><a href="/contact.html" title="All contact-information on a glance">Contact</a></li>
</ul>
</div>
<p><a href="/hibernate-maven-plugin/index.html" title="Visit the plugin-documentation">Learn more...</a></p>
</div>
</main>
- <aside class="main" layout:fragment="marginalcontent">
+ <aside class="marginalcontent">
<div class="widget widget_recent_entries">
<h2 class="widgettitle">Recent Posts</h2>
<ul>