juplo.de Git - website/blob - dist/potemkin/html-experimente/tiny.html

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3   <head>
   4     <title>HTML-Experimente - Layout TINY</title>
   5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
   6     <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/base.css" th:href="@{/css/base.css}"/>
   7     <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/tiny.css" th:href="@{/css/tiny.css}"/>
   8   </head>
   9   <body th:replace="~{templates/layout :: body(uri='/potemkin/html-experimente/tiny.html', json='MERGE:/potemkin.json')}">
  10     <main class="maincontent">
  11       <header><h1>Layout für sehr kleine Bildschirmgrößen</h1></header>
  12       <strong th:replace="templates/layout :: maincontent">MAIN-CONTENT</strong>
  13     </main>
  14     <aside class="marginalcontent" th:replace="templates/fragments :: marginalcontent">
  15       MARGINAL-CONTENT
  16     </aside>
  17   </body>
  18 </html>