Merge pull request #1281 from nunocoracao/dev

🔖 v2.60.0
2025-01-22 14:35:43 -06:00 · 2024-03-06 23:15:29 +00:00 · 2024-03-06 23:15:29 +00:00 · ec76fb3c0a
commit ec76fb3c0a
parent 984320d0ef fd356e8c1b
17 changed files with 417 additions and 3509 deletions
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
--- a/assets/js/shortcodes/gallery.js
+++ b/assets/js/shortcodes/gallery.js
@ -9,7 +9,6 @@ function _getDefaultPackeryOptions() {
 (function init() {

    $(window).on("load", function () {
-        console.groupCollapsed('[DEBUG] Gallery feature enable');
        let packeries = [];
        let nodeGalleries = document.querySelectorAll('.gallery');

@ -18,8 +17,6 @@ function _getDefaultPackeryOptions() {
            let packery = new Packery(nodeGallery, _getDefaultPackeryOptions());
            packeries.push(packery);
        });
-
-        console.log("Galleries founded and initialized with packery", packeries);
        console.groupEnd();
    });
 })();
--- a/assets/js/zen-mode.js
+++ b/assets/js/zen-mode.js
@ -48,23 +48,10 @@ function _registerZendModeButtonClick(zendModeButton) {

 (function init() {
    window.addEventListener("DOMContentLoaded", (event) => {
-        console.debug('[DEBUG] Zen-mode feature enable');
-
        // Register click on 'zen-mode-button' node element
        const zendModeButton = document.getElementById('zen-mode-button');
        if(zendModeButton !== null && zendModeButton !== undefined) {
            _registerZendModeButtonClick(zendModeButton);
-                        console.log('[DEBUG] Zen-mode button found');
-
-        }else{
-            console.log('[DEBUG] Zen-mode button not found');
        }
-
-        // Initialize localstorage option 'blowfish-zen-mode-enabled' to false, if it does not exist, otherwise enable it.
-        //if (localStorage.getItem('blowfish-zen-mode-enabled') === null) {
-        //    localStorage.setItem('blowfish-zen-mode-enabled', 'false');
-        //} else if (localStorage.getItem('blowfish-zen-mode-enabled') === 'true') {
-        //    _toogleZenMode(zendModeButton)
-        //}
    });
 })();
--- a/assets/lib/chart/chart.min.js
+++ b/assets/lib/chart/chart.min.js
--- a/assets/lib/tw-elements/index.min.js
+++ b/assets/lib/tw-elements/index.min.js
--- a/config.toml
+++ b/config.toml
@ -2,4 +2,4 @@
 [module.hugoVersion]
 extended = true
 min = "0.87.0"
-max = "0.123.6"
+max = "0.123.7"
--- a/exampleSite/content/docs/shortcodes/index.md
+++ b/exampleSite/content/docs/shortcodes/index.md
@ -204,6 +204,7 @@ The `figure` shortcode accepts six parameters:
 | `caption` | Markdown for the image caption, which will be displayed below the image.                                                                                                                                                                                                                                                                                                                  |
 | `class`   | Additional CSS classes to apply to the image.                                                                                                                                                                                                                                                                                                                                             |
 | `href`    | URL that the image should be linked to.                                                                                                                                                                                                                                                                                                                                                   |
+| `target`  | The target attribute for the `href` URL.                                                                                                                                                                                                                                                                                                                                        |
 | `nozoom`  | `nozoom=true` disables the image "zoom" functionality. This is most useful in combination with a `href` link.                                                                                                                                                                                                                                                                             |
 | `default` | Special parameter to revert to default Hugo `figure` behaviour. Simply provide `default=true` and then use normal [Hugo shortcode syntax](https://gohugo.io/content-management/shortcodes/#figure).                                                                                                                                                                                       |
 <!-- prettier-ignore-end -->
--- a/exampleSite/content/users/karlukle.site/feature.jpg
+++ b/exampleSite/content/users/karlukle.site/feature.jpg
--- a/exampleSite/content/users/karlukle.site/index.md
+++ b/exampleSite/content/users/karlukle.site/index.md
@ -0,0 +1,13 @@
+---
+                title: "karlukle.site"
+                tags: [Personal blog]
+                externalUrl: "https://karlukle.site"
+                date: 9920-08-08
+                showDate: false
+                showAuthor: false
+                showReadingTime: false
+                showEdit: false
+                showLikes: false
+                showViews: false
+                layoutBackgroundHeaderSpace: false
+                
---
--- a/exampleSite/content/users/users.json
+++ b/exampleSite/content/users/users.json
@ -562,5 +562,12 @@
      "Personal Homepage",
      "Blog"
    ]
+  },
+  {
+    "title": "karlukle.site",
+    "url": "https://karlukle.site",
+    "tags": [
+      "Personal blog"
+    ]
  }
 ]
