From 826a597342761b0aa8e9d6c2d81e5c0ffac5fbf5 Mon Sep 17 00:00:00 2001
From: Dan <dan@unbo.lt>
Date: Thu, 8 Jan 2026 14:16:52 +0000
Subject: [PATCH] Adding resource icon

---
 assets/sass/pages/resources.scss            | 46 ++++++++++++++++++++-
 content/resources/button-generator/index.md |  2 +-
 2 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/assets/sass/pages/resources.scss b/assets/sass/pages/resources.scss
index 5355ccb..a44b2f3 100644
--- a/assets/sass/pages/resources.scss
+++ b/assets/sass/pages/resources.scss
@@ -482,6 +482,38 @@
     }
   }
 
+  &.button-generator {
+    background: #000;
+    height: 40%;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    overflow: hidden;
+
+    &::before,
+    &::after {
+      content: "";
+      position: absolute;
+      width: 90%;
+      height: 30%;
+      top: 15%;
+      left: 5%;
+      background: #fff;
+      animation: button 2s ease-in-out infinite;
+    }
+
+    &::after {
+      bottom: 15%;
+      top: auto;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 50%;
+      animation: button 1.2s ease-in-out infinite;
+    }
+  }
+
   // Last.fm stats icon
   &.lastfm-stats {
     background: black;
@@ -506,13 +538,13 @@
     &::before {
       left: 20px;
       height: 35px;
-      animation: equalizer-1 0.8s ease-in-out infinite;
+      animation: equalizer-1 3s ease-in-out infinite;
     }
 
     &::after {
       left: 35px;
       height: 25px;
-      animation: equalizer-2 0.8s ease-in-out infinite 0.2s;
+      animation: equalizer-2 1s ease-in-out infinite 0.2s;
     }
   }
 }
@@ -527,6 +559,16 @@
   }
 }
 
+@keyframes button {
+  0%,
+  100% {
+    scale: 1;
+  }
+  50% {
+    scale: 0.95;
+  }
+}
+
 @keyframes equalizer-1 {
   0%,
   100% {
diff --git a/content/resources/button-generator/index.md b/content/resources/button-generator/index.md
index fad3797..9f5d5d2 100644
--- a/content/resources/button-generator/index.md
+++ b/content/resources/button-generator/index.md
@@ -2,7 +2,7 @@
 title: "88x31 Button Creator"
 date: 2026-01-08
 description: "Make custom 88x31 pixel buttons with text, colors, gradients, and textures"
-icon: "button"
+icon: "button-generator"
 demo_url: ""
 source_url: ""
 draft: false