Re-add margins on mobile

Clean up some of the div layout
Don't put page breaks in the middle of code blocks
2025-06-15 10:57:28 -05:00 · 2022-04-04 21:54:52 -05:00 · 2022-04-04 21:47:26 -05:00 · 2021-11-25 23:56:10 -06:00 · 2021-11-25 23:45:46 -06:00 · 2021-11-25 23:34:56 -06:00
12 changed files with 123 additions and 95 deletions
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@ -52,6 +52,7 @@
 }


+
 /* Post layout (in list pages) */
 .list-page-content {
  display: flex;
@ -202,10 +203,6 @@


 /* Header formatting (website title and article section headers) */
-.top {
-  margin: 20px;
-}
-
 .header a,
 .section-header a {
  color: inherit;
@ -242,15 +239,6 @@
  padding: 8px 15px;
 }

-.content,
-footer {
-  margin: 20px;
-}
-
-footer {
-  text-align: center;
-}
-
 #back-to-top {
  position: fixed;
  float: right;
@ -338,6 +326,7 @@ footer {
 /* Basic elements */
 html {
  scroll-behavior: smooth;
+  margin: 0 20px;
 }

@media screen and (prefers-reduced-motion: reduce) {
@ -350,11 +339,15 @@ body {
  background-color: var(--background);
  color: var(--text-normal);
  font-family: "Open Sans", "Noto Sans", sans-serif;
-  margin: auto;
+  margin: 0 auto 20px;
  max-width: 720px;
  overflow-wrap: break-word;
 }

+footer {
+  text-align: center;
+}
+
 img,
 video {
  max-width: 100%;
@ -504,9 +497,7 @@ li.disabled > .page-link:hover {

 /* Breadcrumb navigation */
 .breadcrumb {
-  margin-top: 40px;
-  margin-bottom: 20px;
-  margin-left: 20px;
+  margin: 30px 0 20px;
 }

 .breadcrumb ul {
@ -607,6 +598,7 @@ li.disabled > .page-link:hover {
  pre {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
+    break-inside: avoid;
  }

  .table-of-contents {
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -4,7 +4,7 @@
    {{ partial "head.html" . }}

    <body>
-        <a id="top" aria-hidden="true"></a>
+        <a id="top" name="top" aria-hidden="true"></a>

        <div class="top">
            {{ partial "top.html" . }}
@ -14,15 +14,15 @@
            {{ partial "breadcrumb.html" . }}
        {{ end }}

-        <div class="content">
+        <div class="main">
            {{ block "main" . }}
                {{ .Content }}
            {{ end }}
        </div>

        {{ with .Site.Copyright }}
+            <hr>
            <footer>
-                <hr>
                <small>
                    {{ . | safeHTML }}
                </small>
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@ -15,15 +15,17 @@
        {{ end }}

        <div class="page-list">
-            <ul>
-                {{ range .Paginator.Pages }}
-                    <li>{{ .Render "summary/post" }}</li>
-                {{ else }}
-                    <div>
-                        {{ i18n "no_posts" }}
-                    </div>
-                {{ end }}
-            </ul>
+            {{ with .Paginator.Pages }}
+                <ul>
+                    {{ range . }}
+                        <li>{{ .Render "summary/post" }}</li>
+                    {{ end }}
+                </ul>
+            {{ else }}
+                <div>
+                    {{ i18n "no_posts" }}
+                </div>
+            {{ end }}
        </div>
    </div>

--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@ -46,7 +46,9 @@
        </div>
    {{ end }}

-    {{ .Content }}
+    <div class="post-content">
+        {{ .Content }}
+    </div>

    {{ $related := .Site.RegularPages.Related . | first 5 }}
    {{ with $related }}
--- a/layouts/authors/list.html
+++ b/layouts/authors/list.html
@ -5,10 +5,16 @@
    </h1>

    <div class="page-list">
-        <ul>
-            {{ range .Paginator.Pages }}
-                <li>{{ .Render "summary/author" }}</li>
-            {{ end }}
-        </ul>
+        {{ with .Paginator.Pages }}
+            <ul>
+                {{ range . }}
+                    <li>{{ .Render "summary/author" }}</li>
+                {{ end }}
+            </ul>
+        {{ else }}
+            <div>
+                {{ i18n "no_posts" }}
+            </div>
+        {{ end }}
    </div>
 {{ end }}
--- a/layouts/authors/term.html
+++ b/layouts/authors/term.html
@ -10,15 +10,17 @@
    {{ .Content }}

    <div class="page-list">
-        <ul>
-            {{ range .Paginator.Pages }}
-                <li>{{ .Render "summary/post" }}</li>
-            {{ else }}
-                <div>
-                    {{ i18n "no_posts" }}
-                </div>
-            {{ end }}
-        </ul>
+        {{ with .Paginator.Pages }}
+            <ul>
+                {{ range . }}
+                    <li>{{ .Render "summary/post" }}</li>
+                {{ end }}
+            </ul>
+        {{ else }}
+            <div>
+                {{ i18n "no_posts" }}
+            </div>
+        {{ end }}
    </div>

    {{ partial "pagination.html" . }}
--- a/layouts/series/list.html
+++ b/layouts/series/list.html
@ -5,10 +5,16 @@
    </h1>

    <div class="series-taxonomy">
-        <ul>
-            {{ range .Pages }}
-                <li>{{ .Render "summary/series" }}</li>
-            {{ end }}
-        </ul>
+        {{ with .Pages }}
+            <ul>
+                {{ range . }}
+                    <li>{{ .Render "summary/series" }}</li>
+                {{ end }}
+            </ul>
+        {{ else }}
+            <div>
+                {{ i18n "no_posts" }}
+            </div>
+        {{ end }}
    </div>
 {{ end }}
--- a/layouts/series/term.html
+++ b/layouts/series/term.html
@ -10,20 +10,22 @@
    {{ partial "description-or-summary.html" . }}

    <div class="page-list">
-        <ul>
-            {{ $i := 0 }}
-            {{ $total := len .Pages }}
-            {{ range .Paginator.Pages.Reverse }}
-                {{ $i = add 1 $i }}
-                {{ .Scratch.Set "series_position" $i }}
-                {{ .Scratch.Set "series_total" $total }}
-                <li>{{ .Render "summary/post" }}</li>
-            {{ else }}
-                <div>
-                    {{ i18n "no_posts" }}
-                </div>
-            {{ end }}
-        </ul>
+        {{ with .Paginator.Pages.Reverse }}
+            <ul>
+                {{ $i := 0 }}
+                {{ $total := len $.Pages }}
+                {{ range . }}
+                    {{ $i = add 1 $i }}
+                    {{ .Scratch.Set "series_position" $i }}
+                    {{ .Scratch.Set "series_total" $total }}
+                    <li>{{ .Render "summary/post" }}</li>
+                {{ end }}
+            </ul>
+        {{ else }}
+            <div>
+                {{ i18n "no_posts" }}
+            </div>
+        {{ end }}
    </div>

    {{ partial "pagination.html" . }}
--- a/layouts/tags/list.html
+++ b/layouts/tags/list.html
@ -5,12 +5,18 @@
    </h1>

    <div class="tag-list">
-        <ul>
-            {{ range .Data.Terms.Alphabetical }}
-                <a href="{{ .Page.Permalink }}">
-                    <li>{{ .Page.Title | markdownify }}</li>
-                </a>
-            {{ end }}
-        </ul>
+        {{ with .Data.Terms.Alphabetical }}
+            <ul>
+                {{ range . }}
+                    <a href="{{ .Page.Permalink }}">
+                        <li>{{ .Page.Title | markdownify }}</li>
+                    </a>
+                {{ end }}
+            </ul>
+        {{ else }}
+            <div>
+                {{ i18n "no_posts" }}
+            </div>
+        {{ end }}
    </div>
 {{ end }}
--- a/layouts/tags/term.html
+++ b/layouts/tags/term.html
@ -7,15 +7,17 @@

    {{ partial "description-or-summary.html" . }}
    <div class="page-list">
-        <ul>
-            {{ range .Paginator.Pages }}
-                <li>{{ .Render "summary/post" }}</li>
-            {{ else }}
-                <div>
-                    {{ i18n "no_posts" }}
-                </div>
-            {{ end }}
-        </ul>
+        {{ with .Paginator.Pages }}
+            <ul>
+                {{ range . }}
+                    <li>{{ .Render "summary/post" }}</li>
+                {{ end }}
+            </ul>
+        {{ else }}
+            <div>
+                {{ i18n "no_posts" }}
+            </div>
+        {{ end }}
    </div>

    {{ partial "pagination.html" . }}
--- a/layouts/taxonomy/list.html
+++ b/layouts/taxonomy/list.html
@ -10,12 +10,18 @@
    </h1>

    <div class="taxonomy">
-        <ul>
-            {{ range .Data.Terms.Alphabetical }}
-                <li>
-                    <a href="{{ .Page.Permalink }}">{{ .Page.Title | markdownify }}</a>
-                </li>
-            {{ end }}
-        </ul>
+        {{ with .Data.Terms.Alphabetical }}
+            <ul>
+                {{ range . }}
+                    <li>
+                        <a href="{{ .Page.Permalink }}">{{ .Page.Title | markdownify }}</a>
+                    </li>
+                {{ end }}
+            </ul>
+        {{ else }}
+            <div>
+                {{ i18n "no_posts" }}
+            </div>
+        {{ end }}
    </div>
 {{ end }}
--- a/layouts/taxonomy/term.html
+++ b/layouts/taxonomy/term.html
@ -12,15 +12,17 @@

    {{ partial "description-or-summary.html" . }}
    <div class="page-list">
-        <ul>
-            {{ range .Paginator.Pages }}
-                <li>{{ .Render "summary/post" }}</li>
-            {{ else }}
-                <div>
-                    {{ i18n "no_posts" }}
-                </div>
-            {{ end }}
-        </ul>
+        {{ with .Paginator.Pages }}
+            <ul>
+                {{ range . }}
+                    <li>{{ .Render "summary/post" }}</li>
+                {{ end }}
+            </ul>
+        {{ else }}
+            <div>
+                {{ i18n "no_posts" }}
+            </div>
+        {{ end }}
    </div>

    {{ partial "pagination.html" . }}
Author	SHA1	Message	Date
BBaoVanC	586bea37d5	Re-add margins on mobile	2022-04-04 21:54:52 -05:00
BBaoVanC	37c04460b5	Clean up some of the div layout	2022-04-04 21:47:26 -05:00
BBaoVanC	11599e01d7	Don't put page breaks in the middle of code blocks	2021-11-25 23:56:10 -06:00
BBaoVanC	80e96736cd	Give a name to the #top anchor	2021-11-25 23:45:46 -06:00
BBaoVanC	6bedf987d6	Don't put the `no_posts` message inside a <ul>	2021-11-25 23:34:56 -06:00