--- a/layouts/partials/home/hero.html
+++ b/layouts/partials/home/hero.html
@ -23,7 +23,7 @@
                    {{ if $homepageImage }}
                    <img class="h-full w-full object-cover m-0 nozoom" src="{{ $homepageImage.RelPermalink }}">
                    <div
-                        class="absolute inset-0 bg-gradient-to-r from-primary-500 to-secondary-700 dark:from-primary-600 dark:to-secondary-800 mix-blend-multiply">
+                        class="absolute inset-0 bg-gradient-to-r from-primary-500 to-secondary-600 dark:from-primary-600 dark:to-secondary-800 mix-blend-multiply">
                    </div>
                    {{ end }}
                </div>
@ -64,7 +64,7 @@
                        </div>
                        {{ end }}
                    </div>
-                    <section class="prose dark:prose-invert">{{ .Content | emojify }}</section>
+                    <section class="prose prose-invert">{{ .Content | emojify }}</section>
                </div>
            </div>
        </div>
--- a/layouts/shortcodes/carousel.html
+++ b/layouts/shortcodes/carousel.html
@ -16,14 +16,14 @@
    {{ end }}
 {{ end }}

-<div id="{{ $id }}" class="relative" data-te-carousel-init data-te-ride="carousel">
+<div id="{{ $id }}" class="relative" data-twe-carousel-init data-twe-ride="carousel">
    <div class="absolute right-0 bottom-0 left-0 z-[2] mx-[15%] mb-10 flex list-none justify-center p-0"
-        data-te-carousel-indicators>
+        data-twe-carousel-indicators>

        {{ $num := 0 }}
        {{ range $images }}

-        <button type="button" data-te-target="#{{ $id }}" data-te-slide-to="{{ $num }}" {{ if eq $num 0 }} data-te-carousel-active aria-current="true" {{ end }} 
+        <button type="button" data-twe-target="#{{ $id }}" data-twe-slide-to="{{ $num }}" {{ if eq $num 0 }} data-twe-carousel-active aria-current="true" {{ end }} 
        class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
        aria-label="Slide {{ $num }}"></button>

@ -37,7 +37,7 @@
        {{ range $images }}

        <div class="relative float-left -mr-[100%] {{ if not (eq $num 0) }} hidden {{ end }} w-full transition-transform duration-[{{ $interval }}ms] ease-in-out motion-reduce:transition-none"
-            data-te-carousel-item {{ if eq $num 0 }} data-te-carousel-active {{ end }}>
+            data-twe-carousel-item {{ if eq $num 0 }} data-twe-carousel-active {{ end }}>
            <div class="ratio-{{ $aspect }} single_hero_background">
                <img src="{{ .RelPermalink }}" class="block absolute top-0 object-cover w-full h-full nozoom" alt="carousel image {{$num}}"/>
            </div>
@ -49,7 +49,7 @@
    </div>
    <button
        class="absolute top-0 bottom-0 left-0 z-[2] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center text-white opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:text-white hover:no-underline hover:opacity-90 hover:outline-none focus:text-white focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none"
-        type="button" data-te-target="#{{ $id }}" data-te-slide="prev">
+        type="button" data-twe-target="#{{ $id }}" data-twe-slide="prev">
        <span class="inline-block h-8 w-8">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4.5"
                stroke="currentColor" class="h-6 w-6">
@ -61,7 +61,7 @@
    </button>
    <button
        class="absolute top-0 bottom-0 right-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center text-white opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:text-white hover:no-underline hover:opacity-90 hover:outline-none focus:text-white focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none"
-        type="button" data-te-target="#{{ $id }}" data-te-slide="next">
+        type="button" data-twe-target="#{{ $id }}" data-twe-slide="next">
        <span class="inline-block h-8 w-8">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4.5"
                stroke="currentColor" class="h-6 w-6">
--- a/layouts/shortcodes/figure.html
+++ b/layouts/shortcodes/figure.html
@ -7,6 +7,7 @@
  {{ $caption := .Get "caption" }}
  {{ $href := .Get "href" }}
  {{ $class := .Get "class" }}
