Merge pull request #2230 from nunocoracao/dev

🔖 v2.88.0

Author: nunocoracao

.prettierignore

@@ -28,13 +28,8 @@ static
 layouts/_default/_markup/render-heading.html
 layouts/_default/index.json
 layouts/_default/list.html
-layouts/partials/article-link/card-related.html
-layouts/partials/article-link/card.html
-layouts/partials/article-link/simple.html
-layouts/partials/header/basic.html
-layouts/partials/hero/background.html
-layouts/partials/head.html
 layouts/shortcodes/screenshot.html
 layouts/shortcodes/figure.html
+layouts/partials/hugo-embedded/shortcodes/figure-default.html
 
 assets/js/appearance.js

.prettierrc

@@ -6,8 +6,9 @@
   "trailingComma": "all",
   "proseWrap": "always",
   "plugins": [
+    "@awmottaz/prettier-plugin-void-html",
     "prettier-plugin-go-template",
-    "@awmottaz/prettier-plugin-void-html"
+    "prettier-plugin-tailwindcss"
   ],
   "overrides": [
     {

assets/css/compiled/main.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
 /*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */
 @layer properties;
 #zen-mode-button {
@@ -284,18 +284,33 @@ body.zen-mode-enable {
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
+  .left-\[calc\(max\(-50vw\,-800px\)\+50\%\)\] {
+    left: calc(max(-50vw, -800px) + 50%);
+  }
+  .-z-10 {
+    z-index: calc(10 * -1);
+  }
+  .z-2 {
+    z-index: 2;
+  }
   .z-10 {
     z-index: 10;
   }
   .z-30 {
     z-index: 30;
   }
+  .z-80 {
+    z-index: 80;
+  }
+  .z-100 {
+    z-index: 100;
+  }
+  .z-500 {
+    z-index: 500;
+  }
   .z-\[1\] {
     z-index: 1;
   }
-  .z-\[2\] {
-    z-index: 2;
-  }
   .z-\[999\] {
     z-index: 999;
   }
@@ -826,6 +841,12 @@ body.zen-mode-enable {
   .\!mt-0 {
     margin-top: calc(var(--spacing) * 0) !important;
   }
+  .-mt-\[2px\] {
+    margin-top: calc(2px * -1);
+  }
+  .-mt-\[15px\] {
+    margin-top: calc(15px * -1);
+  }
   .mt-0 {
     margin-top: calc(var(--spacing) * 0);
   }
@@ -859,18 +880,21 @@ body.zen-mode-enable {
   .mt-20 {
     margin-top: calc(var(--spacing) * 20);
   }
-  .mt-\[-2px\] {
-    margin-top: -2px;
-  }
   .mt-\[0\.1rem\] {
     margin-top: 0.1rem;
   }
+  .mt-\[0\.5rem\] {
+    margin-top: 0.5rem;
+  }
   .-mr-48 {
     margin-right: calc(var(--spacing) * -48);
   }
   .-mr-\[100\%\] {
     margin-right: calc(100% * -1);
   }
+  .mr-0 {
+    margin-right: calc(var(--spacing) * 0);
+  }
   .mr-1 {
     margin-right: calc(var(--spacing) * 1);
   }
@@ -883,6 +907,9 @@ body.zen-mode-enable {
   .mr-5 {
     margin-right: calc(var(--spacing) * 5);
   }
+  .mr-\[10px\] {
+    margin-right: 10px;
+  }
   .mr-auto {
     margin-right: auto;
   }
@@ -934,6 +961,9 @@ body.zen-mode-enable {
   .-ml-12 {
     margin-left: calc(var(--spacing) * -12);
   }
+  .ml-0 {
+    margin-left: calc(var(--spacing) * 0);
+  }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
@@ -1743,6 +1773,15 @@ body.zen-mode-enable {
   .pt-16 {
     padding-top: calc(var(--spacing) * 16);
   }
+  .pt-\[2px\] {
+    padding-top: 2px;
+  }
+  .pt-\[5px\] {
+    padding-top: 5px;
+  }
+  .pr-0 {
+    padding-right: calc(var(--spacing) * 0);
+  }
   .pr-\[24px\] {
     padding-right: 24px;
   }
@@ -1761,6 +1800,12 @@ body.zen-mode-enable {
   .pb-32 {
     padding-bottom: calc(var(--spacing) * 32);
   }
+  .pb-\[3px\] {
+    padding-bottom: 3px;
+  }
+  .pl-0 {
+    padding-left: calc(var(--spacing) * 0);
+  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -3337,7 +3382,7 @@ button, [role="button"] {
     padding-right: calc(var(--spacing) * 4);
   }
 }
-.prose ul>li, .prose ol>li {
+.prose ul > li, .prose ol > li {
   &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
     margin-right: calc(var(--spacing) * 7);
   }
@@ -3348,7 +3393,7 @@ button, [role="button"] {
     padding-left: calc(var(--spacing) * 0);
   }
 }
-.prose ol>li:before, .prose ul>li:before {
+.prose ol > li:before, .prose ul > li:before {
   &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
     right: calc(var(--spacing) * 1);
   }
@@ -3366,11 +3411,13 @@ button, [role="button"] {
     padding-left: calc(var(--spacing) * 0);
   }
 }
-.prose div.min-w-0.max-w-prose>*:first-child {
+.prose div.min-w-0.max-w-prose > *:first-child {
   margin-top: calc(var(--spacing) * 3);
 }
 #TableOfContents {
-  max-width: 25vw;
+  @media (width >= 1024px) {
+    max-width: 25vw;
+  }
 }
 #TOCView {
   max-height: calc(100vh - 150px);
@@ -3399,7 +3446,7 @@ button, [role="button"] {
     color: rgba(var(--color-neutral-400), 1);
   }
 }
-.toc ul>li {
+.toc ul > li {
   &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
     margin-right: calc(var(--spacing) * 0);
   }
@@ -3411,7 +3458,7 @@ button, [role="button"] {
   position: relative;
   z-index: 0;
 }
-.highlight:hover>.copy-button {
+.highlight:hover > .copy-button {
   visibility: visible;
 }
 .copy-button {
@@ -3680,9 +3727,7 @@ pre {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
-  width: calc(100% + 40px);
   z-index: -10;
-  margin-left: -20px;
 }
 .hero_gradient {
   width: 100%;
@@ -3698,42 +3743,6 @@ pre {
   height: 0px;
   visibility: hidden;
 }
-.center-relative-left {
-  left: calc(max(-50vw,-800px) + 50%);
-}
-.margin-0 {
-  margin: 0;
-}
-.margin-top-\[-15px\] {
-  margin-top: -15px;
-}
-.margin-top-\[0\.5rem\] {
-  margin-top: 0.5rem;
-}
-.margin-right-\[10px\] {
-  margin-right: 10px;
-}
-.margin-left-\[0px\] {
-  margin-left: 0px;
-}
-.padding-main-menu {
-  padding: 2px 0 3px 0;
-}
-.padding-top-\[5px\] {
-  padding-top: 5px;
-}
-.z-index-\[-10\] {
-  z-index: -10;
-}
-.z-index-80 {
-  z-index: 80;
-}
-.z-index-100 {
-  z-index: 100;
-}
-.z-index-500 {
-  z-index: 500;
-}
 [id^="fn"], [id^="fnref"] {
   scroll-margin-top: 145px;
 }

assets/css/main.css

@@ -65,7 +65,7 @@ button,
 
 /* Table of Contents */
 #TableOfContents {
-  max-width: 25vw;
+  @apply lg:max-w-[25vw];
 }
 
 #TOCView {
@@ -431,9 +431,7 @@ pre {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
-  width: calc(100% + 40px);
   z-index: -10;
-  margin-left: -20px;
 }
 
 .hero_gradient {
@@ -453,46 +451,6 @@ pre {
   visibility: hidden;
 }
 
-.center-relative-left {
-  left: calc(max(-50vw, -800px) + 50%);
-}
-
-.margin-0 {
-  margin: 0;
-}
-.margin-top-\[-15px\] {
-  margin-top: -15px;
-}
-.margin-top-\[0\.5rem\] {
-  margin-top: 0.5rem;
-}
-.margin-right-\[10px\] {
-  margin-right: 10px;
-}
-.margin-left-\[0px\] {
-  margin-left: 0px;
-}
-
-.padding-main-menu {
-  padding: 2px 0 3px 0;
-}
-.padding-top-\[5px\] {
-  padding-top: 5px;
-}
-
-.z-index-\[-10\] {
-  z-index: -10;
-}
-.z-index-80 {
-  z-index: 80;
-}
-.z-index-100 {
-  z-index: 100;
-}
-.z-index-500 {
-  z-index: 500;
-}
-
 /* Offset scroll position to avoid header overlap */
 [id^="fn"],
 [id^="fnref"] {

assets/js/background-blur.js

@@ -1,15 +1,10 @@
-function setBackgroundBlur() {
-  const scriptElement = document.currentScript;
-  const targetId =
-    scriptElement && scriptElement.getAttribute("data-target-id")
-      ? scriptElement.getAttribute("data-target-id")
-      : (console.error("data-target-id is null"), null);
+(() => {
+  const script = document.currentScript;
+  const targetId = script?.getAttribute("data-target-id");
 
   window.addEventListener("scroll", () => {
     const scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
     const backgroundBlur = document.getElementById(targetId);
     backgroundBlur.style.opacity = scroll / 300;
   });
-}
-
-setBackgroundBlur();
+})();

assets/js/button-likes.js

@@ -0,0 +1,4 @@
+document.getElementById("button_likes") &&
+  document.getElementById("button_likes").addEventListener("click", () => {
+    process_article();
+  });