WIP

This must've gotten out of sync somehow throughout the history. It
slightly changes the margins by disabling the default one on h1, which
is slightly larger than the breadcrumb nav margin-block's.

assets/css/bobastyle.css

@@ -293,40 +293,22 @@ 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 {
+.main-container {
-  width: 100%; /* without, it collapses inside flexbox for some reason TODO: figure out why */
+  margin: var(--page-margin) auto;
+  /* use padding because otherwise there's no way to have margin be both auto, and a minimum value */
+  padding: 0 var(--page-margin);
+  max-width: calc(720px + 2 * var(--page-margin)); /* padding is included in the element's width */
 }
 
-.body-module--marginless {
+.site-footer {
-  margin: 0;
+  margin: var(--page-margin) 0;
-}
-
-.body-module--full-width {
-  margin: 0 var(--page-margin);
-  /*
-  margin-left: var(--page-margin);
-  margin-right: var(--page-margin);
-  */
-}
-.body-module--wide {
-  margin-left: var(--page-margin);
-  margin-right: var(--page-margin);
-  max-width: 720px;
-}
-
-footer {
-  margin-bottom: var(--page-margin);
   text-align: center;
   font-size: smaller;
 }
 
-footer p {
+.site-footer p {
   margin: 0;
 }
 
@@ -394,6 +376,10 @@ footer p {
 
 /* Breadcrumb navigation {{{ */
 
+.breadcrumb {
+  margin: var(--page-margin) 0;
+}
+
 .breadcrumb ul {
   margin: 0;
   padding: 0;

layouts/_partials/breadcrumb.html

@@ -1,4 +1,4 @@
-<nav class="body-module body-module--wide breadcrumb" aria-label="{{ i18n "aria_breadcrumbnav" }}">
+<nav class="breadcrumb" aria-label="{{ i18n "aria_breadcrumbnav" }}">
     <ul>
         {{ template "breadcrumbnav" (dict "p1" . "p2" .) }}
     </ul>

layouts/_partials/page-metadata/post-full.html

@@ -1,5 +1,5 @@
 {{ if or .Date .Params.authors .Site.Params.readingtime .Site.Params.gitFileURL }}
-    <div class="page-metadata" aria-label="{{ i18n "aria_post_metadata" }}">
+    <section class="page-metadata" aria-label="{{ i18n "aria_post_metadata" }}">
         {{ if .Date }}
             <span class="page-metadata-item" aria-label="{{ i18n "aria_post_meta_date" }}">
                 {{ partial "icon.html" "calendar" }}
@@ -26,5 +26,5 @@
         {{ partial "page-metadata/item/categories.html" . }}
 
         {{ partial "page-metadata/item/tags.html" . }}
-    </div>
+    </section>
 {{ end }}

layouts/_partials/page-metadata/post-short.html

@@ -1,5 +1,5 @@
 {{ if or .Date .Params.authors .Site.Params.readingtime }}
-    <div class="page-metadata" aria-label="{{ i18n "aria_post_metadata" }}">
+    <section class="page-metadata" aria-label="{{ i18n "aria_post_metadata" }}">
         {{ if .Date }}
             <span class="page-metadata-item" aria-label="date">
                 {{ partial "icon.html" "calendar" }}
@@ -14,5 +14,5 @@
         {{ partial "page-metadata/item/series.html" . }}
         {{ partial "page-metadata/item/categories.html" . }}
         {{ partial "page-metadata/item/tags.html" . }}
-    </div>
+    </section>
 {{ end }}

layouts/_partials/share.html

@@ -1,4 +1,4 @@
-<div class="share-buttons">
+<section class="share-buttons">
     {{ if .Site.Params.shareButtons.twitter }}
         <a class="twitter-share"
            target="_blank"
@@ -66,4 +66,4 @@
             {{- partial "icon.html" "printer" -}}
         </a>
     {{ end }}
-</div>
+</section>

layouts/_partials/top.html

@@ -1,4 +1,4 @@
-<header class="body-module body-module--marginless top">
+<header class="top">
     <div class="brand">
         <a href="{{ .Site.Home.Permalink | absLangURL }}">
             {{ .Site.Title | markdownify }}

layouts/authors/list.html

@@ -1,24 +0,0 @@
-{{ define "main" }}
-    <h1>
-        {{ partial "icon.html" "user-circle" }}
-        {{ .Title | markdownify }}
-    </h1>
-
-    {{ with .Content }}
-        {{ . }}
-    {{ end }}
-
-    <div class="page-list">
-        {{ with .Paginator.Pages }}
-            {{ range . }}
-                <article class="page">
-                    {{ .Render "summary" }}
-                </article>
-            {{ end }}
-        {{ else }}
-            <div>
-                {{ i18n "no_posts" }}
-            </div>
-        {{ end }}
-    </div>
-{{ end }}

layouts/authors/taxonomy.html

@@ -0,0 +1,30 @@
+{{ define "main" }}
+    <section>
+        {{ if .Content }}<article>{{ end }}
+
+        <h1>
+            {{ partial "icon.html" "user-circle" }}
+            {{ .Title | markdownify }}
+        </h1>
+
+        {{ with .Content }}
+            {{ . }}
+        {{ end }}
+
+        {{ if .Content }}</article>{{ end }}
+
+        <section class="page-list">
+            {{ with .Paginator.Pages }}
+                {{ range . }}
+                    <article class="page">
+                        {{ .Render "summary" }}
+                    </article>
+                {{ end }}
+            {{ else }}
+                <div>
+                    {{ i18n "no_posts" }}
+                </div>
+            {{ end }}
+        </section>
+    </section>
+{{ end }}

layouts/baseof.html

@@ -8,12 +8,11 @@
 
         {{ partial "top.html" . }}
 
+        <div class="main-container">
             {{ if not .IsHome }}
                 {{ partial "breadcrumb.html" . }}
             {{ end }}
 
-        {{ block "pre-body" . }}{{ end }}
-
             <main id="main-content">
                 {{ block "main" . }}
                     THIS TEXT SHOULD NOT SHOW. YUZSIQGHE (that string is so I can grep for it)
@@ -21,7 +20,7 @@
             </main>
 
             {{ if or .Site.Copyright .Site.Params.footer }}
-            <footer class="body-module body-module--wide">
+                <footer class="site-footer">
                     {{ with .Site.Copyright }}
                         {{ . | safeHTML }}
                     {{ end }}
@@ -31,6 +30,7 @@
                     {{ end }}
                 </footer>
             {{ end }}
+        </div>
 
         {{ block "post-body" . }}
             {{/* currently this is only used for related posts */}}

layouts/home.html

@@ -1,13 +1,13 @@
 {{ define "main" }}
     {{ with .Content }}
-        <article class="body-module body-module--wide">
+        <article class="homepage-content">
             {{ . }}
         </article>
-        <hr class="body-module body-module--wide">
     {{ end }}
 
     {{ if .Site.Params.homepageLatestPosts }}
-        <div class="body-module body-module--wide">
+        <hr>
+        <section class="homepage-latest-posts">
             <h1>
                 {{ i18n "latest_posts" }}
                 {{ partial "rss-link.html" . }}
@@ -16,6 +16,6 @@
             {{ partial "page-list.html" (.Paginate .Site.RegularPages).Pages }}
 
             {{ partial "pagination.html" . }}
-        </div>
+        </section>
     {{ end }}
 {{ end }}

layouts/page.html

@@ -1,5 +1,5 @@
 {{ define "main" }}
-    <article class="body-module body-module--wide">
+    <article>
         <div class="page-title">
             <h1>
                 {{ .Title | markdownify }}
@@ -11,12 +11,12 @@
         {{ partial "series-box.html" . }}
 
         {{ if .Params.Toc }}
-            <div class="table-of-contents" aria-label="{{ i18n "aria_table_of_contents" }}">
+            <section class="table-of-contents" aria-label="{{ i18n "aria_table_of_contents" }}">
                 <details>
                     <summary>{{ i18n "table_of_contents" }}</summary>
                     {{ .TableOfContents }}
                 </details>
-            </div>
+            </section>
             <div class="table-of-contents print">
                 {{ i18n "table_of_contents" }}
                 {{ .TableOfContents }}
@@ -25,14 +25,14 @@
 
         {{ partial "feature-figure.html" . }}
 
-        <article class="post-content" data-pagefind-body>
+        <div class="post-content" data-pagefind-body>
             {{ .Content }}
-        </article>
+        </div>
 
         {{ partial "series-box.html" . }}
 
         {{ if or .NextInSection .PrevInSection }}
-            <div class="prevnext">
+            <nav class="prevnext">
                 {{ with .NextInSection }}
                     <a class="prev" href="{{ .Permalink }}">
                         <div class="prev-caption">
@@ -58,7 +58,7 @@
                 {{ else }}
                     <div class="next"></div>
                 {{ end }}
-            </div>
+            </nav>
         {{ end }}
 
         {{ if .Site.Params.shareButtons }}
@@ -66,10 +66,11 @@
         {{ end }}
 
         {{ if .Params.comments }}
-            <div class="comments">
+            <section class="comments">
                 {{ partial "comments.html" . }}
-            </div>
+            </section>
         {{ end }}
+    </article>
 {{ end }}
 
 
@@ -82,5 +83,4 @@
             {{ partial "page-list.html" . }}
         </div>
     {{ end }}
-    </article>
 {{ end }}

layouts/robots.txt

@@ -1,2 +1,6 @@
 User-Agent: *
 Sitemap: {{ "sitemap.xml" | absLangURL }}
+
+{{/* It complains about the raw markdown output having no title tag */ -}}
+User-Agent: Bingbot
+Disallow: /blog/*.md$

layouts/section.html

@@ -1,4 +1,5 @@
 {{ define "main" }}
+    <section>
         <h1>
             {{ with .Params.icon }}{{ partial "icon.html" . }}{{ end }}
             {{ .Title | markdownify }}
@@ -22,4 +23,5 @@
         </div>
 
         {{ partial "pagination.html" . }}
+    </section>
 {{ end }}

layouts/series/taxonomy.html

@@ -1,8 +1,10 @@
 {{ define "main" }}
+    <div class="page-title">
         <h1>
             {{ partial "icon.html" "files" }}
             {{ .Title | markdownify }}
         </h1>
+    </div>
 
     {{ with .Content }}
         {{ . }}