+  {{ $target := .Get "target" }}
  {{ $nozoom := .Get "nozoom" | default false }}
  {{ if findRE "^https?" $url.Scheme }}
    <figure>
@ -22,7 +23,7 @@
    {{ end }}
    {{ with $resource }}
      <figure {{ with $class }}class="{{ . }}"{{ end }}>
-        {{ with $href }}<a href="{{ . }}">{{ end }}
+        {{ with $href }}<a href="{{ . }}" {{ with $target }}target="{{ . }}"{{ end }}>{{ end }}
          {{ if $disableImageOptimization }}
          <img
            class="my-0 rounded-md{{ if $nozoom }} nozoom{{ end }}"
--- a/layouts/shortcodes/gitlab.html
+++ b/layouts/shortcodes/gitlab.html
@ -39,7 +39,6 @@

  </div>
  <script>
-    console.log({{ $gitlabURL }})
    fetch({{ $gitlabURL }}, {
      headers: new Headers({
        'User-agent': 'Mozilla/4.0 Custom User Agent'
@ -47,7 +46,6 @@
    })
      .then(response => response.json())
      .then(data => {
-        console.log(data)
        document.getElementById('{{ $id }}-name_with_namespace').innerHTML = data.name_with_namespace;
        document.getElementById('{{ $id }}-description').innerHTML = data.description;
        document.getElementById('{{ $id }}-star_count').innerHTML = data.star_count;
--- a/package-lock.json
+++ b/package-lock.json
@ -1,12 +1,12 @@
 {
  "name": "hugo-blowfish-theme",
-  "version": "2.59.0",
+  "version": "2.60.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "hugo-blowfish-theme",
-      "version": "2.59.0",
+      "version": "2.60.0",
      "hasInstallScript": true,
      "license": "MIT",
      "dependencies": {
@ -17,7 +17,7 @@
      },
      "devDependencies": {
        "@tailwindcss/typography": "^0.5.10",
-        "chart.js": "^4.4.1",
+        "chart.js": "^4.4.2",
        "fuse.js": "^7.0.0",
        "jquery": "^3.7.1",
        "katex": "^0.16.9",
@ -25,10 +25,10 @@
        "prettier": "^3.2.5",
        "prettier-plugin-go-template": "^0.0.15",
        "prettier-plugin-tailwindcss": "^0.5.11",
-        "puppeteer": "^22.3.0",
+        "puppeteer": "^22.4.0",
        "rimraf": "^5.0.5",
        "tailwindcss": "^3.4.1",
-        "tw-elements": "1.1.0",
+        "tw-elements": "2.0.0",
        "typeit": "^8.8.3",
        "vendor-copy": "^3.0.1"
      }
@ -217,16 +217,6 @@
        "node": ">=14"
      }
    },
-    "node_modules/@popperjs/core": {
-      "version": "2.11.6",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
-      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
    "node_modules/@puppeteer/browsers": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.1.0.tgz",
@ -307,9 +297,9 @@
      "dev": true
    },
    "node_modules/@types/node": {
-      "version": "20.11.21",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.21.tgz",
-      "integrity": "sha512-/ySDLGscFPNasfqStUuWWPfL78jompfIoVzLJPVVAHBh6rpG68+pI2Gk+fNLeI8/f1yPYL4s46EleVIc20F1Ow==",
+      "version": "20.11.24",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.24.tgz",
+      "integrity": "sha512-Kza43ewS3xoLgCEpQrsT+xRo/EJej1y0kVYGiLFE1NEODXGzTfwiC6tXTLMQskn1X4/Rjlh0MQUvx9W+L9long==",
      "dev": true,
      "optional": true,
      "dependencies": {
@ -420,16 +410,16 @@
      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
    },
    "node_modules/bare-events": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.2.0.tgz",
-      "integrity": "sha512-Yyyqff4PIFfSuthCZqLlPISTWHmnQxoPuAvkmgzsJEmG3CesdIv6Xweayl0JkCZJSB2yYIdJyEz97tpxNhgjbg==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.2.1.tgz",
+      "integrity": "sha512-9GYPpsPFvrWBkelIhOhTWtkeZxVxZOdb3VnFTCzlOo3OjvmTvzLoZFUT8kNFACx0vJej6QPney1Cf9BvzCNE/A==",
      "dev": true,
      "optional": true
    },
    "node_modules/bare-fs": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-2.2.0.tgz",
-      "integrity": "sha512-+VhW202E9eTVGkX7p+TNXtZC4RTzj9JfJW7PtfIbZ7mIQ/QT9uOafQTx7lx2n9ERmWsXvLHF4hStAFn4gl2mQw==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-2.2.1.tgz",
+      "integrity": "sha512-+CjmZANQDFZWy4PGbVdmALIwmt33aJg8qTkVjClU6X4WmZkTPBDxRHiBn7fpqEWEfF3AC2io++erpViAIQbSjg==",
      "dev": true,
      "optional": true,
      "dependencies": {
@ -605,24 +595,15 @@
      "dev": true
    },
    "node_modules/chart.js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.1.tgz",
-      "integrity": "sha512-C74QN1bxwV1v2PEujhmKjOZ7iUM4w6BWs23Md/6aOZZSlwMzeCIDGuZay++rBgChYru7/+QFeoQW0fQoP534Dg==",
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.2.tgz",
+      "integrity": "sha512-6GD7iKwFpP5kbSD4MeRRRlTnQvxfQREy36uEtm1hzHzcOqwWx0YEHuspuoNlslu+nciLIB7fjjsHkUv/FzFcOg==",
      "dev": true,
      "dependencies": {
        "@kurkle/color": "^0.3.0"
      },
      "engines": {
-        "pnpm": ">=7"
-      }
-    },
-    "node_modules/chartjs-plugin-datalabels": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/chartjs-plugin-datalabels/-/chartjs-plugin-datalabels-2.2.0.tgz",
-      "integrity": "sha512-14ZU30lH7n89oq+A4bWaJPnAG8a7ZTk7dKf48YAzMvJjQtjrgg5Dpk9f+LbjCF6bpx3RAGTeL13IXpKQYyRvlw==",
-      "dev": true,
-      "peerDependencies": {
-        "chart.js": ">=3.0.0"
+        "pnpm": ">=8"
      }
    },
    "node_modules/chokidar": {
@ -663,9 +644,9 @@
      }
    },
    "node_modules/chromium-bidi": {
-      "version": "0.5.10",
-      "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-0.5.10.tgz",
-      "integrity": "sha512-4hsPE1VaLLM/sgNK/SlLbI24Ra7ZOuWAjA3rhw1lVCZ8ZiUgccS6cL5L/iqo4hjRcl5vwgYJ8xTtbXdulA9b6Q==",
+      "version": "0.5.12",
+      "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-0.5.12.tgz",
+      "integrity": "sha512-sZMgEBWKbupD0Q7lyFu8AWkrE+rs5ycE12jFkGwIgD/VS8lDPtelPlXM7LYaq4zrkZ/O2L3f4afHUHL0ICdKog==",
      "dev": true,
      "dependencies": {
        "mitt": "3.0.1",
@ -858,12 +839,6 @@
        "node": ">=4"
      }
    },
