From b26762a4e44e6fbfa89389fee26e435236e96ecf Mon Sep 17 00:00:00 2001 From: gdamms Date: Sat, 23 Apr 2022 13:37:12 +0200 Subject: [PATCH] feat: ca avance doucement sur le front --- src/front/index.html | 144 ++++++++++++++++++++++++++++++++----- src/front/login-signup.css | 8 ++- src/front/pixels.css | 29 ++++++-- 3 files changed, 158 insertions(+), 23 deletions(-) diff --git a/src/front/index.html b/src/front/index.html index 7d86a64..fba7c86 100644 --- a/src/front/index.html +++ b/src/front/index.html @@ -81,23 +81,133 @@ - - - - - - - - - - - - - - - - -
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ Description +
+
\ No newline at end of file diff --git a/src/front/login-signup.css b/src/front/login-signup.css index a80b99c..e8b07eb 100644 --- a/src/front/login-signup.css +++ b/src/front/login-signup.css @@ -10,14 +10,17 @@ position: absolute; left: calc(50% - var(--width) / 2); top: 30%; + padding: 20px; + border-radius: 10px; + box-shadow: 0px 0px 5px #000; } #show-login:checked~.login-container { - display: flex; + display: block; } #show-signup:checked~.signup-container { - display: flex; + display: block; } .login-container .close-btn, @@ -89,6 +92,7 @@ form .btn { width: 100%; position: relative; overflow: hidden; + border-radius: 45px; } form .btn button { diff --git a/src/front/pixels.css b/src/front/pixels.css index 707f68e..5740757 100644 --- a/src/front/pixels.css +++ b/src/front/pixels.css @@ -1,6 +1,27 @@ -.pixel -{ +.pixel-container { + display: flex; + justify-content: space-evenly; + align-items: center; + width: 100%; + height: 1000px; +} + + +.pixel { background: #0f0; - width: 10px; - height: 10px; + width: 80px; + height: 80px; +} + +.pixel:hover { + box-shadow: 0px 0px 0px 3px #333; + z-index: 5; +} + +table { + border-spacing: 0; +} + +.pixel-description { + position: absolute; } \ No newline at end of file