From edf5df6c16a85c2381bde9cc805ae834bd408b2e Mon Sep 17 00:00:00 2001
From: Nono <np@laquadrature.net>
Date: Thu, 11 Dec 2025 17:15:00 +0100
Subject: [PATCH] =?UTF-8?q?Suppressions=20de=20l'image=20en=20arri=C3=A8re?=
 =?UTF-8?q?=20plan=20pour=20un=20d=C3=A9grad=C3=A9,=20et=20ajout=20d'un=20?=
 =?UTF-8?q?effet=20sur=20les=20stickets?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/base.css | 12 +++++++-----
 css/drag.css | 22 ++++++++++++++++++++++
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/css/base.css b/css/base.css
index d3886d5..bd4db14 100644
--- a/css/base.css
+++ b/css/base.css
@@ -24,16 +24,18 @@ a {
 }
 
 main {
-    background-color: #413f43;
-    background-image: url(../assets/background.jpg);
-    background-repeat: no-repeat;
-    background-size: cover;
+    /* background-color: #413f43;*/
+    background: #058C9E;
+    background: radial-gradient(at left top, #058C9E, #BC5180);
+    /* background-repeat: no-repeat;
+    background-size: cover; */
 }
 
 
-main h1, main h2 {
+main h1, main h2, main h3 {
     font-family: Banquise;
     color: white;
+    z-index: 2;
 }
 
 main h1 {
diff --git a/css/drag.css b/css/drag.css
index 6e97cd7..b3b3804 100644
--- a/css/drag.css
+++ b/css/drag.css
@@ -17,6 +17,28 @@ main img.draggable {
     filter: drop-shadow(5px 3px 2px #000000b7);
 }
 
+.draggable:hover {
+      /* Start the shake animation and make the animation last for 0.5 seconds */
+  animation: shake 3s;
+
+  /* When the animation is finished, start again */
+  animation-iteration-count: infinite;
+}
+
+@keyframes shake {
+  0% { transform: translate(1px, 1px) rotate(0deg); }
+  10% { transform: translate(-1px, -2px) rotate(-1deg); }
+  20% { transform: translate(-2px, 0px) rotate(1deg); }
+  30% { transform: translate(2px, 2px) rotate(0deg); }
+  40% { transform: translate(1px, -1px) rotate(1deg); }
+  50% { transform: translate(-1px, 2px) rotate(-1deg); }
+  60% { transform: translate(-3px, 1px) rotate(0deg); }
+  70% { transform: translate(2px, 1px) rotate(-1deg); }
+  80% { transform: translate(-1px, -1px) rotate(1deg); }
+  90% { transform: translate(1px, 2px) rotate(0deg); }
+  100% { transform: translate(1px, -2px) rotate(-1deg); }
+}
+
 span.draggable {
     display: inline-block;
     /* text-shadow: 1px 1px black, 0px 1px black, -1px 0px black, -1px -1px black; */
-- 
2.30.2