Merge 06eb8a66a1 into 86a1f3fd96

fix: reduce the frequency of jittering effect
Merge pull request #1 from imfing/main
2025-07-02 06:27:24 -04:00 · 2024-11-16 09:49:36 +00:00 · 2024-11-16 17:44:20 +08:00 · 2024-11-04 10:49:51 +08:00 · 2024-11-04 10:29:22 +08:00 · 2024-11-03 21:47:31 +08:00
25 changed files with 105 additions and 483 deletions
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@ -1,15 +0,0 @@
-# These are supported funding model platforms
-
-github: imfing
-patreon: # Replace with a single Patreon username
-open_collective: # Replace with a single Open Collective username
-ko_fi: # Replace with a single Ko-fi username
-tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
-community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
-liberapay: # Replace with a single Liberapay username
-issuehunt: # Replace with a single IssueHunt username
-lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
-polar: # Replace with a single Polar username
-buy_me_a_coffee: # Replace with a single Buy Me a Coffee username
-thanks_dev: # Replace with a single thanks.dev username
-custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
--- a/.github/workflows/pages.yml
+++ b/.github/workflows/pages.yml
@ -31,7 +31,7 @@ jobs:
  build:
    runs-on: ubuntu-latest
    env:
-      HUGO_VERSION: 0.138.0
+      HUGO_VERSION: 0.136.5
    steps:
      - name: Checkout
        uses: actions/checkout@v4
--- a/.prettierrc
+++ b/.prettierrc
@ -1,7 +1,4 @@
 {
-  "plugins": [
-    "prettier-plugin-go-template"
-  ],
  "goTemplateBracketSpacing": true,
  "htmlWhitespaceSensitivity": "css",
  "printWidth": 200,
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@ -952,10 +952,6 @@ video {
 .hx-border-t {
  border-top-width: 1px;
 }
-.hx-border-amber-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(253 230 138 / var(--tw-border-opacity));
-}
 .hx-border-black\/5 {
  border-color: rgb(0 0 0 / 0.05);
 }
@ -971,14 +967,6 @@ video {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
 }
-.hx-border-green-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(187 247 208 / var(--tw-border-opacity));
-}
-.hx-border-indigo-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(199 210 254 / var(--tw-border-opacity));
-}
 .hx-border-orange-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / var(--tw-border-opacity));
@ -994,10 +982,6 @@ video {
  --tw-border-opacity: 1;
  border-color: rgb(254 249 195 / var(--tw-border-opacity));
 }
-.hx-bg-amber-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
-}
 .hx-bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
 }
@ -1012,14 +996,6 @@ video {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
-.hx-bg-green-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
-}
-.hx-bg-indigo-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
-}
 .hx-bg-neutral-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
@ -1185,9 +1161,6 @@ video {
 .hx-text-center {
  text-align: center;
 }
-.hx-align-middle {
-  vertical-align: middle;
-}
 .hx-align-text-bottom {
  vertical-align: text-bottom;
 }
@ -1264,10 +1237,6 @@ video {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-hue) 100% 50% / var(--tw-text-opacity));
 }
-.hx-text-amber-900 {
-  --tw-text-opacity: 1;
-  color: rgb(120 53 15 / var(--tw-text-opacity));
-}
 .hx-text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity));
@ -1299,14 +1268,6 @@ video {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
 }
-.hx-text-green-900 {
-  --tw-text-opacity: 1;
-  color: rgb(20 83 45 / var(--tw-text-opacity));
-}
-.hx-text-indigo-900 {
-  --tw-text-opacity: 1;
-  color: rgb(49 46 129 / var(--tw-text-opacity));
-}
 .hx-text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity));
