From cd0dafee6978e4b7901babdc5e65023e454c0d0a Mon Sep 17 00:00:00 2001 From: greg Date: Wed, 14 May 2025 16:24:53 +0200 Subject: [PATCH] maj diverses --- index.html | 59 ++++++++++++++++++++++++++++++++------------ static/css/style.css | 38 +++++++++++++++++++--------- static/js/script.js | 12 ++++++++- 3 files changed, 80 insertions(+), 29 deletions(-) diff --git a/index.html b/index.html index b0ab707..2b2bf49 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,7 @@ + @@ -64,20 +65,6 @@ -
- - -
-
- -
- -
-

LES DEVELOPPEURS

Voici la team

@@ -175,21 +162,61 @@
+

+ +
+

JAVASCRIPT


+
+ +
+

CAROUSSEL

+
+
-
+
+

TRICKY BOUTON

+
+ +
+

+
+

COMPTEUR

+
+ + +
+ +

Compteur : 0

+
+ +
+

DARK MODE

+
+ + +
+
+ +
+ - \ No newline at end of file + diff --git a/static/css/style.css b/static/css/style.css index 412389f..7cdbe3c 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -14,6 +14,10 @@ text-align: center; } +h3 h1 { + color: var(--primary-text-color) !important; +} + /* DARK MODE */ :root { --bg-color: #fff; @@ -66,23 +70,33 @@ body { object-fit: cover; } -/* BOUTON */ +/* TRICKY BOUTON */ .button-area { width: 100%; height: 300px; - position: relative; + position:relative; overflow: hidden; border: 1px solid #ccc; } - #trickyButton { - position: absolute; - padding: 10px 20px; - background-color: #4CAF50; - color: white; - border: none; - cursor: pointer; - left: 50px; - top: 50px; - } +#trickyButton { + position: absolute; + padding: 10px 20px; + background-color: #4CAF50; + color: white; + border: none; + cursor: pointer; + left: 50px; + top: 50px; +} + +#incrementer { + padding: 10px 20px; + background-color: #3f57c0 !important; + color: white !important; + border: none !important; + cursor: pointer !important; + left: 50px !important; + top: 120px !important; +} \ No newline at end of file diff --git a/static/js/script.js b/static/js/script.js index 17761f7..8b1871a 100644 --- a/static/js/script.js +++ b/static/js/script.js @@ -38,4 +38,14 @@ document.addEventListener("DOMContentLoaded", function () { button.style.left = `${randomX}px`; button.style.top = `${randomY}px`; }); -}); \ No newline at end of file +}); + +// COMPTEUR +document.addEventListener("DOMContentLoaded", function () { +let compteur = 0; +document.getElementById("incrementer").addEventListener("click", () => { + compteur++; + document.getElementById("compteur").textContent = compteur; + }); +}); +