feat: 🚀 add Manz reference

Co-authored-by: Félix Icaza <[email protected]>
UXCorpRangel · Jul 16, 2024 · e58e9ae · e58e9ae
1 parent 46ba27c
commit e58e9ae
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 1 deletion.
diff --git a/public/assets/images/manz.webp b/public/assets/images/manz.webp
diff --git a/src/components/Footer/Footer.astro b/src/components/Footer/Footer.astro
@@ -20,7 +20,12 @@ const BASE_URL = import.meta.env.BASE_URL;
           alt="love"
         />
       </span>
-      para la comunidad
+      para la comunidad | Inspirado en <a
+        class="manzlink"
+        href="https://manz.dev/manzcards"
+        target="_blank"
+        rel="noopener noreferrer">ManzDev</a
+      >
     </span>
   </div>
 </footer>
@@ -103,6 +108,38 @@ const BASE_URL = import.meta.env.BASE_URL;
           animation: pulse 0.9s ease-out infinite;
           filter: drop-shadow(0 0 0.5rem #f82e03);
         }
+
+        & .manzlink {
+          font-size: 1.2rem;
+          font-family: var(--font-family-primary);
+          color: var(--secondary-color);
+          text-decoration: none;
+          position: relative;
+
+          &::before {
+            content: '';
+            position: absolute;
+            top: -1rem;
+            left: 50%;
+            transform: translateX(-50%);
+            z-index: -1;
+            background: url('/ana-cards-web/assets/images/manz.webp') no-repeat center center /
+              contain;
+            aspect-ratio: 1 / 1;
+            width: 2rem;
+            opacity: 0;
+            transition:
+              top 0.3s ease-in-out,
+              opacity 0.3s ease-in-out;
+          }
+
+          &:hover {
+            &::before {
+              top: -1.5rem;
+              opacity: 1;
+            }
+          }
+        }
       }
     }
   }