@ -2970,9 +2931,6 @@ body:is(html[class~="dark"] *) {
 .dark\:hx-hidden:is(html[class~="dark"] *) {
  display: none;
 }
-.dark\:hx-border-amber-200\/30:is(html[class~="dark"] *) {
-  border-color: rgb(253 230 138 / 0.3);
-}
 .dark\:hx-border-blue-200\/30:is(html[class~="dark"] *) {
  border-color: rgb(191 219 254 / 0.3);
 }
@ -2983,12 +2941,6 @@ body:is(html[class~="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
 }
-.dark\:hx-border-green-200\/30:is(html[class~="dark"] *) {
-  border-color: rgb(187 247 208 / 0.3);
-}
-.dark\:hx-border-indigo-200\/30:is(html[class~="dark"] *) {
-  border-color: rgb(199 210 254 / 0.3);
-}
 .dark\:hx-border-neutral-700:is(html[class~="dark"] *) {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity));
@ -3009,9 +2961,6 @@ body:is(html[class~="dark"] *) {
 .dark\:hx-border-yellow-200\/30:is(html[class~="dark"] *) {
  border-color: rgb(254 240 138 / 0.3);
 }
-.dark\:hx-bg-amber-900\/30:is(html[class~="dark"] *) {
-  background-color: rgb(120 53 15 / 0.3);
-}
 .dark\:hx-bg-black\/60:is(html[class~="dark"] *) {
  background-color: rgb(0 0 0 / 0.6);
 }
@ -3028,12 +2977,6 @@ body:is(html[class~="dark"] *) {
 .dark\:hx-bg-gray-50\/10:is(html[class~="dark"] *) {
  background-color: rgb(249 250 251 / 0.1);
 }
-.dark\:hx-bg-green-900\/30:is(html[class~="dark"] *) {
-  background-color: rgb(20 83 45 / 0.3);
-}
-.dark\:hx-bg-indigo-900\/30:is(html[class~="dark"] *) {
-  background-color: rgb(49 46 129 / 0.3);
-}
 .dark\:hx-bg-neutral-800:is(html[class~="dark"] *) {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
@ -3069,10 +3012,6 @@ body:is(html[class~="dark"] *) {
 .dark\:hx-to-gray-400:is(html[class~="dark"] *) {
  --tw-gradient-to: #9ca3af var(--tw-gradient-to-position);
 }
-.dark\:hx-text-amber-200:is(html[class~="dark"] *) {
-  --tw-text-opacity: 1;
-  color: rgb(253 230 138 / var(--tw-text-opacity));
-}
 .dark\:hx-text-blue-200:is(html[class~="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
@ -3097,14 +3036,6 @@ body:is(html[class~="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity));
 }
-.dark\:hx-text-green-200:is(html[class~="dark"] *) {
-  --tw-text-opacity: 1;
-  color: rgb(187 247 208 / var(--tw-text-opacity));
-}
-.dark\:hx-text-indigo-200:is(html[class~="dark"] *) {
-  --tw-text-opacity: 1;
-  color: rgb(199 210 254 / var(--tw-text-opacity));
-}
 .dark\:hx-text-neutral-200:is(html[class~="dark"] *) {
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
--- a/assets/js/sidebar.js
+++ b/assets/js/sidebar.js
@ -1,8 +1,43 @@
 document.addEventListener("DOMContentLoaded", function () {
-  scrollToActiveItem();
-  enableCollapsibles();
+  initializeSidebar();
 });

+function initializeSidebar() {
+  const sidebarScrollbar = document.querySelector("aside.sidebar-container > .hextra-scrollbar");
+  if (!sidebarScrollbar) return;
+
+  enableCollapsibles();
+  restoreSidebarPosition(sidebarScrollbar);
+
+  const debouncedSave = debounce((position) => {
+    saveSidebarPosition(position);
+  }, 150);
+  
+  sidebarScrollbar.addEventListener('scroll', function() {
+    debouncedSave(this.scrollTop);
+  });
+
+  document.querySelectorAll('a').forEach(link => {
+    if (link.hostname === window.location.hostname) {
+      link.addEventListener('click', function(e) {
+        saveSidebarPosition(sidebarScrollbar.scrollTop);
+      });
+    }
+  });
+}
+
+function debounce(func, wait) {
+  let timeout;
+  return function executedFunction(...args) {
+    const later = () => {
+      clearTimeout(timeout);
+      func(...args);
+    };
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+  };
+}
+
 function enableCollapsibles() {
  const buttons = document.querySelectorAll(".hextra-sidebar-collapsible-button");
  buttons.forEach(function (button) {
@ -16,21 +51,16 @@ function enableCollapsibles() {
  });
 }

-function scrollToActiveItem() {
-  const sidebarScrollbar = document.querySelector("aside.sidebar-container > .hextra-scrollbar");
-  const activeItems = document.querySelectorAll(".sidebar-active-item");
-  const visibleActiveItem = Array.from(activeItems).find(function (activeItem) {
-    return activeItem.getBoundingClientRect().height > 0;
-  });
-
-  if (!visibleActiveItem) {
-    return;
-  }
-
-  const yOffset = visibleActiveItem.clientHeight;
-  const yDistance = visibleActiveItem.getBoundingClientRect().top - sidebarScrollbar.getBoundingClientRect().top;
-  sidebarScrollbar.scrollTo({
-    behavior: "instant",
-    top: yDistance - yOffset
-  });
+function saveSidebarPosition(scrollPosition) {
+  localStorage.setItem('sidebarScrollPosition', scrollPosition);
 }
+
+function restoreSidebarPosition(sidebarScrollbar) {
+  const savedPosition = localStorage.getItem('sidebarScrollPosition');
+  
+  if (savedPosition !== null) {
+    requestAnimationFrame(() => {
+      sidebarScrollbar.scrollTop = parseInt(savedPosition);
+    });
+  }
+}
--- a/data/icons.yaml
+++ b/data/icons.yaml
@ -289,4 +289,3 @@ youtube: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill=
 x-twitter: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
 linkedin: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065a2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
 slack: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52a2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52zm0 1.271a2.528 2.528 0 0 1 2.521 2.521a2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521a2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522zm0-1.268a2.527 2.527 0 0 1-2.52-2.523a2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523z" /></svg>
-bluesky: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 530"><path fill="currentColor" d="M136 44c66 50 138 151 164 205 26-54 98-155 164-205 48-36 126-64 126 25 0 18-10 149-16 170-21 74-96 93-163 81 117 20 147 86 82 153-122 125-176-32-189-72-3-8-4-11-4-8 0-3-1 0-4 8-13 40-67 197-189 72-65-67-35-133 82-153-67 12-142-7-163-81-6-21-16-152-16-170 0-89 78-61 126-25z"/></svg>
--- a/exampleSite/content/docs/advanced/customization.md
+++ b/exampleSite/content/docs/advanced/customization.md
@ -44,129 +44,6 @@ The primary color of the theme can be customized by setting the `--primary-hue`,
 }
 ```

-### Further Theme Customization
-
-The theme can be further customized by overriding the default styles via the exposed css classes. An example for customizing the footer element:
-
-```css {filename="assets/css/custom.css"}
-.hextra-footer {
-  /* Styles will be applied to the footer element */
-}
-
-.hextra-footer:is(html[class~="dark"] *) {
-  /* Styles will be applied to the footer element in dark mode */
-}
-
-```
-
-The following classes can be used to customize various parts of the theme.
-
-#### General
-
- `hextra-scrollbar` - The scrollbar element
- `content` - Page content container
-
-#### Shortcodes
-
-##### Badge
-
- `hextra-badge` - The badge element
-
-##### Card
-
- `hextra-card` - The card element
- `hextra-card-image` - The card image element
- `hextra-card-icon` - The card icon element
- `hextra-card-subtitle` - The card subtitle element
-
-##### Cards
-
- `hextra-cards` - The cards grid container
-
-##### Jupyter Notebook
-
- `hextra-jupyter-code-cell` - The Jupyter code cell container
- `hextra-jupyter-code-cell-outputs-container` - The Jupyter code cell outputs container
- `hextra-jupyter-code-cell-outputs` - The Jupyter code cell output div element
-
-##### PDF
-
- `hextra-pdf` - The PDF container element
-
-##### Steps
-
- `steps` - The steps container
-
-##### Tabs
-
- `hextra-tabs-panel` - The tabs panel container
- `hextra-tabs-toggle` - The tabs toggle button
-
-##### Filetree
-
- `hextra-filetree` - The filetree container
-
-##### Folder
-
- `hextra-filetree-folder` - The filetree folder container
-
-#### Navbar
-
- `nav-container` - The navbar container
- `nav-container-blur` - The navbar container in blur element
- `hamburger-menu` - The hamburger menu button
-
-#### Footer
-
- `hextra-footer` - The footer element
- `hextra-custom-footer` - The custom footer section container
-
-#### Search
-
- `search-wrapper` - The search wrapper container
- `search-input` - The search input element
- `search-results` - The search results list container
-
-#### Table of Contents
-
- `hextra-toc` - The table of contents container
-
-#### Sidebar
-
- `mobile-menu-overlay` - The overlay element for the mobile menu
- `sidebar-container` - The sidebar container
- `sidebar-active-item` - The active item in the sidebar
-
-#### Language Switcher
-
- `language-switcher` - The language switcher button
- `language-options` - The language options container
-
-#### Theme Toggle
-
- `theme-toggle` - The theme toggle button
-
-#### Cody Copy Button
-
- `hextra-code-copy-btn-container` - The code copy button container
- `hextra-code-copy-btn` - The code copy button
-
-#### Code Block
-
- `hextra-code-block` - The code block container
-
-#### Feature Card
-
- `hextra-feature-card` - The feature card link element
-
-#### Feature Grid
-
- `hextra-feature-grid` - The feature grid container
-
-#### Breadcrumbs
-
-No specific class is available for breadcrumbs.
-
 ### Syntax Highlighting

 List of available syntax highlighting themes are available at [Chroma Styles Gallery](https://xyproto.github.io/splash/docs/all.html). The stylesheet can be generated using the command:
@ -185,21 +62,6 @@ You may add custom scripts to the end of the head for every page by adding the f
 layouts/partials/custom/head-end.html
 ```

-## Custom Footer Section
-
-You can add a custom section the footer between the language/theme buttons and the "Copyright"/"Powered By" section by creating a file `layouts/partials/custom/footer.html` in your site.
-
-```html {filename="layouts/partials/custom/footer.html"}
-<!-- Your footer element here -->
-```
-
-Available variables in the footer section are:
-
- `.switchesVisible`: `true` if the language/theme button(s) are visible above the footer along with a horizontal separator.
- `.copyrightVisible`: `true` if the "Copyright" and "Powered By" text are visible at the bottom of the footer.
-
-_Note: The custom footer inherits the default footer background color text color and the `width` setting in `hugo.yaml#footer` section._
-
 ## Custom Layouts

 The layouts of the theme can be overridden by creating a file with the same name in the `layouts` directory of your site.
--- a/exampleSite/content/docs/guide/deploy-site.md
+++ b/exampleSite/content/docs/guide/deploy-site.md
@ -54,7 +54,7 @@ jobs:
  build:
    runs-on: ubuntu-latest
    env:
-      HUGO_VERSION: 0.138.0
+      HUGO_VERSION: 0.131.0
    steps:
      - name: Checkout
        uses: actions/checkout@v4
@ -146,7 +146,7 @@ For more details, check out:
 3. If you are not using [hextra-starter-template][hextra-starter-template], configure the following manually:
   - Configure the Build command to `hugo --gc --minify`
   - Specify the Publish directory to `public`
-   - Add Environment variable `HUGO_VERSION` and set to `0.138.0`, or alternatively, set it in `netlify.toml` file
+   - Add Environment variable `HUGO_VERSION` and set to `0.132.2`
 4. Deploy!

 Check [Hugo on Netlify](https://docs.netlify.com/integrations/frameworks/hugo/) for more details.
--- a/exampleSite/content/docs/guide/markdown.md
+++ b/exampleSite/content/docs/guide/markdown.md
@ -35,44 +35,6 @@ Blockquote with attribution
 [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
 ```

-### Alerts
-
-Alerts are a Markdown extension based on the blockquote syntax that you can use to emphasize critical information.
-[GitHub-style alerts](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#alerts) are supported.
-Please make sure you are using the latest version of Hextra and [Hugo v0.134.0](https://github.com/gohugoio/hugo/releases/tag/v0.134.0) or later.
-
-> [!NOTE]
-> Useful information that users should know, even when skimming content.
-
-> [!TIP]
-> Helpful advice for doing things better or more easily.
-
-> [!IMPORTANT]
-> Key information users need to know to achieve their goal.
-
-> [!WARNING]
-> Urgent info that needs immediate user attention to avoid problems.
-
-> [!CAUTION]
-> Advises about risks or negative outcomes of certain actions.
-
-```markdown {filename=Markdown}
-> [!NOTE]
-> Useful information that users should know, even when skimming content.
-
-> [!TIP]
-> Helpful advice for doing things better or more easily.
-
-> [!IMPORTANT]
-> Key information users need to know to achieve their goal.
-
-> [!WARNING]
-> Urgent info that needs immediate user attention to avoid problems.
-
-> [!CAUTION]
-> Advises about risks or negative outcomes of certain actions.
-```
-
 ### Tables

 Tables aren't part of the core Markdown spec, but Hugo supports them out-of-the-box.
--- a/exampleSite/content/showcase/index.md
+++ b/exampleSite/content/showcase/index.md
@ -12,13 +12,6 @@ Open source projects powered by Hextra
 </p>

 {{< cards >}}
-  {{< card
-        link="https://github.com/modelcontextprotocol/specification"
-        title="Model Context Protocol Specification"
-        image="https://github.com/user-attachments/assets/1bb4f952-b8fc-43b5-9cbd-cd7213c2ba90"
-        imageStyle="object-fit:cover; aspect-ratio:16/9;"
-  >}}
-
  {{< card
        link="https://github.com/jonaspleyer/cellular_raza"
        title="cellular_raza"
@ -91,11 +84,11 @@ Open source projects powered by Hextra
        link="https://hoa.moe/"
        title="HITSZ OpenAuto"
        image="https://raw.githubusercontent.com/HITSZ-OpenAuto/hoa.moe/main/static/images/showcase-new.png"
-        imageStyle="object-fit:cover; aspect-ratio:16/9;"
+        imageStyle="object-fit:cover; aspect-ratio:16/9;" 
  >}}

  {{< card
-        link="https://github.com/remysheppard/lutheran-confessions"
+        link="https://lutheranconfessions.org/"
        title="LutheranConfessions"
        image="https://github.com/imfing/hextra/assets/5097752/ad6625e4-88cd-4cad-b102-5399997d0359"
        imageStyle="object-fit:cover; aspect-ratio:16/9;"
--- a/exampleSite/hugo.yaml
+++ b/exampleSite/hugo.yaml
@ -173,4 +173,3 @@ params:
      # emitMetadata: 0
      # inputPosition: top
      # lang: en
-      # theme: noborder_dark
--- a/exampleSite/hugo_stats.json
+++ b/exampleSite/hugo_stats.json
@ -141,14 +141,11 @@
      "dark:hover:hx-text-gray-50",
      "dark:hover:hx-text-neutral-50",
      "dark:hover:hx-text-white",
-      "dark:hx-bg-amber-900/30",
      "dark:hx-bg-black/60",
      "dark:hx-bg-blue-900/30",
      "dark:hx-bg-dark",
      "dark:hx-bg-dark/50",
      "dark:hx-bg-gray-50/10",
-      "dark:hx-bg-green-900/30",
-      "dark:hx-bg-indigo-900/30",
      "dark:hx-bg-neutral-800",
      "dark:hx-bg-neutral-900",
      "dark:hx-bg-orange-400/20",
@ -158,12 +155,9 @@
      "dark:hx-bg-red-900/30",
      "dark:hx-bg-yellow-700/30",
      "dark:hx-block",
-      "dark:hx-border-amber-200/30",
      "dark:hx-border-blue-200/30",
      "dark:hx-border-gray-100/20",
      "dark:hx-border-gray-400",
-      "dark:hx-border-green-200/30",
-      "dark:hx-border-indigo-200/30",
      "dark:hx-border-neutral-700",
      "dark:hx-border-neutral-800",
      "dark:hx-border-orange-400/30",
@ -177,15 +171,12 @@
      "dark:hx-shadow-[0_-12px_16px_#111]",
      "dark:hx-shadow-[0_-1px_0_rgba(255,255,255,.1)_inset]",
      "dark:hx-shadow-none",
-      "dark:hx-text-amber-200",
      "dark:hx-text-blue-200",
      "dark:hx-text-gray-100",
      "dark:hx-text-gray-200",
      "dark:hx-text-gray-300",
      "dark:hx-text-gray-400",
      "dark:hx-text-gray-50",
-      "dark:hx-text-green-200",
-      "dark:hx-text-indigo-200",
      "dark:hx-text-neutral-200",
      "dark:hx-text-neutral-400",
      "dark:hx-text-orange-300",
@ -228,7 +219,6 @@
      "hextra-code-block",
      "hextra-code-copy-btn",
      "hextra-code-copy-btn-container",
-      "hextra-custom-footer",
      "hextra-feature-card",
      "hextra-feature-grid",
      "hextra-filetree",
@ -266,19 +256,15 @@
      "hover:hx-text-primary-600",
      "hx-absolute",
      "hx-align-[-2.5px]",
-      "hx-align-middle",
      "hx-align-text-bottom",
      "hx-appearance-none",
      "hx-aspect-auto",
-      "hx-bg-amber-100",
      "hx-bg-black/80",
      "hx-bg-black/[.05]",
      "hx-bg-blue-100",
      "hx-bg-clip-text",
      "hx-bg-gradient-to-r",
      "hx-bg-gray-100",
-      "hx-bg-green-100",
-      "hx-bg-indigo-100",
      "hx-bg-neutral-50",
      "hx-bg-orange-50",
      "hx-bg-primary-100",
@ -291,15 +277,12 @@
      "hx-bg-yellow-50",
      "hx-block",
      "hx-border",
-      "hx-border-amber-200",
      "hx-border-b",
      "hx-border-b-2",
      "hx-border-black/5",
      "hx-border-blue-200",
      "hx-border-gray-200",
      "hx-border-gray-500",
-      "hx-border-green-200",
-      "hx-border-indigo-200",
      "hx-border-orange-100",
      "hx-border-red-200",
      "hx-border-t",
@ -485,7 +468,6 @@
      "hx-text-[.65rem]",
      "hx-text-[10px]",
      "hx-text-[color:hsl(var(--primary-hue),100%,50%)]",
-      "hx-text-amber-900",
      "hx-text-base",
      "hx-text-blue-900",
      "hx-text-center",
@ -497,8 +479,6 @@
      "hx-text-gray-700",
      "hx-text-gray-800",
      "hx-text-gray-900",
-      "hx-text-green-900",
-      "hx-text-indigo-900",
      "hx-text-left",
      "hx-text-lg",
      "hx-text-orange-800",
--- a/layouts/_default/_markup/render-blockquote-alert.html
+++ b/layouts/_default/_markup/render-blockquote-alert.html
@ -1,9 +0,0 @@
-{{- if not (in (slice "note" "tip" "important" "warning" "caution") .AlertType) -}}
-  {{- warnf "Alert type %s is not supported" .AlertType -}}
-{{- end -}}
-
-{{- $content := .Text -}}
-{{- $alertType := .AlertType -}}
-{{- $alertTitle := .AlertTitle -}}
-
-{{- partial "components/github-style-alert.html" (dict "content" $content "alertType" $alertType "alertTitle" $alertTitle) -}}
--- a/layouts/_default/_markup/render-blockquote-regular.html
+++ b/layouts/_default/_markup/render-blockquote-regular.html
@ -1,3 +0,0 @@
-<blockquote>
-  {{ .Text }}
-</blockquote>
--- a/layouts/partials/components/giscus.html
+++ b/layouts/partials/components/giscus.html
@ -8,17 +8,8 @@
   * This solution was created with reference to:
   * https://github.com/giscus/giscus/issues/336#issuecomment-1214366281
  */
-  function getHugoTheme() {
-    return localStorage.getItem("color-theme");
-  }
-  
  function getGiscusTheme() {
-    let giscusTheme = "{{ (string .theme) | default `light` }}";
-    if(getHugoTheme() == 'light') {
-      return giscusTheme.replace('dark', 'light');
-    } else {
-      return giscusTheme.replace('light', 'dark');
-    }
+    return localStorage.getItem("color-theme");
  }

  function setGiscusTheme() {
--- a/layouts/partials/components/github-style-alert.html
+++ b/layouts/partials/components/github-style-alert.html
@ -1,42 +0,0 @@
-{{- $content := .content -}}
-{{- $alertType := .alertType -}}
-{{- $alertTitle := .alertTitle -}}
-
-{{- $icons := dict
-  "note" "information-circle"
-  "tip" "light-bulb"
-  "important" "information-circle"
-  "warning" "exclamation"
-  "caution" "exclamation-circle"
-}}
-
-{{- $icon := index $icons $alertType -}}
-{{- $title := or $alertTitle (or (i18n $alertType) (title $alertType)) -}}
-
-{{- $defaultClass := "hx-border-orange-100 hx-bg-orange-50 hx-text-orange-800 dark:hx-border-orange-400/30 dark:hx-bg-orange-400/20 dark:hx-text-orange-300" }}
-
-{{- $alertClasses := dict
-  "note" "hx-border-blue-200 hx-bg-blue-100 hx-text-blue-900 dark:hx-border-blue-200/30 dark:hx-bg-blue-900/30 dark:hx-text-blue-200"
-  "tip" "hx-border-green-200 hx-bg-green-100 hx-text-green-900 dark:hx-border-green-200/30 dark:hx-bg-green-900/30 dark:hx-text-green-200"
-  "important" "hx-border-indigo-200 hx-bg-indigo-100 hx-text-indigo-900 dark:hx-border-indigo-200/30 dark:hx-bg-indigo-900/30 dark:hx-text-indigo-200"
-  "warning" "hx-border-amber-200 hx-bg-amber-100 hx-text-amber-900 dark:hx-border-amber-200/30 dark:hx-bg-amber-900/30 dark:hx-text-amber-200"
-  "caution" "hx-border-red-200 hx-bg-red-100 hx-text-red-900 dark:hx-border-red-200/30 dark:hx-bg-red-900/30 dark:hx-text-red-200"
-}}
-
-{{- $class := index $alertClasses $alertType | default $defaultClass -}}
-
-
-<div class="hx-overflow-x-auto hx-mt-6 hx-flex hx-flex-col hx-rounded-lg hx-border hx-py-4 hx-px-4 contrast-more:hx-border-current contrast-more:dark:hx-border-current {{ $class }}">
-  <p class="hx-flex hx-items-center hx-font-medium">
-    {{- with $icon -}}
-      {{- partial "utils/icon.html" (dict "name" . "attributes" `height=16px class="hx-inline-block hx-align-middle hx-mr-2"`) -}}
-    {{- end -}}
-    {{- $title -}}
-  </p>
-
-  <div class="hx-w-full hx-min-w-0 hx-leading-7">
-    <div class="hx-mt-6 hx-leading-7 first:hx-mt-0">
-      {{- $content -}}
-    </div>
-  </div>
-</div>
--- a/layouts/partials/custom/footer.html
+++ b/layouts/partials/custom/footer.html
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@ -1,7 +1,5 @@
 {{- $enableFooterSwitches := .Scratch.Get "enableFooterSwitches" | default false -}}
 {{- $displayThemeToggle := site.Params.theme.displayToggle | default true -}}
-{{- $footerSwitchesVisible := and $enableFooterSwitches (or hugo.IsMultilingual $displayThemeToggle) -}}
-{{- $copyrightSectionVisible := or (.Site.Params.footer.displayPoweredBy | default true) .Site.Params.footer.displayCopyright -}}

 {{- $copyright := (T "copyright") | default "© 2024 Hextra." -}}
 {{- $poweredBy := (T "poweredBy") | default "Powered by Hextra" -}}
@ -17,7 +15,7 @@


 <footer class="hextra-footer hx-bg-gray-100 hx-pb-[env(safe-area-inset-bottom)] dark:hx-bg-neutral-900 print:hx-bg-transparent">
-  {{- if $footerSwitchesVisible -}}
+  {{- if $enableFooterSwitches -}}
    <div class="hx-mx-auto hx-flex hx-gap-2 hx-py-2 hx-px-4 {{ $footerWidth }}">
      {{- partial "language-switch.html" (dict "context" .) -}}
      {{- with $displayThemeToggle }}{{ partial "theme-toggle.html" }}{{ end -}}
@ -26,21 +24,14 @@
      <hr class="dark:hx-border-neutral-800" />
    {{- end -}}
  {{- end -}}
-    <div
-      class="hextra-custom-footer {{ $footerWidth }} hx-pl-[max(env(safe-area-inset-left),1.5rem)] hx-pr-[max(env(safe-area-inset-right),1.5rem)] hx-text-gray-600 dark:hx-text-gray-400"
-    >
-      {{- partial "custom/footer.html" (dict "context" . "switchesVisible" $footerSwitchesVisible "copyrightVisible" $copyrightSectionVisible) -}}
+  <div
+    class="{{ $footerWidth }} hx-mx-auto hx-flex hx-justify-center hx-py-12 hx-pl-[max(env(safe-area-inset-left),1.5rem)] hx-pr-[max(env(safe-area-inset-right),1.5rem)] hx-text-gray-600 dark:hx-text-gray-400 md:hx-justify-start"
+  >
+    <div class="hx-flex hx-w-full hx-flex-col hx-items-center sm:hx-items-start">
+      {{- if (.Site.Params.footer.displayPoweredBy | default true) }}<div class="hx-font-semibold">{{ template "theme-credit" $poweredBy }}</div>{{ end }}
+      {{- if .Site.Params.footer.displayCopyright }}<div class="hx-mt-6 hx-text-xs">{{ $copyright | markdownify }}</div>{{ end }}
    </div>
-    {{- if $copyrightSectionVisible -}}
-      <div
-        class="{{ $footerWidth }} hx-mx-auto hx-flex hx-justify-center hx-py-12 hx-pl-[max(env(safe-area-inset-left),1.5rem)] hx-pr-[max(env(safe-area-inset-right),1.5rem)] hx-text-gray-600 dark:hx-text-gray-400 md:hx-justify-start"
-      >
-        <div class="hx-flex hx-w-full hx-flex-col hx-items-center sm:hx-items-start">
-            {{- if (.Site.Params.footer.displayPoweredBy | default true) }}<div class="hx-font-semibold">{{ template "theme-credit" $poweredBy }}</div>{{- end -}}
-            {{- if .Site.Params.footer.displayCopyright }}<div class="hx-mt-6 hx-text-xs">{{ $copyright | markdownify }}</div>{{- end -}}
-        </div>
-      </div>
-    {{- end -}}
+  </div>
 </footer>

 {{- define "theme-credit" -}}
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@ -37,32 +37,9 @@
  {{- $mermaidJS := resources.Get "lib/mermaid/mermaid.min.js" | fingerprint -}}
  <script defer src="{{ $mermaidJS.RelPermalink }}" integrity="{{ $mermaidJS.Data.Integrity }}"></script>
  <script>
-    document.addEventListener("DOMContentLoaded", () => {
-      // Store original mermaid code for each diagram
-      document.querySelectorAll(".mermaid").forEach(el => {
-        el.dataset.original = el.innerHTML;
-      });
-
+    document.addEventListener("DOMContentLoaded", function () {
      const theme = document.documentElement.classList.contains("dark") ? "dark" : "default";
      mermaid.initialize({ startOnLoad: true, theme: theme });
-
-      let timeout;
-      new MutationObserver(() => {
-        clearTimeout(timeout);
-        timeout = setTimeout(() => {
-          const theme = document.documentElement.classList.contains("dark") ? "dark" : "default";
-          document.querySelectorAll(".mermaid").forEach(el => {
-            // Reset to original content, preserving HTML
-            el.innerHTML = el.dataset.original;
-            el.removeAttribute("data-processed");
-          });
-          mermaid.initialize({ startOnLoad: true, theme: theme });
-          mermaid.init();
-        }, 150);
-      }).observe(document.documentElement, {
-        attributes: true,
-        attributeFilter: ["class"]
-      });
    });
  </script>
 {{- end -}}
--- a/layouts/partials/shortcodes/callout.html
+++ b/layouts/partials/shortcodes/callout.html
@ -1,28 +0,0 @@
-{{- $content := .content -}}
-{{- $emoji := .emoji -}}
-{{- $icon := .icon -}}
-
-{{- $defaultClass := "hx-border-orange-100 hx-bg-orange-50 hx-text-orange-800 dark:hx-border-orange-400/30 dark:hx-bg-orange-400/20 dark:hx-text-orange-300" -}}
-
-{{- $class := .class | default $defaultClass -}}
-
-
-<div class="hx-overflow-x-auto hx-mt-6 hx-flex hx-rounded-lg hx-border hx-py-2 ltr:hx-pr-4 rtl:hx-pl-4 contrast-more:hx-border-current contrast-more:dark:hx-border-current {{ $class }}">
-  <div class="ltr:hx-pl-3 ltr:hx-pr-2 rtl:hx-pr-3 rtl:hx-pl-2">
-    {{- with $emoji -}}
-      <div class="hx-select-none hx-text-xl" style="font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';">
-        {{- . -}}
-      </div>
-    {{- else -}}
-      {{- with $icon -}}
-        {{ partial "utils/icon.html" (dict "name" . "attributes" `height=1.2em class="hx-inline-block hx-align-middle"`) -}}
-      {{- end -}}
-    {{- end -}}
-  </div>
-
-  <div class="hx-w-full hx-min-w-0 hx-leading-7">
-    <div class="hx-mt-6 hx-leading-7 first:hx-mt-0">
-      {{- $content -}}
-    </div>
-  </div>
-</div>
--- a/layouts/shortcodes/callout.html
+++ b/layouts/shortcodes/callout.html
@ -1,19 +1,37 @@
-{{- $calloutEmojiDict := dict "info" "ℹ️" "warning" "⚠️" "error" "🚫" -}}
-{{- $type := .Get "type" | default "default" -}}
+{{ $calloutEmojiDict := dict "info" "ℹ️" "warning" "⚠️" "error" "🚫" }}
+{{ $type := .Get "type" | default "default" }}
 {{/* If emoji is not set, use the emoji from dict */}}
-{{- $emoji := .Get "emoji" -}}
-{{- if eq $emoji "" -}}
-  {{- $emoji = index $calloutEmojiDict $type -}}
-{{- end -}}
+{{ $emoji := .Get "emoji" }}
+{{ if eq $emoji "" }}
+  {{ $emoji = index $calloutEmojiDict $type }}
+{{ end }}
 {{/* Also allow using "icon" */}}
-{{- $icon := .Get "icon" -}}
-{{- $content := .InnerDeindent | markdownify -}}
+{{ $icon := .Get "icon" }}

-{{- $defaultClass := "hx-border-orange-100 hx-bg-orange-50 hx-text-orange-800 dark:hx-border-orange-400/30 dark:hx-bg-orange-400/20 dark:hx-text-orange-300" -}}
-{{- $infoClass := "hx-border-blue-200 hx-bg-blue-100 hx-text-blue-900 dark:hx-border-blue-200/30 dark:hx-bg-blue-900/30 dark:hx-text-blue-200" -}}
-{{- $warningClass := "hx-border-yellow-100 hx-bg-yellow-50 hx-text-yellow-900 dark:hx-border-yellow-200/30 dark:hx-bg-yellow-700/30 dark:hx-text-yellow-200" -}}
-{{- $errorClass := "hx-border-red-200 hx-bg-red-100 hx-text-red-900 dark:hx-border-red-200/30 dark:hx-bg-red-900/30 dark:hx-text-red-200" -}}
+{{ $defaultClass := "hx-border-orange-100 hx-bg-orange-50 hx-text-orange-800 dark:hx-border-orange-400/30 dark:hx-bg-orange-400/20 dark:hx-text-orange-300" }}
+{{ $infoClass := "hx-border-blue-200 hx-bg-blue-100 hx-text-blue-900 dark:hx-border-blue-200/30 dark:hx-bg-blue-900/30 dark:hx-text-blue-200" }}
+{{ $warningClass := "hx-border-yellow-100 hx-bg-yellow-50 hx-text-yellow-900 dark:hx-border-yellow-200/30 dark:hx-bg-yellow-700/30 dark:hx-text-yellow-200" }}
+{{ $errorClass := "hx-border-red-200 hx-bg-red-100 hx-text-red-900 dark:hx-border-red-200/30 dark:hx-bg-red-900/30 dark:hx-text-red-200" }}

-{{- $class := cond (eq $type "info") $infoClass (cond (eq $type "warning") $warningClass (cond (eq $type "error") $errorClass $defaultClass)) -}}
+{{ $class := cond (eq $type "info") $infoClass (cond (eq $type "warning") $warningClass (cond (eq $type "error") $errorClass $defaultClass)) }}

-{{- partial "shortcodes/callout.html" (dict "content" $content "emoji" $emoji "icon" $icon "class" $class) -}}
+
+<div class="hx-overflow-x-auto hx-mt-6 hx-flex hx-rounded-lg hx-border hx-py-2 ltr:hx-pr-4 rtl:hx-pl-4 contrast-more:hx-border-current contrast-more:dark:hx-border-current {{ $class }}">
+  <div class="ltr:hx-pl-3 ltr:hx-pr-2 rtl:hx-pr-3 rtl:hx-pl-2">
+    {{- with $emoji -}}
+      <div class="hx-select-none hx-text-xl" style="font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';">
+        {{ . }}
+      </div>
+    {{- else -}}
+      {{- with $icon }}
+        {{ partial "utils/icon.html" (dict "name" . "attributes" `height=1.2em class="hx-inline-block hx-align-middle"`) -}}
+      {{- end -}}
+    {{- end -}}
+  </div>
+
+  <div class="hx-w-full hx-min-w-0 hx-leading-7">
+    <div class="hx-mt-6 hx-leading-7 first:hx-mt-0">
+      {{ .InnerDeindent | markdownify }}
+    </div>
+  </div>
+</div>
--- a/layouts/shortcodes/hextra/hero-section.html
+++ b/layouts/shortcodes/hextra/hero-section.html
@ -1,10 +0,0 @@
-{{- $style := .Get "style" -}}
-{{- $heading := int (strings.TrimPrefix "h" (.Get "heading" | default "h2")) -}}
-{{- $size := cond (ge $heading 4) "xl" (cond (eq $heading 3) "2xl" "4xl") -}}
-
-<h{{ $heading }}
-  class="not-prose hx-text-{{ $size }} hx-font-bold hx-leading-none hx-tracking-tighter md:hx-text-3xl hx-py-2 hx-bg-clip-text hx-text-transparent hx-bg-gradient-to-r hx-from-gray-900 hx-to-gray-600 dark:hx-from-gray-100 dark:hx-to-gray-400"
-  {{ with $style }}style="{{ . | safeCSS }}"{{ end }}
->
-  {{ .Inner | markdownify }}
-</h{{ $heading }}>
--- a/netlify.toml
+++ b/netlify.toml
@ -7,6 +7,6 @@ command = "cd exampleSite && hugo --gc --minify --themesDir ../.. -b ${DEPLOY_PR
 ignore = "false"

 [build.environment]
-HUGO_VERSION = "0.138.0"
+HUGO_VERSION = "0.132.2"
 GO_VERSION = "1.22.3"
 NODE_VERSION = "22.2.0"
--- a/package-lock.json
+++ b/package-lock.json
@ -523,10 +523,11 @@
      }
    },
    "node_modules/cross-spawn": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
      "dev": true,
+      "license": "MIT",
      "dependencies": {
        "path-key": "^3.1.0",
        "shebang-command": "^2.0.0",
@ -1030,9 +1031,9 @@
      }
    },
    "node_modules/nanoid": {
-      "version": "3.3.8",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
-      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
      "dev": true,
      "funding": [
        {
@ -1040,6 +1041,7 @@
          "url": "https://github.com/sponsors/ai"
        }
      ],
+      "license": "MIT",
      "bin": {
        "nanoid": "bin/nanoid.cjs"
      },
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -61,11 +61,8 @@ module.exports = {
      neutral: colors.neutral,
      red: colors.red,
      orange: colors.orange,
-      green: colors.green,
-      indigo: colors.indigo,
      blue: colors.blue,
      yellow: colors.yellow,
-      amber: colors.amber,
      primary: {
        50: makePrimaryColor(97),
        100: makePrimaryColor(94),
Author	SHA1	Message	Date
XUE	a9aa914204	Merge `06eb8a66a1` into `86a1f3fd96`	2024-11-16 09:49:36 +00:00
XUE	06eb8a66a1	fix: reduce the frequency of jittering effect	2024-11-16 17:44:20 +08:00
XUE	081ad8b84f	Merge pull request #1 from imfing/main update the theme 241104	2024-11-04 10:49:51 +08:00
XUE	7593ef4ae4	fix: add the debouncing and reduce the duplicate writes	2024-11-04 10:29:22 +08:00
XUE	b70d729283	fix: restore the sidebar position to make the selected entry showed	2024-11-03 21:47:31 +08:00