From 79f51146c11c5c66fda204bfc224d7d861b6274d Mon Sep 17 00:00:00 2001 From: vgaNAR6ta Date: Sun, 26 Jul 2026 20:54:12 +0200 Subject: [PATCH] =?UTF-8?q?edit:=20cr=C3=A9ation=20des=20pages=20statut,?= =?UTF-8?q?=20sans=20interactivit=C3=A9=20pcq=20je=20comprends=20pas=20com?= =?UTF-8?q?ment=20faire=20^^?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 18 +++++----- readMe.MD | 1 + status/closedStyle.css | 73 ++++++++++++++++++++++++++++++++++++++++ status/index.fermé.html | 21 +++++++++++- status/index.ouvert.html | 23 ++++++------- status/openStyle.css | 69 +++++++++++++++++++++++++++++++++++++ style/main.css | 7 +++- style/responsive.css | 37 ++++++++++++-------- 8 files changed, 213 insertions(+), 36 deletions(-) create mode 100644 readMe.MD create mode 100644 status/closedStyle.css diff --git a/index.html b/index.html index 30e7a81..dd5c8ec 100644 --- a/index.html +++ b/index.html @@ -123,14 +123,16 @@   Un capteur sur la porte d'entrée indique
  si le local est ouvert:

-

- - Le local est actuellement - - Fermé ... -

- - + + Vérifier si le local
est ouvert → → → +

diff --git a/readMe.MD b/readMe.MD new file mode 100644 index 0000000..d8eb4b1 --- /dev/null +++ b/readMe.MD @@ -0,0 +1 @@ +Ce document sert à échanger et partager des idées et trucs à faire pour continuer la mise à jour du site du LOL : diff --git a/status/closedStyle.css b/status/closedStyle.css new file mode 100644 index 0000000..431c6dc --- /dev/null +++ b/status/closedStyle.css @@ -0,0 +1,73 @@ +:root { + --back-color: #FFFF4D; + --main-color: #000000; +} + +/*======================= Page Statut LOL fermé ===*/ +#lolIsClosed{ + position: relative; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + background-color: var(--main-color); +} + +#closedContainer{ + width:100%; + height: 100%; + border-radius: 33px; + + display:flex; + flex-direction: column; + justify-content: space-around; + align-items: center; + + section{ + width: 333px; + height: 117px; + background-color: var(--back-color); + + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + padding-top: 33px; + + margin-top: -77px; + + border-radius: 33px; + + + p{ + padding: 0; + margin: 0; + text-transform: none; + font-size: 22px; + font-family: 'velvelyne'; + font-weight: bold; + + color: var(--main-color); + } + + h3{ + width: 277px; + height: 50px; + + background-color: var(--main-color); + color: var(--back-color); + + border-radius: 33px; + + text-transform: uppercase; + text-align: center; + font-size: 33px; + font-family: 'karrik'; + font-weight: normal; + + padding: 0; + margin: 0; + padding-top: 7.77px; + } + } +} diff --git a/status/index.fermé.html b/status/index.fermé.html index dec67ee..35d621b 100644 --- a/status/index.fermé.html +++ b/status/index.fermé.html @@ -1 +1,20 @@ -Fermé \ No newline at end of file + + + + + + + + + + Le LOL est Fermé ... + + +

+
+

Le LOL est actuellement

+

fermé ...

+
+
+ + diff --git a/status/index.ouvert.html b/status/index.ouvert.html index 23e8277..b495dd8 100644 --- a/status/index.ouvert.html +++ b/status/index.ouvert.html @@ -1,20 +1,19 @@ - + - - + + + Le LOL est Ouvert - -
-

Ouvert !

+ +
+
+

Le LOL est actuellement

+

ouvert !

+
- \ No newline at end of file + diff --git a/status/openStyle.css b/status/openStyle.css index 46ec429..571f69d 100644 --- a/status/openStyle.css +++ b/status/openStyle.css @@ -26,6 +26,75 @@ height: 120%; } +/*======================= Page Statut LOL ouvert ===*/ +#lolIsOpen{ + position: relative; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + background-color: var(--main-color); +} + +#openContainer{ + width:100%; + height: 100%; + border-radius: 33px; + + display:flex; + flex-direction: column; + justify-content: space-around; + align-items: center; + + section{ + width: 333px; + height: 117px; + background-color: var(--back-color); + + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + padding-top: 33px; + + margin-top: -77px; + + border-radius: 33px; + + + p{ + padding: 0; + margin: 0; + text-transform: none; + font-size: 22px; + font-family: 'velvelyne'; + font-weight: bold; + + color: var(--main-color); + } + + h3{ + width: 277px; + height: 50px; + + background-color: var(--main-color); + color: var(--back-color); + + border-radius: 33px; + + text-transform: uppercase; + text-align: center; + font-size: 33px; + font-family: 'karrik'; + font-weight: normal; + + padding: 0; + margin: 0; + padding-top: 7.77px; + } + } +} + #lolStatus{ animation: blink 3.33s infinite; } diff --git a/style/main.css b/style/main.css index 0180ec0..38e2e5e 100644 --- a/style/main.css +++ b/style/main.css @@ -277,9 +277,14 @@ main{ padding: 0; height: 20vh; + .textBtnStyle{ + width: 33vw; + font-size: 11px; + margin-right: 7.77px; + } #statusDesc{ - width: 150%; + width: 90%; padding: 7.77px; padding-right: 13.12px; font-size: 13.12px; diff --git a/style/responsive.css b/style/responsive.css index 23fcc1c..9133729 100644 --- a/style/responsive.css +++ b/style/responsive.css @@ -81,24 +81,27 @@ } } - } - - #statuSection{ - - } - - #extraContent{ - - - #aboutSection{ - + #statuSection{ + .textBtnStyle{ + font-size: 16.1px; } + } - #eventSection{ + #extraContent{ - } + + #aboutSection{ + + } + + #eventSection{ + + } + } + } } -} + + /*===========================Grand format : écrans larges et grands ===*/ @media(min-width: 1300px){ @@ -173,6 +176,12 @@ padding-top: 7.77px; margin-left: -88px; } + + .textBtnStyle{ + font-size: 22px; + margin-right: 33px; + padding-left: 16.1px; + } } #extraContent{