WIP

assets/css/bobastyle.css

@@ -293,14 +293,9 @@ body {
   color: var(--text-0);
   overflow-wrap: break-word;
   margin: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--page-margin);
 }
 
 .body-module {
-  width: 100%; /* without, it collapses inside flexbox for some reason TODO: figure out why */
 }
 
 .body-module--marginless {

layouts/baseof.html

@@ -20,6 +20,10 @@
             {{ end }}
         </main>
 
+        {{ block "post-body" . }}
+            {{/* currently this is only used for related posts */}}
+        {{ end }}
+
         {{ if or .Site.Copyright .Site.Params.footer }}
             <footer class="body-module body-module--wide">
                 {{ with .Site.Copyright }}
@@ -31,10 +35,6 @@
                 {{ end }}
             </footer>
         {{ end }}
-
-        {{ block "post-body" . }}
-            {{/* currently this is only used for related posts */}}
-        {{ end }}
     </body>
 
 </html>

layouts/home.html

@@ -5,7 +5,9 @@
         </article>
         <hr class="body-module body-module--wide">
     {{ end }}
+{{ end }}
 
+{{ define "post-body" }}
     {{ if .Site.Params.homepageLatestPosts }}
         <div class="body-module body-module--wide">
             <h1>

layouts/page.html

@@ -70,17 +70,17 @@
                 {{ partial "comments.html" . }}
             </div>
         {{ end }}
-    {{ end }}
-
-
-    {{ define "post-body" }}
-        {{ $related := .Site.RegularPages.Related . | first 10 }}
-        {{ with $related }}
-            <div class="related-posts">
-                <hr>
-                <h1>{{ i18n "related_posts" }}</h1>
-                {{ partial "page-list.html" . }}
-            </div>
-        {{ end }}
     </article>
 {{ end }}
+
+
+{{ define "post-body" }}
+    {{ $related := .Site.RegularPages.Related . | first 10 }}
+    {{ with $related }}
+        <div class="related-posts body-module body-module--full-width">
+            <hr>
+            <h1>{{ i18n "related_posts" }}</h1>
+            {{ partial "page-list.html" . }}
+        </div>
+    {{ end }}
+{{ end }}