WIP

Remove back to top button
It's kind of ugly and weird, and probably not necessary. I might add it back in the future if it's actually needed again.
2025-06-12 09:47:29 -05:00 · 2023-11-05 17:52:28 -06:00 · 2023-11-05 17:41:59 -06:00 · 2023-11-05 01:20:20 -05:00 · 2023-11-05 01:00:22 -05:00 · 2023-11-05 00:56:13 -05:00
15 changed files with 48 additions and 62 deletions
--- a/archetypes/blog/index.md
+++ b/archetypes/blog/index.md
@ -8,7 +8,7 @@ comments: true
 draft: true

 authors:
-  - {{ with .Site.Author.name }}{{ . }}{{ else }}John Doe{{ end }}
+  - {{ with .Site.Params.author.name }}{{ . }}{{ else }}John Doe{{ end }}

 categories:
  - archetype-stuff
--- a/archetypes/default/index.md
+++ b/archetypes/default/index.md
@ -6,7 +6,7 @@ toc: true
 comments: false

 authors:
-  - {{ with .Site.Author.name }}{{ . }}{{ else }}John Doe{{ end }}
+  - {{ with .Site.params.author.name }}{{ . }}{{ else }}John Doe{{ end }}

 ---

--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@ -361,23 +361,6 @@ h1 svg.icon {

 /* }}} */

-/* Back to top {{{ */
-#top {
-  font-size: 0;
-}
-#back-to-top {
-  position: fixed;
-  float: right;
-  bottom: 25px;
-  right: 25px;
-  background-color: var(--background-1);
-  color: var(--text-1);
-  border-radius: 100%;
-  padding: 12px;
-  display: none;
-}
-/* }}} */
-
 /* Skip to main content {{{ */
 #skip-to-main {
  position: absolute;
@ -875,22 +858,22 @@ aside {
 }

 aside.note {
-  background-color: var(--background-blue-1);
+  background-color: var(--accent-blue-1);
 }
 aside.info {
-  background-color: var(--background-green-1);
+  background-color: var(--accent-green-1);
 }
 aside.tip {
-  background-color: var(--background-teal-1);
+  background-color: var(--accent-teal-1);
 }
 aside.warning {
-  background-color: var(--background-yellow-1);
+  background-color: var(--accent-yellow-1);
 }
 aside.example {
-  background-color: var(--background-purple-1);
+  background-color: var(--accent-purple-1);
 }
 aside.quote {
-  background-color: var(--background-1);
+  background-color: var(--accent-1);
 }

 /* }}} */
