WIP:bulma:neu

diff --git a/dist/templates/layout.html b/dist/templates/layout.html
index 8580cc5..86a500d 100644 (file)
--- a/dist/templates/layout.html
+++ b/dist/templates/layout.html
@@ -17,7 +17,7 @@
       th:fragment="body(uri, maincontent, marginalcontent)"
       thymeproxy:variables="${json}"
       th:with="crumbs=${_crumbs.get(uri)}">
-    <div class="columns">
+    <div id="page" class="columns">
       <main class="column content section" th:include="${maincontent}" th:fragment="maincontent">
         <h1 th:text="${_titles.get(uri)}">TEMPLATE: Layout</h1>
         <p>
@@ -123,19 +123,13 @@
       </nav>
     </div>
     <footer>
-      <div class="container">
-        <div class="columns">
-          <div class="column is-8-desktop is-offset-2-desktop">
-            <div class="level">
-              <div class="level-left">
-                <span class="level-item">© <strong>mo</strong> 2021</span>
-              </div>
-              <div class="level-right" id="footerlinks" th:include="~{::#links}?:_">
-                <a class="level-item" href="../impressum.html" th:href="@{/impressum.html}">Impressum</a>
-                <a class="level-item" href="../datenschutz.html" th:href="@{/datenschutz.html}">Datenschutz</a>
-              </div>
-            </div>
-          </div>
+      <div class="level">
+        <div class="level-left">
+          <span class="level-item">© <strong>mo</strong> 2021</span>
+        </div>
+        <div class="level-right" id="footerlinks" th:include="~{::#links}?:_">
+          <a class="level-item" href="../impressum.html" th:href="@{/impressum.html}">Impressum</a>
+          <a class="level-item" href="../datenschutz.html" th:href="@{/datenschutz.html}">Datenschutz</a>
         </div>
       </div>
     </footer>

diff --git a/sass/juplo.scss b/sass/juplo.scss
index d71f289..45389f3 100644 (file)
--- a/sass/juplo.scss
+++ b/sass/juplo.scss
@@ -105,17 +105,14 @@ html
 body
 {
   height: 100%;
-  overflow-y: scroll;
+  display: flex;
+  flex-direction: column;
 }
 #page
 {
-  position: relative;
-  min-height: 100%;
+  flex: 1 0 auto;
 }
 footer
 {
-  position: relative;
-  left: 0;
-  right: 0;
-  bottom: 1em;
+  flex-shrink: 0;
 }