diff --git a/assets/video/close.webm b/assets/video/close.webm deleted file mode 100644 index 7ce8b40..0000000 Binary files a/assets/video/close.webm and /dev/null differ diff --git a/assets/video/closed.webm b/assets/video/closed.webm new file mode 100644 index 0000000..c2da18b Binary files /dev/null and b/assets/video/closed.webm differ diff --git a/assets/video/open.webm b/assets/video/open.webm index 1a58407..8008e55 100644 Binary files a/assets/video/open.webm and b/assets/video/open.webm differ diff --git a/index.html b/index.html index e1abdc0..ce92b99 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,8 @@ + + @@ -181,46 +183,35 @@

Événements à venir

-
-

Test évènement 333

-

13/12

- - - - - -
-
-

Test évènement

-

13/12/26

- - - - - -
+
+

Test évènement 333

+

13/12

+ + + + + +
+
+

Test évènement

+

13/12/26

+ + + + + +
- + - -
-
-

test

- -
-
-
- + diff --git a/style/main.css b/style/main.css index 552b3b0..f1ac308 100644 --- a/style/main.css +++ b/style/main.css @@ -4,21 +4,16 @@ --main-color: #000000; } -/*================ ANIMATION ======================*/ - - -/*================ DESACT DEFAULT ======================*/ - - /*================ BODY ======================*/ html{ margin: 0; padding: 0; scrollbar-color: var(--back-color) var(--main-color); background-color: var(--main-color); - min-height: 100vh; + height: 100%; width: 100%; overflow-x: hidden; + overflow-y: scroll; position: relative; z-index: -33; } @@ -26,13 +21,13 @@ html{ body{ margin: 0; padding: 0; + width: 100%; + height: auto; + overflow-y: hidden; position: relative; z-index: -33; + box-sizing: border-box; } - -/*================ CLASSES COMMUNES ======================*/ - - /*================ STRUCTURE ======================*/ header{ @@ -106,7 +101,7 @@ header{ } -video{ +noscript > video{ height: 110%; width: auto; position: absolute; @@ -114,6 +109,14 @@ video{ z-index: -32; } +.cute-texture-video{ + opacity: 0; + position: absolute; + top: 0; + left: 0; + z-index: -33; +} + .openBackground{ visibility: collapse; } @@ -139,7 +142,7 @@ main{ align-self: end; justify-self: end; color: var(--main-color); - +13.12px position: relative; z-index: 33; @@ -449,7 +452,6 @@ main{ justify-content: space-between; align-items: center; padding: 16.1px; - } .solidBox:has(details[open]){ @@ -464,6 +466,7 @@ main{ details{ cursor: default; } + } .iconBtnStyle{ @@ -478,6 +481,7 @@ main{ details{ width: 100%; cursor: copy; + overflow: hidden; summary{ display: flex; flex-direction: row; diff --git a/style/reduced.css b/style/reduced.css new file mode 100644 index 0000000..22c67ab --- /dev/null +++ b/style/reduced.css @@ -0,0 +1,12 @@ +@media (prefers-reduced-motion: reduce){ + noscript > video, + .cute-texture, + .cute-texture-video{ + visibility: collapse !important; + display: none !important; + } + + main aside #openMsg{ + animation: none !important; + } +} \ No newline at end of file