Merge 9efb85e5c9 into 6cfbf4d946

📝 Update changelog
🔀 Merge pull request #733 from kshpdr/dev
2023-12-23 14:27:03 +11:00 · 2023-12-23 14:24:03 +11:00 · 2023-12-23 14:16:16 +11:00 · 2023-12-23 09:53:53 +11:00 · 2023-12-23 09:51:26 +11:00 · 2023-12-23 09:48:03 +11:00
19 changed files with 259 additions and 452 deletions
--- a/.github/labeller.yml
+++ b/.github/labeller.yml
@ -1,6 +1,7 @@
 i18n:
-  - i18n/*
+- changed-files:
+  - any-glob-to-any-file: i18n/*

 documentation:
-  - "*.md"
-  - exampleSite/content/*
+- changed-files:
+  - any-glob-to-any-file: '**/*.md'
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -12,7 +12,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Automatic support for WebP images ([#693](https://github.com/jpanther/congo/pull/693))
 - Warning when building if links to Markdown files cannot be resolved ([#691](https://github.com/jpanther/congo/pull/691))
 - Ability to share articles to Telegram and Line ([#719](https://github.com/jpanther/congo/pull/719))
- New icon for `line`([#719](https://github.com/jpanther/congo/pull/719))
+- New icons for `line` and `google-scholar` ([#719](https://github.com/jpanther/congo/pull/719), [#755](https://github.com/jpanther/congo/pull/755))
+- Table of contents will now scroll if taller than the browser height ([#733](https://github.com/jpanther/congo/pull/733))
 - Korean translation ([#731](https://github.com/jpanther/congo/pull/731))

 ### Changed
@ -21,7 +22,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - ⚠️ Author params block in language configuration has been moved to `params.author` ([#704](https://github.com/jpanther/congo/pull/704))
 - Refactored image logic into a new `picture.html` partial ([#693](https://github.com/jpanther/congo/pull/693))
 - Upgrade to ChartJS v4.4.1 ([#736](https://github.com/jpanther/congo/pull/736))
- Upgrade to Tailwind v3.3.6 ([#737](https://github.com/jpanther/congo/pull/737))
+- Upgrade to Tailwind v3.3.7 ([#737](https://github.com/jpanther/congo/pull/737), [#752](https://github.com/jpanther/congo/pull/752))
+- Updated Japanese translation ([#750](https://github.com/jpanther/congo/pull/750))

 ### Fixed

--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@ -1,6 +1,6 @@
 /*! Congo v2.7.6 | MIT License | https://github.com/jpanther/congo */

-/*! tailwindcss v3.3.6 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v3.3.7 | MIT License | https://tailwindcss.com */

 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@ -1137,6 +1137,12 @@ body:has(#menu-controller:checked) {

 /* Table of Contents */

+.toc {
+  max-height: 100vh;
+  overflow-y: auto;
+  padding-bottom: 50px;
+}
+
 .toc ul,
 .toc li {
  list-style-type: none;
--- a/assets/css/main.css
+++ b/assets/css/main.css
@ -59,6 +59,12 @@ body:has(#menu-controller:checked) {
 }

 /* Table of Contents */
+.toc {
+  max-height: 100vh;
+  overflow-y: auto;
+  padding-bottom: 50px;
+}
+
 .toc ul,
 .toc li {
  @apply list-none px-0 leading-snug;
--- a/assets/icons/google-scholar.svg
+++ b/assets/icons/google-scholar.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path fill="currentColor" d="M390.9 298.5c0 0 0 .1 .1 .1c9.2 19.4 14.4 41.1 14.4 64C405.3 445.1 338.5 512 256 512s-149.3-66.9-149.3-149.3c0-22.9 5.2-44.6 14.4-64h0c1.7-3.6 3.6-7.2 5.6-10.7c4.4-7.6 9.4-14.7 15-21.3c27.4-32.6 68.5-53.3 114.4-53.3c33.6 0 64.6 11.1 89.6 29.9c9.1 6.9 17.4 14.7 24.8 23.5c5.6 6.6 10.6 13.8 15 21.3c2 3.4 3.8 7 5.5 10.5zm26.4-18.8c-30.1-58.4-91-98.4-161.3-98.4s-131.2 40-161.3 98.4L0 202.7 256 0 512 202.7l-94.7 77.1z"/></svg>
--- a/config/_default/languages.en.toml
+++ b/config/_default/languages.en.toml
@ -59,4 +59,5 @@ title = "Congo"
  #   { whatsapp = "https://wa.me/phone-number" },
  #   { x-twitter = "https://twitter.com/username" },
  #   { youtube = "https://youtube.com/username" },
+  #   { google-scholar = "https://scholar.google.com/citations?user=user-id"}
  # ]
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@ -19,7 +19,7 @@ enableQuicklink = true
 fingerprintAlgorithm = "sha256"

 [header]
-  layout = "basic" # valid options: basic, hamburger, hybrid, custom
+  layout = "hybrid" # valid options: basic, hamburger, hybrid, custom
  # logo = "img/logo.jpg"
  # logoDark = "img/dark-logo.jpg"
  showTitle = true
--- a/exampleSite/content/samples/icons/index.de.md
+++ b/exampleSite/content/samples/icons/index.de.md
@ -40,6 +40,7 @@ Die vollständige Liste der integrierten Icons und ihre entsprechenden Namen fin
 | gitlab               | {{< icon gitlab >}}               |
 | globe                | {{< icon globe >}}                |
 | google               | {{< icon google >}}               |
+| google-scholar       | {{< icon google-scholar >}}       |
 | hashnode             | {{< icon hashnode >}}             |
 | instagram            | {{< icon instagram >}}            |
 | keybase              | {{< icon keybase >}}              |
--- a/exampleSite/content/samples/icons/index.es.md
+++ b/exampleSite/content/samples/icons/index.es.md
@ -40,6 +40,7 @@ La lista completa de íconos incorporados y sus nombres correspondientes se pued
 | gitlab               | {{< icon gitlab >}}               |
 | globe                | {{< icon globe >}}                |
 | google               | {{< icon google >}}               |
+| google-scholar       | {{< icon google-scholar >}}       |
 | hashnode             | {{< icon hashnode >}}             |
 | instagram            | {{< icon instagram >}}            |
 | keybase              | {{< icon keybase >}}              |
--- a/exampleSite/content/samples/icons/index.ja.md
+++ b/exampleSite/content/samples/icons/index.ja.md
@ -40,6 +40,7 @@ Congo は[FontAwesome 6](https://fontawesome.com/icons)のアイコンをサポ
 | gitlab               | {{< icon gitlab >}}               |
 | globe                | {{< icon globe >}}                |
 | google               | {{< icon google >}}               |
+| google-scholar       | {{< icon google-scholar >}}       |
 | hashnode             | {{< icon hashnode >}}             |
 | instagram            | {{< icon instagram >}}            |
 | keybase              | {{< icon keybase >}}              |
--- a/exampleSite/content/samples/icons/index.md
+++ b/exampleSite/content/samples/icons/index.md
@ -40,6 +40,7 @@ The full list of built-in icons and their corresponding names can referenced bel
 | gitlab               | {{< icon gitlab >}}               |
 | globe                | {{< icon globe >}}                |
 | google               | {{< icon google >}}               |
+| google-scholar       | {{< icon google-scholar >}}       |
 | hashnode             | {{< icon hashnode >}}             |
 | instagram            | {{< icon instagram >}}            |
 | keybase              | {{< icon keybase >}}              |
--- a/i18n/ja.yaml
+++ b/i18n/ja.yaml
@ -47,7 +47,7 @@ sharing:
  email: " Eメールを送る"
  facebook: "Facebookでシェアする"
  linkedin: "LinkedInでシェアする"
-  # mastodon: "Toot on Mastodon"
+  mastodon: "Mastodonに投稿する"
  pinterest: "Pinterestでピンする"
  reddit: "Redditに投稿する"
  twitter: "Twitterに投稿する"
--- a/layouts/partials/header/basic.html
+++ b/layouts/partials/header/basic.html
@ -7,105 +7,7 @@
    {{/* Main menu */}}
    {{ if or .Site.Menus.main (.Site.Params.enableSearch | default false) }}
      <ul class="flex flex-col list-none text-end sm:flex-row">
-        {{ if .Site.Menus.main }}
-          {{ range .Site.Menus.main }}
-            {{ if and (eq .Params.action "locale") (or (not page.IsTranslated) (not site.IsMultiLingual)) }}
-              {{ continue }}
-            {{ end }}
-            <li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
-              {{ if eq .Params.action "search" }}
-                {{ $.Scratch.Add "searchCount" 1 }}
-                {{ if $.Site.Params.enableSearch | default false }}
-                  <button
-                    id="search-button-{{ $.Scratch.Get "searchCount" }}"
-                    title="{{ .Title | default (i18n "search.open_button_title") }}"
-                  >
-                    {{ with .Params.icon | default "search" }}
-                      <span
-                        class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
-                      >
-                        {{- partial "icon.html" . -}}
-                      </span>
-                    {{- end -}}{{- if .Params.showName | default true -}}
-                      <span
-                        class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                        >{{ .Name | markdownify | emojify }}</span
-                      >
-                    {{ end }}
-                  </button>
-                {{ end }}
-              {{ else if eq .Params.action "appearance" }}
-                {{ $.Scratch.Add "switchCount" 1 }}
-                <button
-                  id="appearance-switcher-{{ $.Scratch.Get "switchCount" }}"
-                  type="button"
-                  aria-label="appearance switcher"
-                >
-                  <span
-                    class="inline transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:hidden"
-                    title="{{ i18n "footer.dark_appearance" }}"
-                  >
-                    {{ with .Params.icon | default "moon" }}
-                      {{- partial "icon.html" . -}}
-                    {{- end -}}
-                    {{- if .Params.showName | default true -}}
-                      <span
-                        class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                        >{{ .Name | markdownify | emojify }}</span
-                      >
-                    {{ end }}
-                  </span>
-                  <span
-                    class="hidden transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:inline"
-                    title="{{ i18n "footer.light_appearance" }}"
-                  >
-                    {{ with .Params.icon | default "sun" }}
-                      {{ partial "icon.html" . }}
-                    {{ end }}
-                    {{ if .Params.showName | default true }}
-                      <span
-                        class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                        >{{ .Name | markdownify | emojify }}</span
-                      >
-                    {{ end }}
-                  </span>
-                </button>
-              {{ else if eq .Params.action "locale" }}
-                {{ $.Scratch.Add "localeCount" 1 }}
-                {{ partial "translations.html" . }}
-              {{ else }}
-                <a
-                  href="{{ .URL }}"
-                  title="{{ .Title }}"
-                  {{ with .Params.target }}target="{{ . }}"{{ end }}
-                  >{{ with .Params.icon }}
-                    <span
-                      class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
-                    >
-                      {{- partial "icon.html" . -}}
-                    </span>
-                  {{- end -}}{{- if .Params.showName | default true -}}
-                    <span
-                      class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                      >{{ .Name | markdownify | emojify }}</span
-                    >
-                  {{ end }}</a
-                >
-              {{ end }}
-            </li>
-          {{ end }}
-          {{ if and ($.Site.Params.enableSearch | default false) (eq ($.Scratch.Get "searchCount") 0) }}
-            <li class="mb-1 group sm:mb-0 sm:me-7 sm:last:me-0">
-              <button id="search-button-m0" title="{{ i18n "search.open_button_title" }}">
-                <span
-                  class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
-                >
-                  {{ partial "icon.html" "search" }}
-                </span>
-              </button>
-            </li>
-          {{ end }}
-        {{ end }}
+        {{ partial "header/basic/basic-content.html" . }}
      </ul>
    {{ end }}
  </nav>
--- a/layouts/partials/header/basic/basic-content.html
+++ b/layouts/partials/header/basic/basic-content.html
@ -0,0 +1,99 @@
+{{ if .Site.Menus.main }}
+    {{ range .Site.Menus.main }}
+    {{ if and (eq .Params.action "locale") (or (not page.IsTranslated) (not site.IsMultiLingual)) }}
+        {{ continue }}
+    {{ end }}
+    <li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0">
+        {{ if eq .Params.action "search" }}
+        {{ $.Scratch.Add "searchCount" 1 }}
+        {{ if $.Site.Params.enableSearch | default false }}
+            <button
+            id="search-button-{{ $.Scratch.Get "searchCount" }}"
+            title="{{ .Title | default (i18n "search.open_button_title") }}"
+            >
+            {{ with .Params.icon | default "search" }}
+                <span
+                class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
+                >
+                {{- partial "icon.html" . -}}
+                </span>
+            {{- end -}}{{- if .Params.showName | default true -}}
+                <span
+                class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
+                >{{ .Name | markdownify | emojify }}</span
+                >
+            {{ end }}
+            </button>
+        {{ end }}
+        {{ else if eq .Params.action "appearance" }}
+        {{ $.Scratch.Add "switchCount" 1 }}
+        <button
+            id="appearance-switcher-{{ $.Scratch.Get "switchCount" }}"
+            type="button"
+            aria-label="appearance switcher"
+        >
+            <span
+            class="inline transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:hidden"
+            title="{{ i18n "footer.dark_appearance" }}"
+            >
+            {{ with .Params.icon | default "moon" }}
+                {{- partial "icon.html" . -}}
+            {{- end -}}
+            {{- if .Params.showName | default true -}}
+                <span
+                class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
+                >{{ .Name | markdownify | emojify }}</span
+                >
+            {{ end }}
+            </span>
+            <span
+            class="hidden transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:inline"
+            title="{{ i18n "footer.light_appearance" }}"
+            >
+            {{ with .Params.icon | default "sun" }}
+                {{ partial "icon.html" . }}
+            {{ end }}
+            {{ if .Params.showName | default true }}
+                <span
+                class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
+                >{{ .Name | markdownify | emojify }}</span
+                >
+            {{ end }}
+            </span>
+        </button>
+        {{ else if eq .Params.action "locale" }}
+        {{ $.Scratch.Add "localeCount" 1 }}
+        {{ partial "translations.html" . }}
+        {{ else }}
+        <a
+            href="{{ .URL }}"
+            title="{{ .Title }}"
+            {{ with .Params.target }}target="{{ . }}"{{ end }}
+            >{{ with .Params.icon }}
+            <span
+                class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
+            >
+                {{- partial "icon.html" . -}}
+            </span>
+            {{- end -}}{{- if .Params.showName | default true -}}
+            <span
+                class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
+                >{{ .Name | markdownify | emojify }}</span
+            >
+            {{ end }}</a
+        >
+        {{ end }}
+    </li>
+    {{ end }}
+    {{ if and ($.Site.Params.enableSearch | default false) (eq ($.Scratch.Get "searchCount") 0) }}
+    <li class="mb-1 group sm:mb-0 sm:me-7 sm:last:me-0">
+        <button id="search-button-m0" title="{{ i18n "search.open_button_title" }}">
+        <span
+            class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
+        >
+            {{ partial "icon.html" "search" }}
+        </span>
+        </button>
+    </li>
+    {{ end }}
+{{ end }}
--- a/layouts/partials/header/hamburger.html
+++ b/layouts/partials/header/hamburger.html
@ -7,124 +7,7 @@
    {{/* Hamburger menu */}}
    {{ if or .Site.Menus.main (.Site.Params.enableSearch | default false) }}
      <label id="menu-button" for="menu-controller" class="block">
-        <input type="checkbox" id="menu-controller" class="hidden" />
-        <div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
-          {{ partial "icon.html" "bars" }}
-        </div>
-        <div
-          id="menu-wrapper"
-          class="fixed inset-0 z-30 invisible w-full h-full m-auto overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50"
-        >
-          <ul
-            class="flex flex-col w-full px-6 py-6 mx-auto overflow-visible list-none max-w-7xl text-end sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
-          >
-            <li class="mb-1">
-              <span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
-                >{{ partial "icon.html" "xmark" }}</span
-              >
-            </li>
-            {{ if .Site.Menus.main }}
-              {{ range .Site.Menus.main }}
-                {{ if and (eq .Params.action "locale") (or (not page.IsTranslated) (not site.IsMultiLingual)) }}
-                  {{ continue }}
-                {{ end }}
-                <li class="mb-1 group">
-                  {{ if eq .Params.action "search" }}
-                    {{ $.Scratch.Add "searchCount" 1 }}
-                    {{ if $.Site.Params.enableSearch | default false }}
-                      <button
-                        id="search-button-{{ $.Scratch.Get "searchCount" }}"
-                        title="{{ .Title | default (i18n "search.open_button_title") }}"
-                      >
-                        {{ with .Params.icon | default "search" }}
-                          <span
-                            class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
-                          >
-                            {{- partial "icon.html" . -}}
-                          </span>
-                        {{- end -}}{{- if .Params.showName | default true -}}
-                          <span
-                            class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                            >{{ .Name | markdownify | emojify }}</span
-                          >
-                        {{ end }}
-                      </button>
-                    {{ end }}
-                  {{ else if eq .Params.action "appearance" }}
-                    {{ $.Scratch.Add "switchCount" 1 }}
-                    <button
-                      id="appearance-switcher-{{ $.Scratch.Get "switchCount" }}"
-                      type="button"
-                      aria-label="appearance switcher"
-                    >
-                      <span
-                        class="inline transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:hidden"
-                        title="{{ i18n "footer.dark_appearance" }}"
-                      >
-                        {{ with .Params.icon | default "moon" }}
-                          {{- partial "icon.html" . -}}
-                        {{- end -}}
-                        {{- if .Params.showName | default true -}}
-                          <span
-                            class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                            >{{ .Name | markdownify | emojify }}</span
-                          >
-                        {{ end }}
-                      </span>
-                      <span
-                        class="hidden transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:inline"
-                        title="{{ i18n "footer.light_appearance" }}"
-                      >
-                        {{ with .Params.icon | default "sun" }}
-                          {{- partial "icon.html" . -}}
-                        {{- end -}}
-                        {{- if .Params.showName | default true -}}
-                          <span
-                            class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                            >{{ .Name | markdownify | emojify }}</span
-                          >
-                        {{ end }}
-                      </span>
-                    </button>
-                  {{ else if eq .Params.action "locale" }}
-                    {{ $.Scratch.Add "localeCount" 1 }}
-                    {{ partial "translations.html" . }}
-                  {{ else }}
-                    <a
-                      href="{{ .URL }}"
-                      title="{{ .Title }}"
-                      onclick="close_menu()"
-                      {{ with .Params.target }}target="{{ . }}"{{ end }}
-                      >{{ with .Params.icon }}
-                        <span
-                          class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
-                        >
-                          {{- partial "icon.html" . -}}
-                        </span>
-                      {{- end -}}{{- if .Params.showName | default true -}}
-                        <span
-                          class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                          >{{ .Name | markdownify | emojify }}</span
-                        >
-                      {{ end }}</a
-                    >
-                  {{ end }}
-                </li>
-              {{ end }}
-              {{ if and ($.Site.Params.enableSearch | default false) (eq ($.Scratch.Get "searchCount") 0) }}
-                <li class="mb-1 group">
-                  <button id="search-button-m0" title="{{ i18n "search.open_button_title" }}">
-                    <span
-                      class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
-                    >
-                      {{ partial "icon.html" "search" }}
-                    </span>
-                  </button>
-                </li>
-              {{ end }}
-            {{ end }}
-          </ul>
-        </div>
+        {{ partial "header/hamburger/hamburger-content.html" . }}
      </label>
    {{ end }}
  </nav>
--- a/layouts/partials/header/hamburger/hamburger-content.html
+++ b/layouts/partials/header/hamburger/hamburger-content.html
@ -0,0 +1,118 @@
+<input type="checkbox" id="menu-controller" class="hidden" />
+<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
+    {{ partial "icon.html" "bars" }}
+</div>
+<div
+    id="menu-wrapper"
+    class="fixed inset-0 z-30 invisible w-full h-full m-auto overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50"
+>
+    <ul
+    class="flex flex-col w-full px-6 py-6 mx-auto overflow-visible list-none max-w-7xl text-end sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
+    >
+    <li class="mb-1">
+        <span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
+        >{{ partial "icon.html" "xmark" }}</span
+        >
+    </li>
+    {{ if .Site.Menus.main }}
+        {{ range .Site.Menus.main }}
+        {{ if and (eq .Params.action "locale") (or (not page.IsTranslated) (not site.IsMultiLingual)) }}
+            {{ continue }}
+        {{ end }}
+        <li class="mb-1 group">
+            {{ if eq .Params.action "search" }}
+            {{ $.Scratch.Add "searchCount" 1 }}
+            {{ if $.Site.Params.enableSearch | default false }}
+                <button
+                id="search-button-{{ $.Scratch.Get "searchCount" }}"
+                title="{{ .Title | default (i18n "search.open_button_title") }}"
+                >
+                {{ with .Params.icon | default "search" }}
+                    <span
+                    class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
+                    >
+                    {{- partial "icon.html" . -}}
+                    </span>
+                {{- end -}}{{- if .Params.showName | default true -}}
+                    <span
+                    class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
+                    >{{ .Name | markdownify | emojify }}</span
+                    >
+                {{ end }}
+                </button>
+            {{ end }}
+            {{ else if eq .Params.action "appearance" }}
+            {{ $.Scratch.Add "switchCount" 1 }}
+            <button
+                id="appearance-switcher-{{ $.Scratch.Get "switchCount" }}"
+                type="button"
+                aria-label="appearance switcher"
+            >
+                <span
+                class="inline transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:hidden"
+                title="{{ i18n "footer.dark_appearance" }}"
+                >
+                {{ with .Params.icon | default "moon" }}
+                    {{- partial "icon.html" . -}}
+                {{- end -}}
+                {{- if .Params.showName | default true -}}
+                    <span
+                    class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
+                    >{{ .Name | markdownify | emojify }}</span
+                    >
+                {{ end }}
+                </span>
+                <span
+                class="hidden transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:inline"
+                title="{{ i18n "footer.light_appearance" }}"
+                >
+                {{ with .Params.icon | default "sun" }}
+                    {{- partial "icon.html" . -}}
+                {{- end -}}
+                {{- if .Params.showName | default true -}}
+                    <span
+                    class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
+                    >{{ .Name | markdownify | emojify }}</span
+                    >
+                {{ end }}
+                </span>
+            </button>
+            {{ else if eq .Params.action "locale" }}
+            {{ $.Scratch.Add "localeCount" 1 }}
+            {{ partial "translations.html" . }}
+            {{ else }}
+            <a
+                href="{{ .URL }}"
+                title="{{ .Title }}"
+                onclick="close_menu()"
+                {{ with .Params.target }}target="{{ . }}"{{ end }}
+                >{{ with .Params.icon }}
+                <span
+                    class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
+                >
+                    {{- partial "icon.html" . -}}
+                </span>
+                {{- end -}}{{- if .Params.showName | default true -}}
+                <span
+                    class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
+                    >{{ .Name | markdownify | emojify }}</span
+                >
+                {{ end }}</a
+            >
+            {{ end }}
+        </li>
+        {{ end }}
+        {{ if and ($.Site.Params.enableSearch | default false) (eq ($.Scratch.Get "searchCount") 0) }}
+        <li class="mb-1 group">
+            <button id="search-button-m0" title="{{ i18n "search.open_button_title" }}">
+            <span
+                class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
+            >
+                {{ partial "icon.html" "search" }}
+            </span>
+            </button>
+        </li>
+        {{ end }}
+    {{ end }}
+    </ul>
+</div>
--- a/layouts/partials/header/hybrid.html
+++ b/layouts/partials/header/hybrid.html
@ -5,229 +5,13 @@
      {{ partial "logo.html" . }}
    </div>
    {{ if or .Site.Menus.main (.Site.Params.enableSearch | default false) }}
-      {{/* Hamburger menu */}}
      <label id="menu-button" for="menu-controller" class="block sm:hidden">
-        <input type="checkbox" id="menu-controller" class="hidden" />
-        <div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
-          {{ partial "icon.html" "bars" }}
-        </div>
-        <div
-          id="menu-wrapper"
-          class="fixed inset-0 z-30 invisible w-full h-full m-auto overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50"
-        >
-          <ul
-            class="flex flex-col w-full px-6 py-6 mx-auto overflow-visible list-none max-w-7xl text-end sm:px-14 sm:py-10 sm:pt-10 md:px-24 lg:px-32"
-          >
-            <li class="mb-1">
-              <span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400"
-                >{{ partial "icon.html" "xmark" }}</span
-              >
-            </li>
-            {{ if .Site.Menus.main }}
-              {{ range .Site.Menus.main }}
-                {{ if and (eq .Params.action "locale") (or (not page.IsTranslated) (not site.IsMultiLingual)) }}
-                  {{ continue }}
-                {{ end }}
-                <li class="mb-1 group">
-                  {{ if eq .Params.action "search" }}
-                    {{ $.Scratch.Add "searchCount" 1 }}
-                    {{ if $.Site.Params.enableSearch | default false }}
-                      <button
-                        id="search-button-{{ $.Scratch.Get "searchCount" }}"
-                        title="{{ .Title | default (i18n "search.open_button_title") }}"
-                      >
-                        {{ with .Params.icon | default "search" }}
-                          <span
-                            class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
-                          >
-                            {{- partial "icon.html" . -}}
-                          </span>
-                        {{- end -}}{{- if .Params.showName | default true -}}
-                          <span
-                            class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                            >{{ .Name | markdownify | emojify }}</span
-                          >
-                        {{ end }}
-                      </button>
-                    {{ end }}
-                  {{ else if eq .Params.action "appearance" }}
-                    {{ $.Scratch.Add "switchCount" 1 }}
-                    <button
-                      id="appearance-switcher-{{ $.Scratch.Get "switchCount" }}"
-                      type="button"
-                      aria-label="appearance switcher"
-                    >
-                      <span
-                        class="inline transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:hidden"
-                        title="{{ i18n "footer.dark_appearance" }}"
-                      >
-                        {{ with .Params.icon | default "moon" }}
-                          {{- partial "icon.html" . -}}
-                        {{- end -}}
-                        {{- if .Params.showName | default true -}}
-                          <span
-                            class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                            >{{ .Name | markdownify | emojify }}</span
-                          >
-                        {{ end }}
-                      </span>
-                      <span
-                        class="hidden transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:inline"
-                        title="{{ i18n "footer.light_appearance" }}"
-                      >
-                        {{ with .Params.icon | default "sun" }}
-                          {{- partial "icon.html" . -}}
-                        {{- end -}}
-                        {{- if .Params.showName | default true -}}
-                          <span
-                            class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                            >{{ .Name | markdownify | emojify }}</span
-                          >
-                        {{ end }}
-                      </span>
-                    </button>
-                  {{ else if eq .Params.action "locale" }}
-                    {{ $.Scratch.Add "localeCount" 1 }}
-                    {{ partial "translations.html" . }}
-                  {{ else }}
-                    <a
-                      href="{{ .URL }}"
-                      title="{{ .Title }}"
-                      onclick="close_menu()"
-                      {{ with .Params.target }}target="{{ . }}"{{ end }}
-                      >{{ with .Params.icon }}
-                        <span
-                          class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
-                        >
-                          {{- partial "icon.html" . -}}
-                        </span>
-                      {{- end -}}{{- if .Params.showName | default true -}}
-                        <span
-                          class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                          >{{ .Name | markdownify | emojify }}</span
-                        >
-                      {{ end }}</a
-                    >
-                  {{ end }}
-                </li>
-              {{ end }}
-              {{ if and ($.Site.Params.enableSearch | default false) (eq ($.Scratch.Get "searchCount") 0) }}
-                <li class="mb-1 group">
-                  <button id="search-button-m0" title="{{ i18n "search.open_button_title" }}">
-                    <span
-                      class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
-                    >
-                      {{ partial "icon.html" "search" }}
-                    </span>
-                  </button>
-                </li>
-              {{ end }}
-            {{ end }}
-          </ul>
-        </div>
+        {{/* Hamburger menu */}}
+        {{ partial "header/hamburger/hamburger-content.html" . }}
      </label>
      {{/* Basic menu */}}
      <ul class="flex-row hidden list-none text-end sm:flex">
-        {{ if .Site.Menus.main }}
-          {{ range .Site.Menus.main }}
-            {{ if and (eq .Params.action "locale") (or (not page.IsTranslated) (not site.IsMultiLingual)) }}
-              {{ continue }}
-            {{ end }}
-            <li class="mb-1 group sm:mb-0 sm:me-7 sm:last:me-0">
-              {{ if eq .Params.action "search" }}
-                {{ $.Scratch.Add "searchCount" 1 }}
-                {{ if $.Site.Params.enableSearch | default false }}
-                  <button
-                    id="search-button-{{ $.Scratch.Get "searchCount" }}"
-                    title="{{ .Title | default (i18n "search.open_button_title") }}"
-                  >
-                    {{ with .Params.icon | default "search" }}
-                      <span
-                        class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
-                      >
-                        {{- partial "icon.html" . -}}
-                      </span>
-                    {{- end -}}{{- if .Params.showName | default true -}}
-                      <span
-                        class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                        >{{ .Name | markdownify | emojify }}</span
-                      >
-                    {{ end }}
-                  </button>
-                {{ end }}
-              {{ else if eq .Params.action "appearance" }}
-                {{ $.Scratch.Add "switchCount" 1 }}
-                <button
-                  id="appearance-switcher-{{ $.Scratch.Get "switchCount" }}"
-                  type="button"
-                  aria-label="appearance switcher"
-                >
-                  <span
-                    class="inline transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:hidden"
-                    title="{{ i18n "footer.dark_appearance" }}"
-                  >
-                    {{ with .Params.icon | default "moon" }}
-                      {{- partial "icon.html" . -}}
-                    {{- end -}}
-                    {{- if .Params.showName | default true -}}
-                      <span
-                        class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                        >{{ .Name | markdownify | emojify }}</span
-                      >
-                    {{ end }}
-                  </span>
-                  <span
-                    class="hidden transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600 dark:inline"
-                    title="{{ i18n "footer.light_appearance" }}"
-                  >
-                    {{ with .Params.icon | default "sun" }}
-                      {{- partial "icon.html" . -}}
-                    {{- end -}}
-                    {{- if .Params.showName | default true -}}
-                      <span
-                        class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                        >{{ .Name | markdownify | emojify }}</span
-                      >
-                    {{ end }}
-                  </span>
-                </button>
-              {{ else if eq .Params.action "locale" }}
-                {{ $.Scratch.Add "localeCount" 1 }}
-                {{ partial "translations.html" . }}
-              {{ else }}
-                <a
-                  href="{{ .URL }}"
-                  title="{{ .Title }}"
-                  {{ with .Params.target }}target="{{ . }}"{{ end }}
-                  >{{ with .Params.icon }}
-                    <span
-                      class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
-                    >
-                      {{- partial "icon.html" . -}}
-                    </span>
-                  {{- end -}}{{- if .Params.showName | default true -}}
-                    <span
-                      class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
-                      >{{ .Name | markdownify | emojify }}</span
-                    >
-                  {{ end }}</a
-                >
-              {{ end }}
-            </li>
-          {{ end }}
-          {{ if and ($.Site.Params.enableSearch | default false) (eq ($.Scratch.Get "searchCount") 0) }}
-            <li class="mb-1 group sm:mb-0 sm:me-7 sm:last:me-0">
-              <button id="search-button-m1" title="{{ i18n "search.open_button_title" }}">
-                <span
-                  class="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"
-                >
-                  {{ partial "icon.html" "search" }}
-                </span>
-              </button>
-            </li>
-          {{ end }}
-
-        {{ end }}
+        {{ partial "header/basic/basic-content.html" . }}
      </ul>
    {{ end }}
  </nav>
--- a/package-lock.json
+++ b/package-lock.json
@ -20,7 +20,7 @@
        "prettier-plugin-tailwindcss": "^0.5.9",
        "quicklink": "^2.3.0",
        "rimraf": "^5.0.5",
-        "tailwindcss": "^3.3.6",
+        "tailwindcss": "^3.3.7",
        "vendor-copy": "^3.0.1"
      },
      "funding": {
@ -2896,9 +2896,9 @@
      }
    },
    "node_modules/tailwindcss": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.6.tgz",
-      "integrity": "sha512-AKjF7qbbLvLaPieoKeTjG1+FyNZT6KaJMJPFeQyLfIp7l82ggH1fbHJSsYIvnbTFQOlkh+gBYpyby5GT1LIdLw==",
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.7.tgz",
+      "integrity": "sha512-pjgQxDZPvyS/nG3ZYkyCvsbONJl7GdOejfm24iMt2ElYQQw8Jc4p0m8RdMp7mznPD0kUhfzwV3zAwa80qI0zmQ==",
      "dev": true,
      "dependencies": {
        "@alloc/quick-lru": "^5.2.0",
@ -5199,9 +5199,9 @@
      "dev": true
    },
    "tailwindcss": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.6.tgz",
-      "integrity": "sha512-AKjF7qbbLvLaPieoKeTjG1+FyNZT6KaJMJPFeQyLfIp7l82ggH1fbHJSsYIvnbTFQOlkh+gBYpyby5GT1LIdLw==",
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.7.tgz",
+      "integrity": "sha512-pjgQxDZPvyS/nG3ZYkyCvsbONJl7GdOejfm24iMt2ElYQQw8Jc4p0m8RdMp7mznPD0kUhfzwV3zAwa80qI0zmQ==",
      "dev": true,
      "requires": {
        "@alloc/quick-lru": "^5.2.0",
--- a/package.json
+++ b/package.json
@ -39,7 +39,7 @@
    "prettier-plugin-tailwindcss": "^0.5.9",
    "quicklink": "^2.3.0",
    "rimraf": "^5.0.5",
-    "tailwindcss": "^3.3.6",
+    "tailwindcss": "^3.3.7",
    "vendor-copy": "^3.0.1"
  },
  "vendorCopy": [],
Author	SHA1	Message	Date
Wen Junhua	7a4366a925	Merge `9efb85e5c9` into `6cfbf4d946`	2023-12-23 14:27:03 +11:00
James Panther	6cfbf4d946	📝 Update changelog	2023-12-23 14:24:03 +11:00
James Panther	2001d17a55	🔀 Merge pull request #733 from kshpdr/dev Add scrolling over TOC	2023-12-23 14:16:16 +11:00
James Panther	84a99f1f34	📝 Update changelog	2023-12-23 09:53:53 +11:00
James Panther	313ed046e8	🔀 Merge pull request #750 from sussan0416/fix/ja-i18n-for-mastodon Added Japanese localization for sharing to the Mastodon.	2023-12-23 09:51:26 +11:00
James Panther	0083219c59	🔀 Merge pull request #755 from Jh123x/feat/728/add-google-scholar-item ✨ add google scholar profile icon	2023-12-23 09:48:03 +11:00
Wen Junhua	9efb85e5c9	Merge branch 'dev' into fix/721/remove-header-code-repetition	2023-12-23 07:46:03 +09:00
Wen Junhua	f0288c6106	Merge branch 'dev' into feat/728/add-google-scholar-item	2023-12-23 07:45:13 +09:00
James Panther	6cb5dde1dd	🔀 Merge pull request #757 from Jh123x/fix/ci/labeller-update 🐛 update labeller to use v5 config	2023-12-23 09:43:22 +11:00
Wen Junhua	9a91dd93ce	Merge branch 'dev' into fix/ci/labeller-update	2023-12-23 07:41:23 +09:00
Wen Junhua	aa3a3c6504	Merge branch 'dev' into feat/728/add-google-scholar-item	2023-12-23 07:40:52 +09:00
Wen Junhua	9f7047e662	fix: remove google scholar from the profile	2023-12-23 07:40:10 +09:00
Wen Junhua	444f3175aa	fix: fix icon name in samples	2023-12-23 07:39:02 +09:00
Wen Junhua	3219dfac76	fix: fix typo	2023-12-23 07:36:32 +09:00
James Panther	0ac3f0e9d2	🔀 Merge pull request #752 from jpanther/dependabot/npm_and_yarn/tailwindcss-3.3.7 📌 Bump tailwindcss from 3.3.6 to 3.3.7	2023-12-23 09:27:04 +11:00
Wen Junhua	baada03dd9	fix: update labeller to use v5 config	2023-12-21 13:20:40 +09:00
Wen Junhua	f3125a6e75	feat: add icon to pages for other languages	2023-12-21 13:06:44 +09:00
Wen Junhua	cb37292b9f	style: fix formatting of table	2023-12-21 12:58:54 +09:00
Wen Junhua	2b63687c51	feat: add google scholars icon to sample page	2023-12-21 12:56:18 +09:00
Wen Junhua	4aa27418b1	feat: add google scholar profile icon	2023-12-21 11:15:34 +09:00
dependabot[bot]	b314c40312	💄 Rebuild CSS	2023-12-18 22:03:38 +00:00
dependabot[bot]	747c995c04	📌 Bump tailwindcss from 3.3.6 to 3.3.7 Bumps [tailwindcss](https://github.com/tailwindlabs/tailwindcss) from 3.3.6 to 3.3.7. - [Release notes](https://github.com/tailwindlabs/tailwindcss/releases) - [Changelog](https://github.com/tailwindlabs/tailwindcss/blob/v3.3.7/CHANGELOG.md) - [Commits](https://github.com/tailwindlabs/tailwindcss/compare/v3.3.6...v3.3.7) --- updated-dependencies: - dependency-name: tailwindcss dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com>	2023-12-18 22:03:16 +00:00
sussan0416	dea1975e33	Added Japanese localization for sharing to the Mastodon.	2023-12-17 11:55:34 +09:00
Denis Koshelev	da0ea762d0	Add scrolling over TOC	2023-12-03 17:28:23 -05:00
Wen Junhua	8355a69cba	fix: fix hamburger menu	2023-11-27 23:15:51 +08:00
Wen Junhua	c75289eea7	refactor: refactor headers to use same code	2023-11-27 23:00:14 +08:00
				`@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path fill="currentColor" d="M390.9 298.5c0 0 0 .1 .1 .1c9.2 19.4 14.4 41.1 14.4 64C405.3 445.1 338.5 512 256 512s-149.3-66.9-149.3-149.3c0-22.9 5.2-44.6 14.4-64h0c1.7-3.6 3.6-7.2 5.6-10.7c4.4-7.6 9.4-14.7 15-21.3c27.4-32.6 68.5-53.3 114.4-53.3c33.6 0 64.6 11.1 89.6 29.9c9.1 6.9 17.4 14.7 24.8 23.5c5.6 6.6 10.6 13.8 15 21.3c2 3.4 3.8 7 5.5 10.5zm26.4-18.8c-30.1-58.4-91-98.4-161.3-98.4s-131.2 40-161.3 98.4L0 202.7 256 0 512 202.7l-94.7 77.1z"/></svg>