juplo.de Git - website/blob - dist/potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html

   1 <!DOCTYPE html>
   2 <html
   3     xmlns="http://www.w3.org/1999/xhtml"
   4     th:replace="~{/templates/layout.html :: layout(
   5       uri='/potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html',
   6       title=~{:: title},
   7       maincontent=~{:: .maincontent},
   8       marginalcontent=~{:: .marginalcontent}, contentclass='onecolumn', json='MERGE:/potemkin.json')}"
   9     >
  10   <head>
  11     <title id="title">HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt</title>
  12     <!--/*-->
  13     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  14     <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
  15     <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
  16     <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
  17     <!--*/-->
  18   </head>
  19   <body>
  20     <nav id="navigation">
  21       <hr class="n"/>
  22       <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
  23       <h1 class="nav">Navigation</h1>
  24       <h2 class="nav menu">Section-Menu</h2>
  25       <ul id="menu" class="cf">
  26         <li class="m blog"><a href="../blog/" th:href="@{/blog/}" class="m">Blog</a></li>
  27         <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
  28         <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
  29       </ul>
  30     </nav>
  31     <article class="maincontent">
  32       <header><h1>Fast leere einspaltige Seite mit Marginalinhalt</h1></header>
  33       <p><strong>KAPUTT:</strong> siehe Erklärung im Commit</p>
  34     </article>
  35     <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
  36       MARGINAL-CONTENT
  37     </aside>
  38   </body>
  39 </html>