From 0ad0aa166729574108c6481630c872ef7a82b587 Mon Sep 17 00:00:00 2001 From: Harbaksh Singh Baath <109849199+harbakshsinghbaath@users.noreply.github.com> Date: Fri, 4 Oct 2024 00:58:50 +0530 Subject: [PATCH 01/18] Update signup.css Updated the css file of signup page --- SignUp/signup.css | 75 ++++++++++++++++++++++++++++++++++++----------- 1 file changed, 58 insertions(+), 17 deletions(-) diff --git a/SignUp/signup.css b/SignUp/signup.css index f2f7510f..c4506cf3 100644 --- a/SignUp/signup.css +++ b/SignUp/signup.css @@ -1,11 +1,11 @@ * { box-sizing: border-box; margin: 0; - padding: 0; + padding:5px; } body { - background: url('https://www.example.com/path/to/your/gaming-background.jpg') no-repeat center center fixed; + background: url('https://images.pexels.com/photos/7135057/pexels-photo-7135057.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') no-repeat center center fixed; background-size: cover; font-family: 'Trebuchet MS', Arial, sans-serif; display: flex; @@ -17,12 +17,14 @@ body { } .signup-container { + opacity: 0.75; + padding: 2rem; background-color: rgba(0, 0, 0, 0.8); padding: 2rem; - border-radius: 15px; + border-radius: 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); text-align: center; - max-width: 400px; + max-width: 450px; width: 100%; animation: fadeIn 1.5s ease-in-out; } @@ -33,7 +35,7 @@ body { transform: scale(0.9); } to { - opacity: 1; + opacity: 0.75; transform: scale(1); } } @@ -73,20 +75,59 @@ input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focu } .signup-button { - background-color: #ba68c8; - color: #282c34; - padding: 0.75rem 1.5rem; - border: none; - border-radius: 5px; - cursor: pointer; - font-family: 'Press Start 2P', cursive; - font-size: 18px; - transition: background-color 0.3s, transform 0.3s; + color:white; + font-family:Helvetica, sans-serif; + font-weight:bold; + font-size:20px; + text-align: center; + text-decoration:none; + background-color:#FFA12B; + display:block; + position:relative; + padding:15px 50px; + margin-left: 100px; + cursor: pointer; + transition: background-color 0.2s, color 0.2s; + + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + text-shadow: 0px 1px 0px #000; + filter: dropshadow(color=#000, offx=0px, offy=1px); + + -webkit-box-shadow:inset 0 1px 0 #FFE5C4, 0 10px 0 #915100; + -moz-box-shadow:inset 0 1px 0 #FFE5C4, 0 10px 0 #915100; + box-shadow:inset 0 1px 0 #FFE5C4, 0 10px 0 #915100; + + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } -.signup-button:hover { - background-color: #ab47bc; - transform: scale(1.05); +.signup-button:active{ + top:10px; + background-color:#F78900; + + -webkit-box-shadow:inset 0 1px 0 #FFE5C4, inset 0 -3px 0 #915100; + -moz-box-shadow:inset 0 1px 0 #FFE5C4, inset 0 -3pxpx 0 #915100; + box-shadow:inset 0 1px 0 #FFE5C4, inset 0 -3px 0 #915100; +} +.signup-button:after{ + content:""; + height:100%; + width:100%; + padding:4px; + position: absolute; + bottom:-15px; + left:-4px; + z-index:-1; + background-color:#2B1800; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.signup-button:hover{ + background-color: #FFD198; + color: #F78900; + } .links { From e1688834ebea691001fc1337358942b8b9074075 Mon Sep 17 00:00:00 2001 From: Harbaksh Singh Baath <109849199+harbakshsinghbaath@users.noreply.github.com> Date: Fri, 4 Oct 2024 10:59:49 +0530 Subject: [PATCH 02/18] Update signup.html Underlined the link --- SignUp/signup.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/SignUp/signup.html b/SignUp/signup.html index 5c0f695f..6f0a03df 100644 --- a/SignUp/signup.html +++ b/SignUp/signup.html @@ -30,7 +30,7 @@
From b4bf35d443c7f7aa73ecabd3dce68917b0257929 Mon Sep 17 00:00:00 2001 From: Harbaksh Singh Baath <109849199+harbakshsinghbaath@users.noreply.github.com> Date: Fri, 4 Oct 2024 11:15:24 +0530 Subject: [PATCH 03/18] Update login.css added underline --- login/login.css | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/login/login.css b/login/login.css index eb472524..024d2935 100644 --- a/login/login.css +++ b/login/login.css @@ -232,6 +232,37 @@ body{ .links a:not(:last-child) { margin-right: 20px; } +.hal::after { + content: ''; + position: absolute; + width: 100%; + height: 2px; + bottom: 0; + left: 0; + background-color: white; + transform-origin: bottom left; + transition: transform 0.25s ease-out; + transform: scaleX(0); +} +.hal2::after { + content: ''; + position: absolute; + width: 100%; + height: 2px; + bottom: 0; + left: 0; + background-color: white; + transform-origin: bottom right; + transition: transform 0.25s ease-out; + transform: scaleX(0); +} +.hal:hover::after{ + transform: scaleX(0.6); +} +.hal2:hover::after{ + transform: scaleX(0.6); +} + .links a: hover { color: #ff80ab; From 2e8eea463535a3551aa9d8538ce706cc1dc426f5 Mon Sep 17 00:00:00 2001 From: Harbaksh Singh Baath <109849199+harbakshsinghbaath@users.noreply.github.com> Date: Fri, 4 Oct 2024 11:16:43 +0530 Subject: [PATCH 04/18] Update login.html Under line effect --- login/login.html | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/login/login.html b/login/login.html index 95248fa3..b833bbd4 100644 --- a/login/login.html +++ b/login/login.html @@ -1,4 +1,3 @@ -
@@ -26,8 +25,8 @@
From fe6092abfa13cee96400df7e30e45263f3a47e77 Mon Sep 17 00:00:00 2001
From: Harbaksh Singh Baath
<109849199+harbakshsinghbaath@users.noreply.github.com>
Date: Fri, 4 Oct 2024 11:33:40 +0530
Subject: [PATCH 05/18] Update signup.css
Aligned the page better
---
SignUp/signup.css | 25 ++++++++++++++++---------
1 file changed, 16 insertions(+), 9 deletions(-)
diff --git a/SignUp/signup.css b/SignUp/signup.css
index c4506cf3..2d3fd0d2 100644
--- a/SignUp/signup.css
+++ b/SignUp/signup.css
@@ -17,18 +17,21 @@ body {
}
.signup-container {
+
opacity: 0.75;
- padding: 2rem;
- background-color: rgba(0, 0, 0, 0.8);
- padding: 2rem;
+ background-color: rgba(0, 0, 0, 0);
+ padding: 5rem;
border-radius: 20px;
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
text-align: center;
- max-width: 450px;
+ max-width: 500px;
width: 100%;
- animation: fadeIn 1.5s ease-in-out;
+ animation: fadeIn 2s ease-in-out;
+ background-color: black;
+ margin: auto;
}
+
@keyframes fadeIn {
from {
opacity: 0;
@@ -80,12 +83,15 @@ input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focu
font-weight:bold;
font-size:20px;
text-align: center;
- text-decoration:none;
background-color:#FFA12B;
display:block;
position:relative;
- padding:15px 50px;
- margin-left: 100px;
+ padding:15px 60px;
+ margin: auto;
+
+
+
+
cursor: pointer;
transition: background-color 0.2s, color 0.2s;
@@ -145,3 +151,4 @@ input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focu
color: #ff80ab;
text-decoration: underline;
}
+
From 65971cc11e70029094f9ddd30e15052419e2bf8c Mon Sep 17 00:00:00 2001
From: Rajdeep Chakraborty iC|g0{B^wfx&U?Rq*gwc$K-{80Dk
z)mpl|JeA?T-0X`imm<{7J~pB-M+3F~aZ2@llHlK4`}9w#ia6{qom)tYn`E(3_wq7~
zh8sz+l__S^lL|(;%vFK}yn ?rfeb
z5<>c?1p30)0u0-cP}{0E^)~T=hpA(6QnAYTI;HKa%B%ChNhFo^{(_M@x;mo5SXbf5
z-Zxi>3rDr6-1QC<4kxv0%yC{dyV59G3d&LgyR!i#v$0p`PxW_Follow Us on
Follow Us on
Collect your GamingTools
info@gamingtools.com