WIP

Put title on series page in div.page-title like other taxonomy pages
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.
2025-09-02 17:37:35 -05:00 · 2025-08-25 18:23:39 -05:00 · 2025-08-25 13:44:08 -05:00 · 2025-08-24 04:05:10 -05:00 · 2025-08-24 03:52:23 -05:00 · 2025-08-24 03:49:54 -05:00
14 changed files with 125 additions and 125 deletions
--- a/assets/css/bobastyle.css
+++ b/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 {
-  width: 100%; /* without, it collapses inside flexbox for some reason TODO: figure out why */
+.main-container {
+  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 {
-  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);
+.site-footer {
+  margin: var(--page-margin) 0;
  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;
--- a/layouts/_partials/breadcrumb.html
+++ b/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>
--- a/layouts/_partials/page-metadata/post-full.html
+++ b/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 }}
--- a/layouts/_partials/page-metadata/post-short.html
+++ b/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 }}
--- a/layouts/_partials/share.html
+++ b/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>
--- a/layouts/_partials/top.html
+++ b/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 }}
--- a/layouts/authors/list.html
+++ b/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 }}
--- a/layouts/authors/taxonomy.html
+++ b/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 }}
--- a/layouts/baseof.html
+++ b/layouts/baseof.html
@@ -8,29 +8,29 @@

        {{ partial "top.html" . }}

-        {{ 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)
+        <div class="main-container">
+            {{ if not .IsHome }}
+                {{ partial "breadcrumb.html" . }}
            {{ end }}
-        </main>

-        {{ if or .Site.Copyright .Site.Params.footer }}
-            <footer class="body-module body-module--wide">
-                {{ with .Site.Copyright }}
-                    {{ . | safeHTML }}
+            <main id="main-content">
+                {{ block "main" . }}
+                    THIS TEXT SHOULD NOT SHOW. YUZSIQGHE (that string is so I can grep for it)
                {{ end }}
+            </main>

-                {{ with .Site.Params.footer }}
-                    {{ . | $.RenderString (dict "display" "block") }}
-                {{ end }}
-            </footer>
-        {{ end }}
+            {{ if or .Site.Copyright .Site.Params.footer }}
+                <footer class="site-footer">
+                    {{ with .Site.Copyright }}
+                        {{ . | safeHTML }}
+                    {{ end }}
+
+                    {{ with .Site.Params.footer }}
+                        {{ . | $.RenderString (dict "display" "block") }}
+                    {{ end }}
+                </footer>
+            {{ end }}
+        </div>

        {{ block "post-body" . }}
            {{/* currently this is only used for related posts */}}
--- a/layouts/home.html
+++ b/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 }}
--- a/layouts/page.html
+++ b/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,21 +66,21 @@
        {{ end }}

        {{ if .Params.comments }}
-            <div class="comments">
+            <section class="comments">
                {{ 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>
+            </section>
        {{ end }}
    </article>
 {{ 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 }}
+{{ end }}
--- a/layouts/robots.txt
+++ b/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$
--- a/layouts/section.html
+++ b/layouts/section.html
@@ -1,25 +1,27 @@
 {{ define "main" }}
-    <h1>
-        {{ with .Params.icon }}{{ partial "icon.html" . }}{{ end }}
-        {{ .Title | markdownify }}
-        {{ partial "rss-link.html" . }}
-    </h1>
+    <section>
+        <h1>
+            {{ with .Params.icon }}{{ partial "icon.html" . }}{{ end }}
+            {{ .Title | markdownify }}
+            {{ partial "rss-link.html" . }}
+        </h1>

-    {{ with .Content }}
-        {{ . }}
-    {{ end }}
-
-    <div class="list-page-container">
-        {{ with .Sections }}
-            <div class="sections">
-                {{ range . }}
-                    {{ .Render "summary" }}
-                {{ end }}
-            </div>
+        {{ with .Content }}
+            {{ . }}
        {{ end }}

-        {{ partial "page-list.html" .Paginator.Pages }}
-    </div>
+        <div class="list-page-container">
+            {{ with .Sections }}
+                <div class="sections">
+                    {{ range . }}
+                        {{ .Render "summary" }}
+                    {{ end }}
+                </div>
+            {{ end }}

-    {{ partial "pagination.html" . }}
+            {{ partial "page-list.html" .Paginator.Pages }}
+        </div>
+
+        {{ partial "pagination.html" . }}
+    </section>
 {{ end }}
--- a/layouts/series/taxonomy.html
+++ b/layouts/series/taxonomy.html
@@ -1,8 +1,10 @@
 {{ define "main" }}
-    <h1>
-        {{ partial "icon.html" "files" }}
-        {{ .Title | markdownify }}
-    </h1>
+    <div class="page-title">
+        <h1>
+            {{ partial "icon.html" "files" }}
+            {{ .Title | markdownify }}
+        </h1>
+    </div>

    {{ with .Content }}
        {{ . }}
Author	SHA1	Message	Date
BBaoVanC	0790ed94b9	WIP	2025-08-25 18:23:39 -05:00
BBaoVanC	c7c1ee0f0a	Put title on series page in div.page-title like other taxonomy pages 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.	2025-08-25 13:44:08 -05:00
BBaoVanC	d90f64fb86	Only show hr on home if homepageLatestPosts enabled Otherwise there's just a random line separator for no reason.	2025-08-24 04:05:10 -05:00
BBaoVanC	20f22b7926	Improve semantic HTML tag usage on content pages	2025-08-24 03:52:23 -05:00
BBaoVanC	267652a7e4	Use specific class for website footer instead of generic tag selector Just in case I ever want to use the footer tag anywhere else on the page. I'm not sure if I'm reading this right, but it sounds like it would make sense to put all the buttons at the bottom of the content pages as a footer as well. I will have to reconsider this again in the future.	2025-08-24 03:49:54 -05:00
BBaoVanC	310961215e	Rename list.html to taxonomy.html in authors and series Matches the changes made in Hugo 0.146.0	2025-08-24 02:57:33 -05:00
BBaoVanC	741b3bc01b	robots.txt: Stop Bing from complaining about md output not having title	2025-08-20 19:00:42 -05:00