b07be2bb722b91f7b8fb2341c34cc3b58b9e7586
[website] / layout.html
1 <!DOCTYPE html>
2 <html
3     xmlns="http://www.w3.org/1999/xhtml"
4     xmlns:th="http://www.thymeleaf.org"
5     th:fragment="layout(uri,maincontent)"
6     thymeproxy:variables="SET:sitemap.json"
7     >
8   <head>
9     <meta charset="utf-8">
10     <meta http-equiv="X-UA-Compatible" content="IE=edge">
11     <meta name="viewport" content="width=device-width, initial-scale=1">
12     <title th:replace="${title}">juplo - BASISTEMPLATE</title>
13     <link rel="stylesheet" href="../css/juplo.css" th:href="@{/css/juplo.css}">
14     <link rel="caononical" href="layout.html" th:replace="${scripts_head}?:~{}">
15   </head>
16   <body
17       th:fragment="body(uri, maincontent, marginalcontent)"
18       thymeproxy:variables="${json}"
19       th:with="crumbs=${_crumbs.get(uri)}">
20     <nav>
21       <div class="section breadcrumb" aria-label="breadcrumbs">
22         <ul>
23           <li th:each="crumb: ${crumbs}" class="${uri == crumb}?'is_active':_">
24             <a href="../index.html" th:href="@{${crumb}}" th:text="${_titles.get(crumb)}">Home</a></li>
25           <!--/*-->
26           <li class="is-active"><a href="#">Fix SWF</a></li>
27           <!--*/-->
28         </ul>
29       </div>
30       <div class="section columns">
31         <div class="column is-3 has-text-right">
32           <a href="../index.html" th:href="@{/}" title="Home">
33             <img src="/img/logo.svg" alt="juplo" class="logo">
34           </a>
35           <ul th:with="
36                 len=${crumbs == null} ? 0 : ${crumbs.size()},
37                 parent=${crumbs == null} ? '' : ${crumbs[0]},
38                 submenu=${_childs.get(parent)},
39                 pos=1"
40               id="navigation"
41               class="s mr-4"
42               th:class="'mr-4 s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')">
43             <li th:fragment="submenu(submenu, parent, pos)"
44                 th:each="entry : ${submenu}"
45                 th:with="
46                     child=${pos == len},
47                     selected=${!child and crumbs.get(pos) == entry},
48                     sibling=${pos + 1 == len and (_childs.get(uri) == null or uri == parent)},
49                     childs=${entry == parent ? null : _childs.get(entry)}
50                     "
51                 class="s sub"
52                 th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')">
53               <a  href="../potemkin/fix-swf/overview.html"
54                   th:if="${entry != parent}"
55                   th:href="@{${entry}}"
56                   class="s selected"
57                   th:class="${selected} ? 's selected' : 's'"
58                   th:text="${_titles.get(entry)}">fix-swf</a>
59               <ul th:if="${selected and childs != null}"
60                   class="s active"
61                   th:class="'s' + (${selected &amp;&amp; pos == crumbs.size()-1} ? ' active' : '') + (${entry == uri or (len &gt; 1 and entry == crumbs.get(len-2) and _childs.get(uri) == null)} ? ' selected' : '')">
62                 <li th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})"
63                     class="s">
64                   <strong class="s">Overview</strong>
65                 </li>
66                 <!--/*-->
67                 <li class="s"><a href="../potemkin/fix-swf/getting-started.html" class="s">Getting Started</a></li>
68                 <li class="s"><a href="#" class="s">FAQ</a></li>
69                 <li class="s"><a href="#" class="s">Documentation</a></li>
70                 <!--*/-->
71               </ul>
72             </li>
73             <!--/*-->
74             <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
75             <li class="s off"><a href="#" class="s">jquery.openx</a></li>
76             <li class="s sub off"><a href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}" class="s">HTML-Experimente</a></li>
77             <li class="s sub off"><a href="#" class="s">accelerator</a></li>
78             <li class="s off"><a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}" class="s">Typography</a></li>
79             <!--*/-->
80           </ul>
81         </div>
82       </div>
83     </nav>
84   </body>
85 </html>