@ -969,6 +952,7 @@ aside.quote {
  .main-container {
    max-width: 100%;
    margin: 8px 0;
+    padding: 0;
  }

  .breadcrumb {
@ -989,8 +973,32 @@ aside.quote {
    display: block;
  }

-  #back-to-top {
-    display: none !important;
+  /*
+   * reduce usage of background colors
+   */
+
+  aside {
+    background-color: unset !important;
+    border: 4px solid;
+  }
+
+  aside.note {
+    border-color: var(--background-blue-1);
+  }
+  aside.info {
+    border-color: var(--background-green-1);
+  }
+  aside.tip {
+    border-color: var(--background-teal-1);
+  }
+  aside.warning {
+    border-color: var(--background-yellow-1);
+  }
+  aside.example {
+    border-color: var(--background-purple-1);
+  }
+  aside.quote {
+    border-color: var(--background-1);
  }
 }

--- a/assets/js/bobatheme.js
+++ b/assets/js/bobatheme.js
@ -1,13 +1,3 @@
-// back to top
-const backToTop = document.getElementById("back-to-top");
-window.onscroll = function() {
-    if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
-        backToTop.style.display = "block";
-    } else {
-        backToTop.style.display = "none";
-    }
-}
-
 // code block copy to clipboard
 window.onload = () => {
    document.querySelectorAll(".code-block").forEach(codeBlock => {
--- a/exampleSite/hugo.yaml
+++ b/exampleSite/hugo.yaml
@ -10,13 +10,13 @@ enableGitInfo: true
 taxonomies:
  _merge: deep

-author:
-  name: bbaovanc
-
 markup: # this just keeps the bobatheme markup styling
  _merge: deep

 params:
+  author:
+    name: bbaovanc
+
  # these are for the OpenGraph/Twitter embeds in Hugo
  description: Example website for bobatheme

--- a/config.yaml
+++ b/config.yaml
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -4,20 +4,8 @@
    {{ partial "head.html" . }}

    <body>
-        <a id="top" aria-hidden="true"></a>
        <a id="skip-to-main" href="#main-content">Skip to main content</a>

-        <a id="back-to-top" href="#top" aria-label="{{ i18n "aria_back_to_top_button" }}">
-            {{ partial "icon.html" "chevron-up" }}
-        </a>
-        <noscript>
-            <style>
-                #back-to-top {
-                    display: block;
-                }
-            </style>
-        </noscript>
-
        {{ partial "top.html" . }}

        <div class="main-container">
--- a/layouts/partials/figure.html
+++ b/layouts/partials/figure.html
@ -9,7 +9,7 @@
    {{ with index . "src" }}
        {{ $media := . }}
        {{ if eq .MediaType.MainType "image" }}
-            <img src="{{ $media.Permalink }}" alt="{{ $media.Title }}" />
+            <img src="{{ $media.Permalink }}" alt="{{ $media.Title }}" loading="lazy" />
        {{ else if eq .MediaType.MainType "video" }}
            <video controls preload="metadata">
                <source src="{{ $media.Permalink }}" alt="{{ $media.Title }}">
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@ -7,10 +7,10 @@
        <link rel="stylesheet" type="text/css" href="{{ .Permalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
    {{ end }}
    {{ with resources.Get "css/syntax.css" | fingerprint "sha512" }}
-        <link rel="stylesheet" type="text/css" href="{{ .Permalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
+        <link rel="stylesheet" type="text/css" href="{{ .Permalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous" media="print" onload="this.media='all'">
    {{ end }}
    {{ with resources.Get "css/syntax-light.css" | fingerprint "sha512" }}
-        <link rel="stylesheet" type="text/css" href="{{ .Permalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
+        <link rel="stylesheet" type="text/css" href="{{ .Permalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous" media="print" onload="this.media='all'">
    {{ end }}

    {{ with resources.Get "js/bobatheme.js" | fingerprint "sha512" }}
--- a/layouts/partials/page-metadata/item/authors.html
+++ b/layouts/partials/page-metadata/item/authors.html
@ -6,9 +6,9 @@
            {{ $authors := slice }}
            {{ range . }}
                {{ $url := (printf "authors/%s" (. | anchorize)) | absLangURL }}
-                {{ $authors = $authors | append (printf `<a href="%s">%s</a>` $url . | safeHTML) }}
+                {{ $authors = $authors | append (printf `<a href="%s">%s</a>` $url .) }}
            {{ end }}
-            {{ delimit $authors ", " }}
+            {{ delimit $authors ", " | safeHTML }}
        {{ else }}
            {{ delimit . ", " }}
        {{ end }}
--- a/layouts/partials/page-metadata/item/categories.html
+++ b/layouts/partials/page-metadata/item/categories.html
@ -6,6 +6,6 @@

    <div class="page-metadata-section categories" aria-label="{{ i18n "aria_post_meta_categories" }}">
        {{ partial "icon.html" "folder" }}
-        {{ delimit $categories ", " }}
+        {{ delimit $categories ", " | safeHTML }}
    </div>
 {{ end }}
--- a/layouts/partials/page-metadata/item/series.html
+++ b/layouts/partials/page-metadata/item/series.html
@ -6,6 +6,6 @@

    <div class="page-metadata-section series" aria-label="{{ i18n "aria_post_meta_series" }}">
        {{ partial "icon.html" "files" }}
-        {{ delimit $series ", " }}
+        {{ delimit $series ", " | safeHTML }}
    </div>
 {{ end }}
--- a/layouts/partials/page-metadata/item/tags.html
+++ b/layouts/partials/page-metadata/item/tags.html
@ -6,6 +6,6 @@

    <div class="page-metadata-section tags" aria-label="{{ i18n "aria_post_meta_tags" }}">
        {{ partial "icon.html" "tag" }}
-        {{ delimit $tags ", " }}
+        {{ delimit $tags ", " | safeHTML }}
    </div>
 {{ end }}
--- a/layouts/partials/remote_figure.html
+++ b/layouts/partials/remote_figure.html
@ -10,7 +10,7 @@
 {{ end }}

    {{ if eq $type "image" }}
-        <img src="{{ $src }}" alt="{{ $alt }}" />
+        <img src="{{ $src }}" alt="{{ $alt }}" loading="lazy" />
    {{ else if eq $type "video" }}
        <video controls preload="metadata">
            <source src="{{ $src }}" alt="{{ $alt }}">
--- a/layouts/partials/series-box.html
+++ b/layouts/partials/series-box.html
@ -12,6 +12,6 @@
            This post is part of a series:
        {{ end }}

-        {{ delimit $series ", " }}
+        {{ delimit $series ", " | safeHTML }}
    </div>
 {{ end }}
Author	SHA1	Message	Date
BBaoVanC	98d03cd803	WIP	2023-11-05 17:52:28 -06:00
BBaoVanC	c980ced2fb	Remove back to top button It's kind of ugly and weird, and probably not necessary. I might add it back in the future if it's actually needed again.	2023-11-05 17:41:59 -06:00
BBaoVanC	9ca15a198f	Revert "Load bobastyle.css async too" This reverts commits `f33492ef8e` and `5c87c2b069`. It turns out this makes performance score even worse because it makes the CLS really bad	2023-11-05 01:20:20 -05:00
BBaoVanC	5c87c2b069	Fix async loading of bobastyle.css	2023-11-05 01:00:22 -05:00
BBaoVanC	6c42ae9518	Lazy load images	2023-11-05 00:56:13 -05:00
BBaoVanC	f33492ef8e	Load bobastyle.css async too	2023-11-05 00:56:01 -05:00
BBaoVanC	ffcae79156	Load syntax CSS async	2023-11-05 00:31:26 -05:00
BBaoVanC	a59a87374b	Rename config.yaml to hugo.yaml	2023-11-04 20:55:02 -05:00
BBaoVanC	88adfbdf89	Move site author to under params due to .Site.Author deprecation See Hugo v0.120.0	2023-11-03 23:33:28 -05:00
BBaoVanC	0f717e81c0	Patch link issue with delimit due to breaking change in Hugo v0.120 References: - https://github.com/gohugoio/hugo/releases/tag/v0.120.0 - https://github.com/gohugoio/hugo/issues/10876 - https://github.com/gohugoio/hugo/issues/11502	2023-11-03 22:08:23 -05:00
BBaoVanC	ede5958a46	Fix main container padding when printing	2023-11-02 01:01:24 -05:00