feat: make author clickable

static/global.css

@@ -1,13 +1,4 @@
 
-.custom-grid {
-  grid-template-columns: repeat(auto-fit, minmax(37vw, 1fr)) ;
-}
-
-@media(min-width: 640px){
-  .custom-grid {
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) ;
-  }
-}
 
 .animate-hover {
 	animation: hover 4s infinite;
@@ -31,6 +22,18 @@ input::-webkit-inner-spin-button {
 /* Firefox */
 input[type=number] {
   -moz-appearance: textfield;
+  appearance: textfield;
+}
+
+.fix-border::before {
+  content: "";
+  width: calc(100% + 2px);
+  height: calc(100% + 2px);
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  border: solid thin #141218;
+  border-radius: 1.5rem;
 }
 
 .noisy-gradient::after {

static/thumbnails.js

@@ -248,12 +248,16 @@ document.querySelectorAll("[data-thumb]").forEach((entry) => {
   const child = entry.querySelector("img[data-thumb-img]");
   setTimeout(() => {
     const isLoaded = child && child.complete && child.naturalHeight !== 0;
-    console.log(isLoaded, child.getAttribute("src"));
     if (child && !isLoaded) {
       child.style.opacity = 0;
+      child.style.filter = "blur(5px)";
       child.addEventListener("load", () => {
-        child.style.transition = "opacity 0.3s ease";
+        child.style.transition = "opacity 0.3s ease, filter 0.6s ease";
         child.style.opacity = 1;
+        child.style.filter = "blur(0px)";
+        setTimeout(() => {
+          entry.style.background = "";
+        }, 400);
       });
     }
   }, 50);