🔧 Update example site config and overrides for v3

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

exampleSite/assets/js/home.js

@@ -26,33 +26,6 @@ window.addEventListener("DOMContentLoaded", (event) => {
   );
 });
 
-function initLayoutLab() {
-  document.querySelectorAll("[data-layout-switcher]").forEach((lab) => {
-    const buttons = lab.querySelectorAll("[data-layout-switcher-button]");
-    const panels = lab.querySelectorAll("[data-layout-switcher-panel]");
-    const activate = (layout) => {
-      buttons.forEach((button) => {
-        const active = button.dataset.layoutSwitcherButton === layout;
-        button.setAttribute("aria-selected", String(active));
-        button.classList.toggle("border-primary-600", active);
-        button.classList.toggle("bg-primary-600", active);
-        button.classList.toggle("text-white", active);
-        button.classList.toggle("dark:border-primary-500", active);
-        button.classList.toggle("dark:bg-primary-500", active);
-      });
-      panels.forEach((panel) => {
-        panel.hidden = panel.dataset.layoutSwitcherPanel !== layout;
-      });
-    };
-
-    buttons.forEach((button) => {
-      button.addEventListener("click", () => activate(button.dataset.layoutSwitcherButton));
-    });
-  });
-}
-
-window.addEventListener("DOMContentLoaded", initLayoutLab);
-
 var list_config = ["CardViewProse", "CardViewScreenWidth", "NormalView"];
 
 var titles = {

exampleSite/config/_default/languages.de.toml

@@ -19,4 +19,5 @@ title = "Blowfish"
   links = [
     { x-twitter = "https://twitter.com/burufugu" },
     { github = "https://github.com/nunocoracao/blowfish" },
+    { bluesky = "https://bsky.app/profile/burufugu.bsky.social" },
   ]

exampleSite/config/_default/languages.en.toml

@@ -20,4 +20,5 @@ title = "Blowfish"
   links = [
     { x-twitter = "https://twitter.com/burufugu" },
     { github = "https://github.com/nunocoracao/blowfish" },
+    { bluesky = "https://bsky.app/profile/burufugu.bsky.social" },
   ]

exampleSite/config/_default/languages.es.toml

@@ -19,4 +19,5 @@ title = "Blowfish"
   links = [
     { x-twitter = "https://twitter.com/burufugu" },
     { github = "https://github.com/nunocoracao/blowfish" },
+    { bluesky = "https://bsky.app/profile/burufugu.bsky.social" },
   ]

exampleSite/config/_default/languages.fr.toml

@@ -19,4 +19,5 @@ title = "Blowfish"
   links = [
     { x-twitter = "https://twitter.com/burufugu" },
     { github = "https://github.com/nunocoracao/blowfish" },
+    { bluesky = "https://bsky.app/profile/burufugu.bsky.social" },
   ]

exampleSite/config/_default/languages.it.toml

@@ -19,4 +19,5 @@ title = "Blowfish"
   links = [
     { x-twitter = "https://twitter.com/burufugu" },
     { github = "https://github.com/nunocoracao/blowfish" },
+    { bluesky = "https://bsky.app/profile/burufugu.bsky.social" },
   ]

exampleSite/config/_default/languages.ja.toml

@@ -20,4 +20,5 @@ title = "Blowfish"
   links = [
     { x-twitter = "https://twitter.com/burufugu" },
     { github = "https://github.com/nunocoracao/blowfish" },
+    { bluesky = "https://bsky.app/profile/burufugu.bsky.social" },
   ]

exampleSite/config/_default/languages.pt-br.toml

@@ -19,4 +19,5 @@ title = "Blowfish"
   links = [
     { x-twitter = "https://twitter.com/burufugu" },
     { github = "https://github.com/nunocoracao/blowfish" },
+    { bluesky = "https://bsky.app/profile/burufugu.bsky.social" },
   ]

exampleSite/config/_default/languages.pt-pt.toml

@@ -19,4 +19,5 @@ title = "Blowfish"
   links = [
     { x-twitter = "https://twitter.com/burufugu" },
     { github = "https://github.com/nunocoracao/blowfish" },
+    { bluesky = "https://bsky.app/profile/burufugu.bsky.social" },
   ]

exampleSite/config/_default/languages.zh-cn.toml

@@ -19,4 +19,5 @@ title = "Blowfish"
   links = [
     { x-twitter = "https://twitter.com/burufugu" },
     { github = "https://github.com/nunocoracao/blowfish" },
+    { bluesky = "https://bsky.app/profile/burufugu.bsky.social" },
   ]

exampleSite/config/_default/menus.de.toml

@@ -39,7 +39,8 @@
   weight = 90
 
 [[main]]
-  name = "Merch"
+  identifier = "merch"
+  pre = "shirt"
   url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
   weight = 100
 
@@ -49,6 +50,12 @@
   url = "https://twitter.com/burufugu"
   weight = 200
 
+[[main]]
+  identifier = "bluesky"
+  pre = "bluesky"
+  url = "https://bsky.app/profile/burufugu.bsky.social"
+  weight = 250
+
 [[main]]
   identifier = "github"
   pre = "github"

exampleSite/config/_default/menus.en.toml

@@ -48,7 +48,8 @@
   weight = 90
 
 [[main]]
-  name = "Merch"
+  identifier = "merch"
+  pre = "shirt"
   url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
   weight = 100
 
@@ -63,6 +64,12 @@
   url = "https://twitter.com/burufugu"
   weight = 200
 
+[[main]]
+  identifier = "bluesky"
+  pre = "bluesky"
+  url = "https://bsky.app/profile/burufugu.bsky.social"
+  weight = 250
+
 #[[main]]
 #  identifier = "mastodon"
 #  pre = "mastodon"

exampleSite/config/_default/menus.es.toml

@@ -39,7 +39,8 @@
   weight = 90
 
 [[main]]
-  name = "Merch"
+  identifier = "merch"
+  pre = "shirt"
   url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
   weight = 100
 
@@ -49,6 +50,12 @@
   url = "https://twitter.com/burufugu"
   weight = 200
 
+[[main]]
+  identifier = "bluesky"
+  pre = "bluesky"
+  url = "https://bsky.app/profile/burufugu.bsky.social"
+  weight = 250
+
 [[main]]
   identifier = "github"
   pre = "github"

exampleSite/config/_default/menus.fr.toml

@@ -39,7 +39,8 @@
   weight = 90
 
 [[main]]
-  name = "Merch"
+  identifier = "merch"
+  pre = "shirt"
   url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
   weight = 100
 
@@ -49,6 +50,12 @@
   url = "https://twitter.com/burufugu"
   weight = 200
 
+[[main]]
+  identifier = "bluesky"
+  pre = "bluesky"
+  url = "https://bsky.app/profile/burufugu.bsky.social"
+  weight = 250
+
 [[main]]
   identifier = "github"
   pre = "github"

exampleSite/config/_default/menus.it.toml

@@ -48,7 +48,8 @@
   weight = 90
 
 [[main]]
-  name = "Merch"
+  identifier = "merch"
+  pre = "shirt"
   url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
   weight = 100
 
@@ -63,6 +64,12 @@
   url = "https://twitter.com/burufugu"
   weight = 200
 
+[[main]]
+  identifier = "bluesky"
+  pre = "bluesky"
+  url = "https://bsky.app/profile/burufugu.bsky.social"
+  weight = 250
+
 #[[main]]
 #  identifier = "mastodon"
 #  pre = "mastodon"

exampleSite/config/_default/menus.ja.toml

@@ -48,7 +48,8 @@
   weight = 90
 
 [[main]]
-  name = "グッズ"
+  identifier = "merch"
+  pre = "shirt"
   url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
   weight = 100
 
@@ -63,6 +64,12 @@
   url = "https://twitter.com/burufugu"
   weight = 200
 
+[[main]]
+  identifier = "bluesky"
+  pre = "bluesky"
+  url = "https://bsky.app/profile/burufugu.bsky.social"
+  weight = 250
+
 #[[main]]
 #  identifier = "mastodon"
 #  pre = "mastodon"

exampleSite/config/_default/menus.pt-br.toml

@@ -39,7 +39,8 @@
   weight = 90
 
 [[main]]
-  name = "Merch"
+  identifier = "merch"
+  pre = "shirt"
   url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
   weight = 100
 
@@ -49,6 +50,12 @@
   url = "https://twitter.com/burufugu"
   weight = 200
 
+[[main]]
+  identifier = "bluesky"
+  pre = "bluesky"
+  url = "https://bsky.app/profile/burufugu.bsky.social"
+  weight = 250
+
 [[main]]
   identifier = "github"
   pre = "github"

exampleSite/config/_default/menus.pt-pt.toml

@@ -39,7 +39,8 @@
   weight = 90
 
 [[main]]
-  name = "Merch"
+  identifier = "merch"
+  pre = "shirt"
   url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
   weight = 100
 
@@ -49,6 +50,12 @@
   url = "https://twitter.com/burufugu"
   weight = 200
 
+[[main]]
+  identifier = "bluesky"
+  pre = "bluesky"
+  url = "https://bsky.app/profile/burufugu.bsky.social"
+  weight = 250
+
 [[main]]
   identifier = "github"
   pre = "github"

exampleSite/config/_default/menus.zh-cn.toml

@@ -48,7 +48,8 @@
   weight = 90
 
 [[main]]
-  name = "周边"
+  identifier = "merch"
+  pre = "shirt"
   url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
   weight = 100
 
@@ -63,6 +64,12 @@
   url = "https://twitter.com/burufugu"
   weight = 200
 
+[[main]]
+  identifier = "bluesky"
+  pre = "bluesky"
+  url = "https://bsky.app/profile/burufugu.bsky.social"
+  weight = 250
+
 #[[main]]
 #  identifier = "mastodon"
 #  pre = "mastodon"

exampleSite/config/_default/params.toml

@@ -5,7 +5,7 @@
 # Refer to the theme docs for more details about each of these parameters.
 # https://blowfish.page/docs/configuration/#theme-parameters
 
-colorScheme = "blowfish"
+colorScheme = "burufugu"
 defaultAppearance = "dark" # valid options: light or dark
 autoSwitchAppearance = true
 
@@ -25,6 +25,7 @@ disableTextInHeader = false
 # backgroundImageWidth = 1200
 
 defaultBackgroundImage = "images/v3/site-background.svg"
+backgroundCanvas = true # render defaultBackgroundImage as a fixed backdrop on every page
 defaultFeaturedImage = "/img/featured.svg"
 defaultSocialImage = "/img/blowfish_banner.png"
 hotlinkFeatureImage = false
@@ -111,7 +112,7 @@ fingerprintAlgorithm = "sha512" # Valid values are "sha512" (default), "sha384",
   cardView = true
   cardViewScreenWidth = false
   constrainItemsWidth = false
-  featureImageHover = true
+  featureImageHover = false
 
 [sitemap]
   excludedKinds = []

exampleSite/layouts/users/list.html

@@ -0,0 +1,142 @@
+{{ define "main" }}
+  {{ .Scratch.Set "scope" "list" }}
+  {{ $enableToc := .Params.showTableOfContents | default (site.Params.list.showTableOfContents | default false) }}
+  {{ $showToc := and $enableToc (in .TableOfContents "<ul") }}
+
+  {{/* Hero */}}
+  {{ if site.Params.list.showHero | default false }}
+    {{ $heroStyle := print "hero/" site.Params.list.heroStyle ".html" }}
+    {{ if templates.Exists ( printf "partials/%s" $heroStyle ) }}
+      {{ partial $heroStyle . }}
+    {{ else }}
+      {{ partial "hero/basic.html" . }}
+    {{ end }}
+  {{ end }}
+
+  {{/* Header */}}
+  <header>
+    {{ if .Params.showBreadcrumbs | default (site.Params.list.showBreadcrumbs | default false) }}
+      {{ partial "breadcrumbs.html" . }}
+    {{ end }}
+      <h1 class="mt-5 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
+        {{ .Title | emojify }}
+      </h1>
+      <div class="mt-1 mb-2 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
+      {{ partial "article-meta/list.html" (dict "context" . "scope" "single") }}
+    </div>
+  </header>
+
+  {{/* Description (markdown content) */}}
+  {{ $tocMargin := cond $showToc "mt-12" "mt-0" }}
+  {{ $topClass := cond (or (hasPrefix site.Params.header.layout "fixed") (eq site.Params.header.layout "floating")) "lg:top-[140px]" "lg:top-10" }}
+  <section class="{{ $tocMargin }} prose flex max-w-full flex-col dark:prose-invert lg:flex-row mb-10">
+    {{ if $showToc }}
+      <div class="order-first lg:ms-auto px-0 lg:order-last lg:ps-8 lg:max-w-2xs">
+        <div class="toc ps-5 print:hidden lg:sticky {{ $topClass }}">
+          {{ partial "toc.html" . }}
+        </div>
+      </div>
+    {{ end }}
+    <div class="min-w-0 min-h-0 max-w-prose w-full">
+      {{ .Content }}
+    </div>
+  </section>
+
+  {{/* Article Grid */}}
+  {{ if gt .Pages 0 }}
+    {{ $cardView := .Params.cardView | default (site.Params.list.cardView | default false) }}
+    {{ $cardViewScreenWidth := .Params.cardViewScreenWidth | default (site.Params.list.cardViewScreenWidth | default false) }}
+    {{ $groupByYear := .Params.groupByYear | default (site.Params.list.groupByYear | default false) }}
+    {{ $orderByWeight := .Params.orderByWeight | default (site.Params.list.orderByWeight | default false) }}
+    {{ $groupByYear := and (not $orderByWeight) $groupByYear }}
+
+    {{ if not $cardView }}
+      <section class="space-y-10 w-full">
+        {{ if not $orderByWeight }}
+          {{ range (.Pages.GroupByDate "2006") }}
+            {{ if $groupByYear }}
+              <h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
+                {{ .Key }}
+              </h2>
+            {{ end }}
+            {{ range .Pages }}
+              {{ partial "article-link/simple.html" . }}
+            {{ end }}
+          {{ end }}
+        {{ else }}
+          {{ range .Pages.ByWeight }}
+            {{ partial "article-link/simple.html" . }}
+          {{ end }}
+        {{ end }}
+      </section>
+    {{/* else: is cardView */}}
+    {{ else }}
+      {{ if $groupByYear }}
+        {{ range (.Pages.GroupByDate "2006") }}
+          {{ if $cardViewScreenWidth }}
+            <div class="relative w-screen max-w-[1600px] px-[30px] start-[calc(max(-50vw,-800px)+50%)]">
+              <h2 class="mt-12 mb-3 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
+                {{ .Key }}
+              </h2>
+              <section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
+                {{ range .Pages }}
+                  {{ partial "article-link/card.html" . }}
+                {{ end }}
+              </section>
+            </div>
+          {{ else }}
+            <h2 class="mt-12 mb-3 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
+              {{ .Key }}
+            </h2>
+            <section class="w-full grid gap-3 grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5 [&_h2]:text-base [&_.p-4]:p-3">
+              {{ range .Pages }}
+                {{ partial "article-link/card.html" . }}
+              {{ end }}
+            </section>
+          {{ end }}
+        {{ end }}
+
+      {{/* else: not groupByYear */}}
+      {{ else }}
+        {{ if $cardViewScreenWidth }}
+          <div class="relative w-screen max-w-[1600px] px-[30px] start-[calc(max(-50vw,-800px)+50%)]">
+            <section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
+              {{ if not $orderByWeight }}
+                {{ range (.Pages.GroupByDate "2006") }}
+                  {{ range .Pages }}
+                    {{ partial "article-link/card.html" . }}
+                  {{ end }}
+                {{ end }}
+              {{ else }}
+                {{ range .Pages.ByWeight }}
+                  {{ partial "article-link/card.html" . }}
+                {{ end }}
+              {{ end }}
+            </section>
+          </div>
+        {{ else }}
+          <section class="w-full grid gap-3 grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5 [&_h2]:text-base [&_.p-4]:p-3">
+            {{ if not $orderByWeight }}
+              {{ range (.Pages.GroupByDate "2006") }}
+                {{ range .Pages }}
+                  {{ partial "article-link/card.html" . }}
+                {{ end }}
+              {{ end }}
+            {{ else }}
+              {{ range .Pages.ByWeight }}
+                {{ partial "article-link/card.html" . }}
+              {{ end }}
+            {{ end }}
+          </section>
+        {{ end }}{{/* End of cardViewScreenWidth */}}
+      {{ end }}{{/* End of groupByYear */}}
+    {{ end }}{{/* End of cardView */}}
+  {{/* else: .Pages not greater to zero */}}
+  {{ else }}
+    <section class="mt-10 prose dark:prose-invert">
+      <p class="py-8 border-t">
+        <em>{{ i18n "list.no_articles" | emojify }}</em>
+      </p>
+    </section>
+  {{ end }}
+{{ end }}