From a474cf3efe2e34430d0533627b7bb4fd2dd77401 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Wed, 16 Jul 2025 15:31:18 +0200
Subject: [PATCH] FEATURE Adding a mention div component

---
 resources/css/layout/footer.css | 47 +++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/resources/css/layout/footer.css b/resources/css/layout/footer.css
index eda807c..2e18306 100644
--- a/resources/css/layout/footer.css
+++ b/resources/css/layout/footer.css
@@ -85,6 +85,37 @@ footer {
       }
     }
   }
+
+  .mentions {
+    li,
+    p,
+    a {
+      @apply text-xl font-light;
+    }
+    a {
+      @apply underline;
+      text-decoration-thickness: 1px;
+      text-underline-offset: 6px;
+      &:hover {
+        filter: brightness(1.3);
+      }
+    }
+    ul {
+      @apply w-full flex gap-x-4 justify-between pt-12;
+      li {
+        @apply text-primary;
+      }
+      li.deligraph_credit {
+        @apply flex gap-x-1 items-center;
+        img {
+          transition: all 0.5s;
+          @apply w-5 h-5 filter-primary;
+          animation: fade-in-out 3.5s linear infinite;
+          /* scale: 1.2; */
+        }
+      }
+    }
+  }
 }
 
 @keyframes parallax {
@@ -95,3 +126,19 @@ footer {
     transform: translateY(200px);
   }
 }
+
+@keyframes fade-in-out {
+  10% {
+    opacity: 0;
+    scale: 0.8;
+  }
+  40%,
+  60% {
+    opacity: 1;
+    scale: 1;
+  }
+  100% {
+    opacity: 0;
+    scale: 0.8;
+  }
+}