WIP:bulma:neu

diff --git a/dist/templates/layout.html b/dist/templates/layout.html
index 0f3d1f0..a1227e3 100644 (file)
--- a/dist/templates/layout.html
+++ b/dist/templates/layout.html
@@ -18,7 +18,50 @@
       thymeproxy:variables="${json}"
       th:with="crumbs=${_crumbs.get(uri)}">
     <div class="columns">
-      <main class="column content" th:fragment="maincontent">
+      <main class="column content" th:include="${maincontent}" th:fragment="maincontent">
+        <h1 th:text="${_titles.get(uri)}">TEMPLATE: Layout</h1>
+        <p>
+          <strong>Lorem ipsum</strong> dolor
+          <a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}">sit amet</a>,
+          consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+          labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+          <a href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}">exercitation</a>
+          ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+          irure dolor in reprehenderit in voluptate velit esse cillum dolore
+          eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+          proident, sunt in culpa qui officia deserunt mollit anim id est
+          laborum.
+        </p>
+        <h2 class="title">Duis aute irure dolor</h2>
+        <ul>
+          <li>Operators and other mathematical stuff: -+/*</li>
+          <li>
+            Characters offten used in programming languages:
+            {(&lt;&gt;)}@$?%*#;:&amp;/\!^&#034;&#039;`~
+          </li>
+          <li>Special german characters: ÄäÖöÜü</li>
+          <li>Other special characters: @?¢§%°</li>
+        </ul>
+        <h2 class="title">Excepteur sint occaecat cupidatat</h2>
+        <p>
+          Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit,
+          sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+          Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+          nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua.
+          <strong>Ut enim ad minim veniam, quis nostrud <em>exercitation
+          ullamco</em> laboris nisi ut aliquip ex ea commodo consequat</strong>.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse
+          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+          cupidatat non proident, sunt in culpa qui officia deserunt mollit
+          anim id est laborum.
+        </p>
       </main>
       <nav class="column is-3 has-text-right">
         <a href="../index.html" th:href="@{/}" title="Home">