chore(deps): bump peaceiris/actions-gh-pages from 3.9.2 to 4.0.0 (#89)

Bumps
[peaceiris/actions-gh-pages](https://github.com/peaceiris/actions-gh-pages)
from 3.9.2 to 4.0.0.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/peaceiris/actions-gh-pages/releases">peaceiris/actions-gh-pages's
releases</a>.</em></p>
<blockquote>
<h2>actions-github-pages v4.0.0</h2>
<p>See <a
href="https://github.com/peaceiris/actions-gh-pages/blob/v4.0.0/CHANGELOG.md">CHANGELOG.md</a>
for more details.</p>
<h2>actions-github-pages v3.9.3</h2>
<p>See <a
href="https://github.com/peaceiris/actions-gh-pages/blob/v3.9.3/CHANGELOG.md">CHANGELOG.md</a>
for more details.</p>
</blockquote>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a
href="https://github.com/peaceiris/actions-gh-pages/blob/main/CHANGELOG.md">peaceiris/actions-gh-pages's
changelog</a>.</em></p>
<blockquote>
<h1><a
href="https://github.com/peaceiris/actions-gh-pages/compare/v3.9.3...v4.0.0">4.0.0</a>
(2024-04-08)</h1>
<h3>build</h3>
<ul>
<li>node 20.11.1 (<a
href="5049354438">5049354</a>)</li>
</ul>
<h3>chore</h3>
<ul>
<li>bump node16 to node20 (<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/1067">#1067</a>)
(<a
href="4eb285e828">4eb285e</a>),
closes <a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/1067">#1067</a></li>
<li>downgrade engines.npm to 8.0.0 (<a
href="87231bc03a">87231bc</a>)</li>
</ul>
<h3>ci</h3>
<ul>
<li>pin node-version to 18 (<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/981">#981</a>)
(<a
href="65ebf11929">65ebf11</a>),
closes <a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/981">#981</a></li>
</ul>
<h3>docs</h3>
<ul>
<li>add Release Strategy (<a
href="67f80d94a1">67f80d9</a>)</li>
<li>fix link to Nuxt github-pages (<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/980">#980</a>)
(<a
href="88b4d2aa92">88b4d2a</a>),
closes <a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/980">#980</a></li>
<li>remove braces in if conditions (<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/920">#920</a>)
(<a
href="0fbd122442">0fbd122</a>),
closes <a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/920">#920</a></li>
</ul>
<h2><a
href="https://github.com/peaceiris/actions-gh-pages/compare/v3.9.2...v3.9.3">3.9.3</a>
(2023-03-30)</h2>
<h3>docs</h3>
<ul>
<li>fix typo, bump hugo version (<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/851">#851</a>)
(<a
href="884a0224fd">884a022</a>),
closes <a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/851">#851</a></li>
</ul>
<h3>fix</h3>
<ul>
<li>fix error handling (<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/841">#841</a>)
(<a
href="32e33dcd3a">32e33dc</a>),
closes <a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/841">#841</a></li>
<li>update known_hosts (<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/871">#871</a>)
(<a
href="31c15f0329">31c15f0</a>),
closes <a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/871">#871</a></li>
</ul>
</blockquote>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="4f9cc6602d"><code>4f9cc66</code></a>
chore(release): 4.0.0</li>
<li><a
href="9c75028a53"><code>9c75028</code></a>
chore(release): Add build assets</li>
<li><a
href="5049354438"><code>5049354</code></a>
build: node 20.11.1</li>
<li><a
href="4eb285e828"><code>4eb285e</code></a>
chore: bump node16 to node20 (<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/1067">#1067</a>)</li>
<li><a
href="cdc09a3baa"><code>cdc09a3</code></a>
chore(deps): update dependency <code>@​types/node</code> to v16.18.77
(<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/1065">#1065</a>)</li>
<li><a
href="d830378ec6"><code>d830378</code></a>
chore(deps): update dependency <code>@​types/node</code> to v16.18.76
(<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/1063">#1063</a>)</li>
<li><a
href="80daa1d144"><code>80daa1d</code></a>
chore(deps): update dependency <code>@​types/node</code> to v16.18.75
(<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/1061">#1061</a>)</li>
<li><a
href="108285e909"><code>108285e</code></a>
chore(deps): update dependency ts-jest to v29.1.2 (<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/1060">#1060</a>)</li>
<li><a
href="99c95ff54e"><code>99c95ff</code></a>
chore(deps): update dependency <code>@​types/node</code> to v16.18.74
(<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/1058">#1058</a>)</li>
<li><a
href="1f4653792d"><code>1f46537</code></a>
chore(deps): update dependency <code>@​types/node</code> to v16.18.73
(<a
href="https://redirect.github.com/peaceiris/actions-gh-pages/issues/1057">#1057</a>)</li>
<li>Additional commits viewable in <a
href="https://github.com/peaceiris/actions-gh-pages/compare/v3.9.2...v4.0.0">compare
view</a></li>
</ul>
</details>
<br />


[![Dependabot compatibility
score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=peaceiris/actions-gh-pages&package-manager=github_actions&previous-version=3.9.2&new-version=4.0.0)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)

Dependabot will resolve any conflicts with this PR as long as you don't
alter it yourself. You can also trigger a rebase manually by commenting
`@dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits
that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after
your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge
and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating
it. You can achieve the same result by closing it manually
- `@dependabot show <dependency name> ignore conditions` will show all
of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop
Dependabot creating any more for this major version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop
Dependabot creating any more for this minor version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop
Dependabot creating any more for this dependency (unless you reopen the
PR or upgrade to it yourself)


</details>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

.github/FUNDING.yml

@@ -1,2 +0,0 @@
-custom: ['https://www.paypal.me/janraasch/7,00']
-github: ['janraasch']

.github/workflows/auto-merge.yml

@@ -0,0 +1,41 @@
+# see https://gist.github.com/xt0rted/46475099dc0a70ba63e16e3177407872
+
+name: Dependabot auto-merge
+
+on:
+  pull_request:
+    branches:
+      - master
+
+permissions:
+  contents: read
+  pull-requests: read
+
+jobs:
+  auto-merge:
+    runs-on: ubuntu-latest
+
+    if: github.actor == 'dependabot[bot]'
+
+    steps:
+      - name: Create token
+        id: create_token
+        uses: tibdex/github-app-token@v2
+        with:
+          app_id: ${{ secrets.BIG_MERGER_APP_ID }}
+          private_key: ${{ secrets.BIG_MERGER_PRIVATE_KEY }}
+
+      - name: Dependabot metadata
+        id: dependabot-metadata
+        uses: dependabot/fetch-metadata@v2
+        with:
+          github-token: "${{ secrets.GITHUB_TOKEN }}"
+
+      - name: Authenticate cli
+        run: echo "${{ steps.create_token.outputs.token }}" | gh auth login --with-token
+
+      - name: Enable auto-merge for Dependabot PRs
+        if: contains(fromJSON('["version-update:semver-patch", "version-update:semver-minor"]'), steps.dependabot-metadata.outputs.update-type)
+        run: gh pr merge --auto --squash "$PR_URL"
+        env:
+          PR_URL: ${{github.event.pull_request.html_url}}

.github/workflows/ci.yml

@@ -10,23 +10,39 @@ on:
 
 jobs:
   build:
-    runs-on: ubuntu-18.04
+    name: Build
+    runs-on: ubuntu-latest
 
     steps:
     - name: Checkout
-      uses: actions/checkout@v2
+      uses: actions/checkout@v4
 
     - name: Setup Hugo
-      uses: peaceiris/actions-hugo@v2
+      uses: peaceiris/actions-hugo@v3.0.0
       with:
         hugo-version: latest
 
     - name: Build local ./exampleSite
       run: hugo --minify --gc --destination ../public --source ./exampleSite --themesDir ../.. --baseURL https://janraasch.github.io/hugo-bearblog/
 
-    - name: Deploy to GitHub Pages
+    - name: Upload Artifact
+      uses: actions/upload-artifact@v4
+      with:
+        name: build
+        path: ./public
+
+  deploy:
+    needs: build
+    name: Deploy to GitHub Pages
+    runs-on: ubuntu-latest
     if: github.event_name == 'push'
-      uses: peaceiris/actions-gh-pages@v3
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/download-artifact@v4
+        with:
+          name: build
+          path: ./public
+      - uses: peaceiris/actions-gh-pages@v4.0.0
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           publish_dir: ./public

README.md

@@ -1,4 +1,4 @@
-# Hugo ʕ•ᴥ•ʔ Bear Blog ![Test](https://github.com/janraasch/hugo-bearblog/workflows/CI/badge.svg?branch=master&event=push) [![Pay me][paypal-svg]][paypal-dot-me] [![Sponsor me][github-sponsors-svg]][github-sponsors]
+# Hugo ʕ•ᴥ•ʔ Bear Blog ![Test](https://github.com/janraasch/hugo-bearblog/workflows/CI/badge.svg?branch=master&event=push)
 
 🧸 A [Hugo](https://gohugo.io/)-theme based on [Bear Blog](https://bearblog.dev).
 
@@ -16,27 +16,21 @@ For a current & working demo of this theme, please check out https://janraasch.g
 
 When the user's browser is running »dark mode«, the dark color scheme will be used automatically. The default is the light/white color scheme. Check out the [`style.html`](https://github.com/janraasch/hugo-bearblog/blob/master/layouts/partials/style.html)-file for the implementation.
 
-## Sponsor 💟
-
-Support my work on this theme via [GitHub Sponsors][github-sponsors] (recurring) or [PayPal][paypal-dot-me] (one-time).
-
-[![GitHub Stats](https://github-readme-stats.vercel.app/api/?username=janraasch)][github-sponsors]
-
 ## Installation
 
 If you already have a Hugo site on your machine, you can simply add this theme via
 
-```
+```bash
 git submodule add https://github.com/janraasch/hugo-bearblog.git themes/hugo-bearblog
 ```
 
-Then, adjust the `config.toml` as detailed below.
+Then, adjust the `hugo.toml` as detailed below.
 
 For more information, read the official [setup guide][hugo-setup-guide] of Hugo.
 
-## Adjust configuration / config.toml
+## Adjust configuration / hugo.toml
 
-Please check out the [config.toml](https://github.com/janraasch/hugo-bearblog/blob/master/exampleSite/config.toml) included in the [exampleSite](https://github.com/janraasch/hugo-bearblog/tree/master/exampleSite) of this theme.
+Please check out the [hugo.toml](https://github.com/janraasch/hugo-bearblog/blob/master/exampleSite/hugo.toml) included in the [exampleSite](https://github.com/janraasch/hugo-bearblog/tree/master/exampleSite) of this theme.
 
 ## Content & structure
 
@@ -54,7 +48,7 @@ The contents of the `index`-page may be changed by editing your `content/_index.
 
 You can add **a new page** via running
 
-```
+```bash
 hugo new my-new-page.md
 ```
 
@@ -62,7 +56,7 @@ hugo new my-new-page.md
 
 You can add **a new blog-post** via running
 
-```
+```bash
 hugo new blog/my-new-post.md
 ```
 
@@ -73,7 +67,12 @@ Add a `custom_head.html`-file to your `layouts/partials`-directory. In there you
 ## Issues / Feedback / Contributing
 Please use [GitHub issues](https://github.com/janraasch/hugo-bearblog/issues) and [Pull Requests](https://github.com/janraasch/hugo-bearblog/pulls).
 
-If you do not have a GitHub-account, please hit me up via e-mail (see [janraasch.com](https://www.janraasch.com)).
+## Development
+Run the `exampleSite` locally via
+
+```bash
+hugo server --source ./exampleSite --themesDir ../..
+```
 
 ## Special Thanks 🎁
 
@@ -82,10 +81,6 @@ A special thank you goes out to [Herman](https://herman.bearblog.dev), for creat
 ## License
 [MIT License](http://en.wikipedia.org/wiki/MIT_License) © [Jan Raasch](https://www.janraasch.com)
 
-[paypal-dot-me]: https://www.paypal.me/janraasch/7,00
-[github-sponsors]: https://github.com/sponsors/janraasch
-[paypal-svg]: https://img.shields.io/badge/onetime-donation-11dde2.svg?logo=paypal
-[github-sponsors-svg]: https://img.shields.io/badge/recurring-sponsorship-ee4aaa.svg?logo=github
 [hugo-setup-guide]: https://gohugo.io/getting-started/installing
 [light-screenshot]: https://raw.githubusercontent.com/janraasch/hugo-bearblog/master/images/screenshot.png
 [dark-screenshot]: https://raw.githubusercontent.com/janraasch/hugo-bearblog/master/images/screenshot-dark.png

archetypes/blog.md

@@ -2,6 +2,11 @@
 title = "{{ replace .Name "-" " " | title }}"
 date = "{{ .Date }}"
 
+#
+# lastmod is optional
+#
+# lastmod = "Timestamp that you edit this blog"
+
 #
 # description is optional
 #

assets/js/darkmode.js

@@ -0,0 +1,28 @@
+/* Main darkmode script here */
+function darkmode() {
+    if (localStorage.getItem('dark-mode') === 'false') {
+        darkmode_enable();
+    } else if (localStorage.getItem('dark-mode') === null) {
+        darkmode_enable();
+    } else {
+        darkmode_disable();
+    }
+}
+
+function darkmode_enable()  {
+    document.body.classList.add("dark-mode");
+    localStorage.setItem('dark-mode', 'true');
+}
+
+function darkmode_disable() {
+    document.body.classList.remove("dark-mode");
+    localStorage.setItem('dark-mode', 'false');
+}
+
+if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches && localStorage.getItem('dark-mode') === null) {
+    localStorage.setItem('dark-mode', 'true');
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+    document.getElementById("dark-mode-button").addEventListener("click", darkmode);
+});

assets/js/darkmode_load.js

@@ -0,0 +1,5 @@
+/* darkmode_enable is defined in darkmode.js(should be in the same directory as this file)  */
+/* Must be executed after document.body is finished, else there would be error :)           */
+if (localStorage.getItem('dark-mode') === 'true') {
+    darkmode_enable()
+}

assets/js/random_color.js

@@ -0,0 +1,26 @@
+/* random text color on blog listing */
+const links = document.querySelectorAll('.random-color');
+
+// To avoid too bright and too dark color being generated
+function getRandomColor(minBrightness = 100, maxBrightness = 230) {
+    // Generate random color components within a specific brightness range
+    let red = Math.floor(Math.random() * (maxBrightness - minBrightness) + minBrightness);
+    let green = Math.floor(Math.random() * (maxBrightness - minBrightness) + minBrightness);
+    let blue = Math.floor(Math.random() * (maxBrightness - minBrightness) + minBrightness);
+
+    // Convert components to hexadecimal string format
+    red = red.toString(16).padStart(2, '0');
+    green = green.toString(16).padStart(2, '0');
+    blue = blue.toString(16).padStart(2, '0');
+
+    return `#${red}${green}${blue}`;
+}
+
+
+function setRandomColors() {
+    links.forEach(link => {
+        link.style.color = getRandomColor();
+    });
+}
+
+window.onload = setRandomColors;

exampleSite/content/_index.md

@@ -1,3 +1,10 @@
++++
+# This title is used as the og:title on Hugo's internal
+# opengraph structured data template on the home page.
+# See https://ogp.me/ and https://gohugo.io/templates/internal#open-graph.
+title = "Hugo ʕ•ᴥ•ʔ Bear"
++++
+
 # A match made in heaven
 
 There is a website obesity crisis. Bloated websites full of scripts, ads, and trackers are slowing your readers down every time they try to read your well-crafted content.

exampleSite/hugo.toml

@@ -1,4 +1,5 @@
-
+# Base URL used when generating links to your pages
+# Set to the URL for your site
 baseURL = "https://example.com"
 
 # The name of this wonderful theme ;-).
@@ -42,3 +43,15 @@ ignoreErrors = ["error-disable-taxonomy"]
   # This theme will, by default, inject a made-with-line at the bottom of the page.
   # You can turn it off, but we would really appreciate if you don’t :-).
   # hideMadeWithLine = true
+
+  # By default, this theme displays dates with a format like "02 Jan, 2006", but
+  # you can customize it by setting the `dateFormat` param in your site's config
+  # file. See [Hugo's Format function docs](https://gohugo.io/functions/format/)
+  # for details. An example TOML config that uses [ISO
+  # 8601](https://en.wikipedia.org/wiki/ISO_8601) format:
+  # dateFormat = "2006-01-02"
+
+  # based on solutions by papermod : https://github.com/adityatelange/hugo-PaperMod/issues/89
+  # disable integrity on script,stylesheet linking
+  [params.assets]
+  #  disableFingerprinting = true

layouts/_default/baseof.html

@@ -15,7 +15,15 @@
   {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
   {{ end -}}
 
-  {{- partial "style.html" . -}}
+  <!-- External Script, Stylesheet linking -->
+  {{- /* CSS stylesheet */}}
+  {{- $stylesheet := (resources.Get "css/style.css") | resources.Minify }}
+  {{- if not site.Params.assets.disableFingerprinting }}
+    {{- $stylesheet := $stylesheet | fingerprint }}
+    <link crossorigin="anonymous" href="{{ $stylesheet.RelPermalink }}" integrity="{{ $stylesheet.Data.Integrity }}" rel="preload stylesheet" as="style">
+  {{ else }}
+    <link crossorigin="anonymous" href="{{ $stylesheet.RelPermalink }}" rel="preload stylesheet" as="style">
+  {{ end }}
 
   <!-- A partial to be overwritten by the user.
   Simply place a custom_head.html into
@@ -24,6 +32,18 @@
 </head>
 
 <body>
+
+  {{- /* Darkmode Javascript */}}
+  {{- $darkmode_script := (resources.Get "js/darkmode.js") }}
+  {{- $darkmode_load_script := (resources.Get "js/darkmode_load.js") }}
+  {{- $darkmode_combined := slice $darkmode_script $darkmode_load_script | resources.Concat "js/darkmode.js" | resources.Minify }}
+  {{- if not site.Params.assets.disableFingerprinting }}
+    {{- $darkmode_combined := $darkmode_combined | fingerprint }}
+    <script crossorigin="anonymous" src="{{ $darkmode_combined.RelPermalink }}" integrity="{{ $darkmode_combined.Data.Integrity }}"></script>
+  {{ else }}
+    <script crossorigin="anonymous" src="{{ $darkmode_combined.RelPermalink }}"></script>
+  {{ end }}
+
   <header>
     {{- partial "header.html" . -}}
   </header>
@@ -32,6 +52,11 @@
   </main>
   <footer>
     {{- partial "footer.html" . -}}
+
+    <!-- A partial to be overwritten by the user.
+    Simply place a custom_footer.html into
+    your local /layouts/partials-directory -->
+    {{- partial "custom_footer.html" -}}
   </footer>
 
   <!-- A partial to be overwritten by the user.

layouts/_default/list.html

@@ -3,20 +3,22 @@
   {{ if .Data.Singular }}
   <h3 style="margin-bottom:0">Filtering for "{{ .Title }}"</h3>
   <small>
-    <a href="{{ "/blog" | relURL }}">Remove filter</a>
+    <a href="{{ "blog" | relURL }}">Remove filter</a>
   </small>
   {{ end }}
+  <!-- blog/_index.md content will goes here. -->
+  {{ .Content }}
   <ul class="blog-posts">
     {{ range .Pages }}
     <li>
       <span>
         <i>
           <time datetime='{{ .Date.Format "2006-01-02" }}' pubdate>
-            {{ .Date.Format "02 Jan, 2006" }}
+            {{ .Date.Format (default "02 Jan, 2006" .Site.Params.dateFormat) }}
           </time>
         </i>
       </span>
-      <a href="{{ .Permalink }}">{{ .Title }}</a>
+      <a class="random-color blog-link" href="{{ .Permalink }}">{{ .Title }}</a>
     </li>
     {{ else }}
     <li>
@@ -24,6 +26,16 @@
     </li>
     {{ end }}
   </ul>
+
+  {{- /* Random Color Script */}}
+  {{- $random_color_script := (resources.Get "js/random_color.js") | resources.Minify }}
+  {{- if not site.Params.assets.disableFingerprinting }}
+    {{- $random_color_script := $random_color_script | fingerprint }}
+    <script async crossorigin="anonymous" src="{{ $random_color_script.RelPermalink }}" integrity="{{ $random_color_script.Data.Integrity }}"></script>
+  {{ else }}
+    <script async crossorigin="anonymous" src="{{ $random_color_script.RelPermalink }}"></script>
+  {{ end }}
+
   {{ if .Data.Singular }}
   {{else}}
     <small>

layouts/_default/single.html

@@ -4,8 +4,14 @@
 <p>
   <i>
     <time datetime='{{ .Date.Format "2006-01-02" }}' pubdate>
-      {{ .Date.Format "02 Jan, 2006" }}
+      {{ .Date.Format (default "02 Jan, 2006" .Site.Params.dateFormat) }}
     </time>
+    {{ if ne .Lastmod .Date }}
+      / <b>EDIT : 
+        <time datetime='{{ .Lastmod.Format "2006-01-02" }}'>
+        {{ .Lastmod.Format (default "02 Jan, 2006" .Site.Params.dateFormat) }}
+        </time></b>
+    {{ end }}
   </i>
 </p>
 {{ end }}{{ end }}

layouts/partials/custom_footer.html

@@ -0,0 +1,3 @@
+  <!-- A partial to be overwritten by the user.
+  Simply place a custom_footer.html into
+  your local /layouts/partials-directory -->

layouts/partials/header.html

@@ -1,4 +1,4 @@
-<a href="{{ "/" | relURL }}" class="title">
+<a href="{{ "" | relURL }}" class="title">
   <h2>{{ .Site.Title }}</h2>
 </a>
 <nav>{{- partial "nav.html" . -}}</nav>

layouts/partials/nav.html

@@ -1,7 +1,10 @@
-<a href="{{ "/" | relURL }}">Home</a>
+<a href="{{ "" | relURL }}">Home</a>
 {{ range .Site.Menus.main }}
 <a href="{{ .URL }}">{{ .Name }}</a>
 {{ end }}
 {{ with .Site.GetPage "/blog" }}
-<a href="{{ "/blog" | relURL }}">Blog</a>
+<a href="{{ "blog" | relURL }}">Blog</a>
 {{ end }}
+<a id="dark-mode-button">
+    <span>Toggle-Dark-Mode</span>
+  </a> 

layouts/shortcodes/rawhtml.html

@@ -0,0 +1,2 @@
+<!-- raw html -->
+{{.Inner}}

package.json

@@ -5,7 +5,7 @@
   "description": "🧸 A [Hugo](https://gohugo.io/)-theme based on [Bear Blog](https://bearblog.dev).",
   "main": "index.js",
   "devDependencies": {
-    "js-beautify": "^1.13.5"
+    "js-beautify": "^1.15.1"
   },
   "scripts": {
     "test": "npm run beautify",

theme.toml

@@ -6,9 +6,10 @@ license = "MIT"
 licenselink = "https://github.com/janraasch/hugo-bearblog/blob/master/LICENSE"
 description = "A Hugo theme based on »Bear Blog«. Free, no-nonsense, super-fast blogging. »Bear Blog« now includes a dark color scheme to support dark mode!"
 homepage = "https://github.com/janraasch/hugo-bearblog"
+demosite = "https://janraasch.github.io/hugo-bearblog/"
 tags = ["blog", "responsive", "minimal", "seo", "clean", "simple", "light", "minimalist", "mobile", "fast", "white", "minimalistic", "reading", "dark mode"]
 features = ["favicon", "seo", "no stylesheets", "no javascript", "rss", "dark mode"]
-min_version = "0.73.0"
+min_version = "v0.110.0"
 # https://gohugo.io/content-management/taxonomies#default-taxonomies
 # https://gohugo.io/templates/taxonomy-templates/#example-list-tags-in-a-single-page-template
 # https://gohugo.io/templates/taxonomy-templates/#example-list-all-site-tags