-    "node_modules/custom-event-polyfill": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/custom-event-polyfill/-/custom-event-polyfill-1.0.7.tgz",
-      "integrity": "sha512-TDDkd5DkaZxZFM8p+1I3yAlvM3rSr1wbrOliG4yJiwinMZN8z/iGL7BTlDkrJcYTmgUSb4ywVCc3ZaUtOtC76w==",
-      "dev": true
-    },
    "node_modules/data-uri-to-buffer": {
      "version": "6.0.2",
      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-6.0.2.tgz",
@ -890,15 +865,6 @@
        }
      }
    },
-    "node_modules/deepmerge": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
-      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
    "node_modules/degenerator": {
      "version": "5.0.1",
      "resolved": "https://registry.npmjs.org/degenerator/-/degenerator-5.0.1.tgz",
@ -919,15 +885,6 @@
      "integrity": "sha512-+1q0nXhdzg1IpIJdMKalUwvvskeKnYyEe3shPRwedNcWtnhEKT3ZxvFjzywHDeGcKViIxTCAoOYQWP1qD7VNyg==",
      "dev": true
    },
-    "node_modules/detect-autofill": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/detect-autofill/-/detect-autofill-1.1.4.tgz",
-      "integrity": "sha512-utCBQwCR/beSnADQmBC7C4tTueBBkYCl6WSpfGUkYKO/+MzPxqYGj6G4MvHzcKmH1gCTK+VunX2vaagvkRXPvA==",
-      "dev": true,
-      "dependencies": {
-        "custom-event-polyfill": "^1.0.7"
-      }
-    },
    "node_modules/devtools-protocol": {
      "version": "0.0.1249869",
      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1249869.tgz",
@ -1911,12 +1868,6 @@
      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
      "dev": true
    },
