dotfiles

commit 22275b4683d3edd14b83c0297960cfb5141900c0
parent dfcab1c901a1a422fc44e755fbd9cba64401fa35
Author: maydayv7 <maydayv7@gmail.com>
Date:   Wed, 19 Feb 2025 21:51:51 +0530

fix(`site`): Minor issues

Diffstat:

6 files changed, 45 insertions(+), 54 deletions(-)
diff --git a/site/sass/_footer.scss b/site/sass/_footer.scss
@@ -37,6 +37,11 @@
       filter: var(--image-filter);
       margin: 5px;
       -webkit-filter: var(--image-filter);
+      transition: all 0.2s ease;
+
+      &:hover {
+        transform: scale(1.1);
+      }
     }
   }
 
diff --git a/site/sass/_post.scss b/site/sass/_post.scss
@@ -249,6 +249,11 @@ blockquote {
 }
 
 .scroll-back {
+  display: block;
+  z-index: 100;
+  position: fixed;
+  right: 30px;
+  visibility: hidden;
   background-color: var(--accent-alpha-20);
   border-radius: $corner-radius;
   border: none;
@@ -258,10 +263,7 @@ blockquote {
   font-size: 18px;
   outline: none;
   padding: 12px;
-  position: fixed;
-  right: 30px;
-  transition: all 0.5s ease;
-  z-index: 100;
+  transition: all 0.2s ease;
 
   &:hover {
     background-color: var(--accent-alpha-70);
diff --git a/site/static/js/clipboard.js b/site/static/js/clipboard.js
@@ -1,44 +1,28 @@
-function addCopyButtons(clipboard) {
-  document.querySelectorAll("pre > code").forEach(function (codeBlock) {
-    var button = document.createElement("button");
-    button.className = "copy";
-    button.type = "button";
-    button.innerText = " Copy";
-    button.addEventListener("click", function () {
-      clipboard.writeText(codeBlock.innerText).then(
-        function () {
-          button.blur();
-          button.innerText = "Copied!";
-          setTimeout(function () {
-            button.innerText = " Copy";
-          }, 2000);
-        },
-        function (error) {
-          button.innerText = "Error";
-        },
-      );
-    });
-
-    var pre = codeBlock.parentNode;
-    if (pre.parentNode.classList.contains("highlight")) {
-      var highlight = pre.parentNode;
-      highlight.parentNode.insertBefore(button, highlight);
-    } else {
-      pre.parentNode.insertBefore(button, pre);
-    }
+document.querySelectorAll("pre > code").forEach(function (codeBlock) {
+  var button = document.createElement("button");
+  button.className = "copy";
+  button.type = "button";
+  button.innerText = " Copy";
+  button.addEventListener("click", function () {
+    navigator.clipboard.writeText(codeBlock.innerText).then(
+      function () {
+        button.blur();
+        button.innerText = "Copied!";
+        setTimeout(function () {
+          button.innerText = " Copy";
+        }, 2000);
+      },
+      function (error) {
+        button.innerText = "Error";
+      },
+    );
   });
-}
 
-if (navigator && navigator.clipboard) {
-  addCopyButtons(navigator.clipboard);
-} else {
-  var script = document.createElement("script");
-  script.src =
-    "https://cdnjs.cloudflare.com/ajax/libs/clipboard-polyfill/2.7.0/clipboard-polyfill.promise.js";
-  script.integrity = "sha256-waClS2re9NUbXRsryKoof+F9qc1gjjIhc2eT7ZbIv94=";
-  script.crossOrigin = "anonymous";
-  script.onload = function () {
-    addCopyButtons(clipboard);
-  };
-  document.body.appendChild(script);
-}
+  var pre = codeBlock.parentNode;
+  if (pre.parentNode.classList.contains("highlight")) {
+    var highlight = pre.parentNode;
+    highlight.parentNode.insertBefore(button, highlight);
+  } else {
+    pre.parentNode.insertBefore(button, pre);
+  }
+});
diff --git a/site/static/js/comments.js b/site/static/js/comments.js
@@ -1,7 +1,5 @@
 var coll = document.getElementsByClassName("comments-collapsible");
-var i;
-
-for (i = 0; i < coll.length; i++) {
+for (var i = 0; i < coll.length; i++) {
   coll[i].addEventListener("click", function () {
     this.classList.toggle("active");
     var content = this.nextElementSibling;
diff --git a/site/static/js/scroll.js b/site/static/js/scroll.js
@@ -3,10 +3,12 @@ var rootElement = document.documentElement;
 
 function handleScroll() {
   var scrollTotal = rootElement.scrollHeight - rootElement.clientHeight;
-  if (rootElement.scrollTop / scrollTotal > 0.7) {
-    scrollButton.style.display = "block";
+  if (rootElement.scrollTop / scrollTotal > 0.5) {
+    scrollButton.style.visibility = "visible";
+    scrollButton.style.opacity = 100;
   } else {
-    scrollButton.style.display = "none";
+    scrollButton.style.visibility = "hidden";
+    scrollButton.style.opacity = 0;
   }
 }
 
diff --git a/site/static/js/theme.js b/site/static/js/theme.js
@@ -102,7 +102,7 @@
         }
       });
     } else {
-      window.addEventListener("DOMContentLoaded", () => {
+      window.addEventListener("load", () => {
         updateThemeSelect(theme, setSelected);
       });
     }
@@ -115,7 +115,7 @@
       changeTheme(THEME, true);
       updateThemeSelect(THEME, true);
     }
-    window.addEventListener("DOMContentLoaded", () => {
+    window.addEventListener("load", () => {
       document.getElementById("theme-select").onchange = function () {
         changeTheme(this.value);
       };