diff --git a/WEB/src/CSS/Home.css b/WEB/src/CSS/Home.css index 5e235317..847b66a1 100644 --- a/WEB/src/CSS/Home.css +++ b/WEB/src/CSS/Home.css @@ -1,23 +1,7 @@ /*Fonts CSS */ -@font-face { - font-family: Centra; - src: url('../../assets/fonts/CentraNo2-Bold.ttf'); - font-weight: 700; -} -@font-face { - font-family: Centra; - src: url('../../assets/fonts/CentraNo2-Regular.ttf'); - font-weight: 500; -} -@font-face { - font-family: Centra; - src: url('../../assets/fonts/CentraNo2-Light.ttf'); - font-weight: 400; -} - @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap'); - +@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap'); /*Default CSS*/ @@ -28,12 +12,9 @@ } body { - font-weight: 400; overflow-x: hidden; position: relative; - color: #fff !important; - font-family: 'Raleway', sans-serif !important; - font-weight: bold; + font-family: "Orbitron", sans-serif; } h1, h2, h3, h4, h5, h6 { @@ -271,11 +252,14 @@ body { animation: shine 2s forwards, blink 10s 1s infinite; } +.sign{ + margin-bottom: 130px; +} + .sign h1 { - font-weight: 700; + font-weight: 600; margin: auto !important; - margin-bottom: 1rem; display: flex; justify-content: center; align-items: center; @@ -283,9 +267,10 @@ body { height: 40%; left: 50%; top: 50%; - font-family: "Clip"; + letter-spacing: 0.5rem; + font-family: "Orbitron", sans-serif; text-transform: uppercase; - font-size: 6em; + font-size: 5em; color: #ffe6ff; text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #dd07bf, -0.2rem 0.1rem 1rem #dd07bf, 0.2rem 0.1rem 1rem #dd07bf, @@ -294,23 +279,31 @@ body { } -/*Button CSS*/ +/*Main Button CSS*/ + -.main .enigme{ - margin-top:150px; +.main .duel{ + color: #56fcfc; } +.main .log{ + color: #fff; +} + +.main .duel, .main .log{ + margin-top: 60px; +} .main a { - margin-top: 60px; + letter-spacing: 0.2rem; padding: 25px 30px; color: #ff86ff; height: 50px; width: 200px; border: none; - font-weight: 500; + font-weight: 400; border-radius: 10px; - font-size: 21px; + font-size: 22px; display: flex; position: relative; align-items: center; @@ -318,7 +311,6 @@ body { cursor: pointer; text-transform: uppercase; transition: 0.5s; - letter-spacing: 4px; overflow: hidden; } @@ -327,6 +319,14 @@ body { margin: auto; } +.main .duel:hover{ + background: #56fcfc; + color: #000000; + box-shadow: 0 0 5px #56fcfc, + 0 0 25px #56fcfc, + 0 0 50px #56fcfc, + 0 0 100px #56fcfc; +} .main a:hover { background: #ff86ff; @@ -339,12 +339,16 @@ body { } -a span{ +.main a span{ position: absolute; display: block; } +.duel span:nth-child(1){ + background: linear-gradient(90deg, transparent, #56fcfc); +} + a span:nth-child(1){ top: 0; left: 0; @@ -354,6 +358,10 @@ a span:nth-child(1){ animation: animate1 1s linear infinite; } +.duel span:nth-child(2){ + background: linear-gradient(180deg, transparent, #56fcfc); +} + a span:nth-child(2){ top: -100%; right: 0; @@ -364,6 +372,10 @@ a span:nth-child(2){ animation-delay: 0.25s; } +.duel span:nth-child(3){ + background: linear-gradient(270deg, transparent, #56fcfc); +} + a span:nth-child(3){ bottom: 0; right: 0; @@ -374,6 +386,10 @@ a span:nth-child(3){ animation-delay: 0.50s; } +.duel span:nth-child(4){ + background: linear-gradient(360deg, transparent, #56fcfc); +} + a span:nth-child(4){ bottom: -100%; left: 0; diff --git a/WEB/src/CSS/Login.css b/WEB/src/CSS/LogSign.css similarity index 94% rename from WEB/src/CSS/Login.css rename to WEB/src/CSS/LogSign.css index 476bc8f0..3b548f5f 100644 --- a/WEB/src/CSS/Login.css +++ b/WEB/src/CSS/LogSign.css @@ -14,7 +14,20 @@ font-weight: 400; } +p, a, li, button, ul { + margin: 0; + padding: 0; + line-height: normal; + text-decoration: none !important; +} + +a:hover { + text-decoration: none !important; +} +input:focus, textarea:focus, select:focus { + outline: none; +} body { margin:0; @@ -201,4 +214,6 @@ body { bottom: 100%; } } - \ No newline at end of file + + +/* Home Button */ \ No newline at end of file diff --git a/WEB/src/pages/Home.html b/WEB/src/pages/Home.html index be091e18..86ae1bd8 100644 --- a/WEB/src/pages/Home.html +++ b/WEB/src/pages/Home.html @@ -9,31 +9,39 @@
-
-
-

- s - crip - t - ed -

-
-
-
- - - - - - Énigme - -
-
- Duel -
-
+
+

+ s + crip + t + ed +

- - +
+
+ + + + + + Énigme + +
+
+ + + + + + Duel + +
+
+ + Login + +
+
+
\ No newline at end of file diff --git a/WEB/src/pages/LogSign/Login.html b/WEB/src/pages/LogSign/Login.html index aaafc3a1..bf105fa2 100644 --- a/WEB/src/pages/LogSign/Login.html +++ b/WEB/src/pages/LogSign/Login.html @@ -4,16 +4,18 @@ - - - + + + Login