-    "node_modules/perfect-scrollbar": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/perfect-scrollbar/-/perfect-scrollbar-1.5.5.tgz",
-      "integrity": "sha512-dzalfutyP3e/FOpdlhVryN4AJ5XDVauVWxybSkLZmakFE2sS3y3pc4JnSprw8tGmHvkaG5Edr5T7LBTZ+WWU2g==",
-      "dev": true
-    },
    "node_modules/picocolors": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@ -1976,23 +1927,6 @@
        "node": "^10 || ^12 || >=14"
      }
    },
-    "node_modules/postcss-import": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
-      "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
-      "dev": true,
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
-    },
    "node_modules/postcss-js": {
      "version": "4.0.1",
      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
@ -2011,54 +1945,6 @@
        "postcss": "^8.4.21"
      }
    },
-    "node_modules/postcss-load-config": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
-      "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
-      "dev": true,
-      "dependencies": {
-        "lilconfig": "^2.0.5",
-        "yaml": "^1.10.2"
-      },
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": ">=8.0.9",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "postcss": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-nested": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.0.tgz",
-      "integrity": "sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==",
-      "dev": true,
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.10"
-      },
-      "engines": {
-        "node": ">=12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
-      }
-    },
    "node_modules/postcss-selector-parser": {
      "version": "6.0.10",
      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
@ -2230,15 +2116,15 @@
      }
    },
    "node_modules/puppeteer": {
-      "version": "22.3.0",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-22.3.0.tgz",
-      "integrity": "sha512-GC+tyjzYKjaNjhlDAuqRgDM+IOsqOG75Da4L28G4eULNLLxKDt+79x2OOSQ47HheJBgGq7ATSExNE6gayxP6cg==",
+      "version": "22.4.0",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-22.4.0.tgz",
+      "integrity": "sha512-tR+JsDbA2qD1DqRX4F9k9SxQhk6UzcaCN+Qux7+WrDceS7wcR7tlFmMNB8+g8zE4Fmr/iRTOtf5wNnTW9cGUFQ==",
      "dev": true,
      "hasInstallScript": true,
      "dependencies": {
        "@puppeteer/browsers": "2.1.0",
        "cosmiconfig": "9.0.0",
-        "puppeteer-core": "22.3.0"
+        "puppeteer-core": "22.4.0"
      },
      "bin": {
        "puppeteer": "lib/esm/puppeteer/node/cli.js"
@ -2248,13 +2134,13 @@
      }
    },
    "node_modules/puppeteer-core": {
-      "version": "22.3.0",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-22.3.0.tgz",
-      "integrity": "sha512-Ho5Vdpdro05ZyCx/l5Hkc5vHiibKTaY37fIAD9NF9Gi/vDxkVTeX40U/mFnEmeoxyuYALvWCJfi7JTT82R6Tuw==",
+      "version": "22.4.0",
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-22.4.0.tgz",
+      "integrity": "sha512-MZttAbttrxi6O/B//rY6zQihjFe/vXeCLb5YvKH2xG6yrcVESo0Hc5/Cv49omwZyZzAJ1BK8BnDeatDsj+3hMw==",
      "dev": true,
      "dependencies": {
        "@puppeteer/browsers": "2.1.0",
-        "chromium-bidi": "0.5.10",
+        "chromium-bidi": "0.5.12",
        "cross-fetch": "4.0.0",
        "debug": "4.3.4",
        "devtools-protocol": "0.0.1249869",
@ -2289,18 +2175,6 @@
      "integrity": "sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==",
      "dev": true
    },
-    "node_modules/quick-lru": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
-      "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
    "node_modules/react": {
      "version": "18.2.0",
      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@ -2956,81 +2830,11 @@
      "dev": true
    },
    "node_modules/tw-elements": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.1.0.tgz",
-      "integrity": "sha512-IUr9YW2l99oTVZxuVjQg6rpuCpo6VZqbaKGYmZUNVVsoSVU/ljPpkJAY2Pn/morlXwKPhP9MTPNQMlWosqHL4w==",
-      "dev": true,
-      "dependencies": {
-        "@popperjs/core": "^2.6.0",
-        "chart.js": "^3.7.1",
-        "chartjs-plugin-datalabels": "^2.0.0",
-        "deepmerge": "^4.2.2",
-        "detect-autofill": "^1.1.3",
-        "perfect-scrollbar": "^1.5.5",
-        "tailwindcss": "3.3.0"
-      }
-    },
-    "node_modules/tw-elements/node_modules/chart.js": {
-      "version": "3.9.1",
-      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.9.1.tgz",
-      "integrity": "sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-2.0.0.tgz",
+      "integrity": "sha512-aiitkqzmCZIZ9zJr3V6ErVzU/CrKoAkptpv94t0pEKnVn2Ah4jOplXOO/v6Fo9jr3PoTA5dxvlyS4w8rnW/iag==",
      "dev": true
    },
