Merge pull request #1281 from nunocoracao/dev

🔖 v2.60.0
nunocoracao · Mar 6, 2024 · ec76fb3 · ec76fb3
2 parents 984320d + fd356e8
commit ec76fb3
Show file tree

Hide file tree

Showing 17 changed files with 542 additions and 3,634 deletions.
diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
diff --git 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();
     });
 })();
diff --git 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)
-        //}
     });
 })();
diff --git a/assets/lib/chart/chart.min.js b/assets/lib/chart/chart.min.js
diff --git a/assets/lib/tw-elements/index.min.js b/assets/lib/tw-elements/index.min.js
diff --git 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"
diff --git 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 -->

diff --git a/exampleSite/content/users/karlukle.site/feature.jpg b/exampleSite/content/users/karlukle.site/feature.jpg
diff --git 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
+                ---

diff --git 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"
+    ]
   }
 ]
diff --git 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 @@ <h2 class="mt-0 mb-0 text-xl text-neutral-300">
                         </div>
                         {{ end }}
                     </div>
-                    <section class="prose dark:prose-invert">{{ .Content | emojify }}</section>
+                    <section class="prose prose-invert">{{ .Content | emojify }}</section>
                 </div>
             </div>
         </div>

diff --git 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">

diff --git 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 }}"

diff --git a/layouts/shortcodes/gitlab.html b/layouts/shortcodes/gitlab.html
@@ -39,15 +39,13 @@
 
   </div>
   <script>
-    console.log({{ $gitlabURL }})
     fetch({{ $gitlabURL }}, {
       headers: new Headers({
         'User-agent': 'Mozilla/4.0 Custom User Agent'
       })
     })
       .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;