-    "node_modules/tw-elements/node_modules/postcss-selector-parser": {
-      "version": "6.0.11",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz",
-      "integrity": "sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/tw-elements/node_modules/tailwindcss": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.0.tgz",
-      "integrity": "sha512-hOXlFx+YcklJ8kXiCAfk/FMyr4Pm9ck477G0m/us2344Vuj355IpoEDB5UmGAsSpTBmr+4ZhjzW04JuFXkb/fw==",
-      "dev": true,
-      "dependencies": {
-        "arg": "^5.0.2",
-        "chokidar": "^3.5.3",
-        "color-name": "^1.1.4",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.2.12",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "jiti": "^1.17.2",
-        "lilconfig": "^2.0.6",
-        "micromatch": "^4.0.5",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.0.9",
-        "postcss-import": "^14.1.0",
-        "postcss-js": "^4.0.0",
-        "postcss-load-config": "^3.1.4",
-        "postcss-nested": "6.0.0",
-        "postcss-selector-parser": "^6.0.11",
-        "postcss-value-parser": "^4.2.0",
-        "quick-lru": "^5.1.1",
-        "resolve": "^1.22.1",
-        "sucrase": "^3.29.0"
-      },
-      "bin": {
-        "tailwind": "lib/cli.js",
-        "tailwindcss": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=12.13.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.9"
-      }
-    },
    "node_modules/typeit": {
      "version": "8.8.3",
      "resolved": "https://registry.npmjs.org/typeit/-/typeit-8.8.3.tgz",
@ -3265,15 +3069,6 @@
      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
      "dev": true
    },
-    "node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
    "node_modules/yargs": {
      "version": "17.7.2",
      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "hugo-blowfish-theme",
-  "version": "2.59.0",
+  "version": "2.60.0",
  "description": "Blowfish theme for Hugo",
  "scripts": {
    "postinstall": "vendor-copy",
@ -35,7 +35,7 @@
  "homepage": "https://github.com/nunocoracao/blowfish#readme",
  "devDependencies": {
    "@tailwindcss/typography": "^0.5.10",
-    "chart.js": "^4.4.1",
+    "chart.js": "^4.4.2",
    "fuse.js": "^7.0.0",
    "jquery": "^3.7.1",
    "katex": "^0.16.9",
@ -43,10 +43,10 @@
    "prettier": "^3.2.5",
    "prettier-plugin-go-template": "^0.0.15",
    "prettier-plugin-tailwindcss": "^0.5.11",
-    "puppeteer": "^22.3.0",
+    "puppeteer": "^22.4.0",
    "rimraf": "^5.0.5",
    "tailwindcss": "^3.4.1",
-    "tw-elements": "1.1.0",
+    "tw-elements": "2.0.0",
    "typeit": "^8.8.3",
    "vendor-copy": "^3.0.1"
  },
@ -89,7 +89,7 @@
      "to": "assets/lib/packery/packery.pkgd.min.js"
    },
    {
-      "from": "node_modules/tw-elements/dist/js/tw-elements.umd.min.js",
+      "from": "node_modules/tw-elements/js/tw-elements.umd.min.js",
      "to": "assets/lib/tw-elements/index.min.js"
    }
  ],
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -4,7 +4,7 @@ module.exports = {
    "./content/**/*.{html,md}",
    "./themes/blowfish/layouts/**/*.html",
    "./themes/blowfish/content/**/*.{html,md}",
-    "./node_modules/tw-elements/dist/js/**/*.js"
+    "./node_modules/tw-elements/js/**/*.js"
  ],
  darkMode: "class",
  theme: {
@ -177,5 +177,6 @@ module.exports = {
  plugins: [
    require("@tailwindcss/typography"),
    require('@tailwindcss/forms'),
+    require("tw-elements/plugin.cjs"),
  ],
 };