From 31dccc886f74309c52e78f30301c476afa329a71 Mon Sep 17 00:00:00 2001 From: 4F24L Date: Sun, 6 Oct 2024 22:58:42 +0530 Subject: [PATCH 01/12] Deploy link fix --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 238bb628..cd4f4003 100644 --- a/README.md +++ b/README.md @@ -23,7 +23,7 @@ A responsive and dynamic website to showcase the best gaming accessorie ## 🚀 Demo #### Check out the live demo here ⬇️ : -https://collect-your-gaming-tools-7r1z88vx4-swaraj-das-projects.vercel.app/ +https://swaraj-das.github.io/Collect-your-GamingTools/ ## 🛠️ Installation From 7288ffa65fd36e877fdbf17f75944907c2247070 Mon Sep 17 00:00:00 2001 From: Bhavani Date: Tue, 8 Oct 2024 14:45:33 +0530 Subject: [PATCH 02/12] added functionality to explore button --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 1d76821a..15e57f8c 100644 --- a/index.html +++ b/index.html @@ -49,12 +49,12 @@

Welcome to GamingTools

Your one-stop shop for all gaming accessories.

- Explore Products + Explore Products
-
+

PS4 V2 Dualshock 4

Wireless Controllers for PlayStation 4

From 108d9b2c8c963a6a09289388b0c3befa8a27093d Mon Sep 17 00:00:00 2001 From: Ujjwal Sharma Date: Wed, 9 Oct 2024 16:21:17 +0530 Subject: [PATCH 03/12] Sidebar close button fixed by adding function toggleSidebar() in script.js --- index.html | 8 ++++---- script.js | 13 ++++++++++++- 2 files changed, 16 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index ae4165ad..585b29e0 100644 --- a/index.html +++ b/index.html @@ -497,8 +497,8 @@

Contact Us

- - + + diff --git a/script.js b/script.js index 2cd7df86..f0b34bd4 100644 --- a/script.js +++ b/script.js @@ -66,4 +66,15 @@ window.onload = () => { } }; - +//function to remove sidebar upon clicking close button +function toggleSidebar() { + var sidebar = document.getElementById("SideBar"); + var sidebarContent = document.getElementById("sidebar-content"); + if (sidebar) { + // Remove the sidebar element and its content + sidebar.remove(); + sidebarContent.remove(); + } else { + console.error("Sidebar element not found"); + } +}; From 0ae4326d49913a5f40df3a1f508438f1e369b5bb Mon Sep 17 00:00:00 2001 From: Vaishnavi Patil <109457185+Vaishh18@users.noreply.github.com> Date: Wed, 9 Oct 2024 17:09:55 +0530 Subject: [PATCH 04/12] Fixed footer navigation of contact and faq --- index.html | 9 +++++---- style.css | 11 +++++++++-- 2 files changed, 14 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index ae4165ad..e58aef71 100644 --- a/index.html +++ b/index.html @@ -340,7 +340,8 @@

Ergonomic Gaming Chair

- +
+

Frequently Asked Questions

@@ -413,7 +414,7 @@

What Our Customers Say


-
+
@@ -472,8 +473,8 @@

Quick Links

  • Home
  • Products
  • About Us
    • -
  • Contact
    • -
  • FAQ
    • +
  • Contact
    • +
  • FAQ
    • diff --git a/style.css b/style.css index 58aedfd6..642a1288 100644 --- a/style.css +++ b/style.css @@ -655,6 +655,10 @@ button:hover img { background: #45a049; } +#contact{ + padding-top: 100px; +} + .footer-bottom { background: #343a40; color: #686868; @@ -1069,7 +1073,10 @@ button:hover img { color: white; } - +#faq{ + padding-top: 100px; +} + .faq-container { max-width: 800px; @@ -1193,4 +1200,4 @@ button:hover img { color: #555; line-height: 1.5; /* Slightly tighter line height */ } - \ No newline at end of file + From 1c7c237850dc0e39f25d7bd3e49b7e9c5e2874f8 Mon Sep 17 00:00:00 2001 From: mohammedanaf Date: Wed, 9 Oct 2024 21:20:37 +0530 Subject: [PATCH 05/12] Button interface updated --- SignUp/signup.css | 274 +++++++++++++++++---------- SignUp/signup.html | 2 +- login/forgot.css | 445 ++++++++++++++++++++++++------------------- login/forgot.html | 2 +- login/login.css | 462 +++++++++++++++++++++++++-------------------- login/login.html | 2 +- 6 files changed, 679 insertions(+), 508 deletions(-) diff --git a/SignUp/signup.css b/SignUp/signup.css index f50140a9..38019ce8 100644 --- a/SignUp/signup.css +++ b/SignUp/signup.css @@ -1,153 +1,227 @@ * { - box-sizing: border-box; - margin: 0; - padding:5px; + box-sizing: border-box; + margin: 0; + padding: 5px; } body { - 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; - justify-content: center; - align-items: center; - height: 100vh; - color: white; - text-shadow: 1px 1px 2px #000; + 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; + justify-content: center; + align-items: center; + height: 100vh; + color: white; + text-shadow: 1px 1px 2px #000; } .signup-container { - - opacity: 0.75; - background-color: rgba(0, 0, 0, 0); - padding: 5rem; - border-radius: 20px; - box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5); - text-align: center; - max-width: 500px; - width: 100%; - animation: fadeIn 2s ease-in-out; - background-color: black; - margin: auto; + opacity: 0.75; + background-color: rgba(0, 0, 0, 0); + padding: 5rem; + border-radius: 20px; + box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5); + text-align: center; + max-width: 500px; + width: 100%; + animation: fadeIn 2s ease-in-out; + background-color: black; + margin: auto; } - @keyframes fadeIn { - from { - opacity: 0; - transform: scale(0.9); - } - to { - opacity: 0.75; - transform: scale(1); - } + from { + opacity: 0; + transform: scale(0.9); + } + to { + opacity: 0.75; + transform: scale(1); + } } h1 { - margin-bottom: 2rem; - font-size: 1.5rem; - color: #fb5283; + margin-bottom: 2rem; + font-size: 1.5rem; + color: #fb5283; } .input-group { - margin-bottom: 1.5rem; - text-align: left; + margin-bottom: 1.5rem; + text-align: left; } label { - display: block; - margin-bottom: 0.5rem; - font-size: 16px; + display: block; + margin-bottom: 0.5rem; + font-size: 16px; } -input[type="text"], input[type="email"], input[type="password"] { - width: 100%; - padding: 0.75rem; - border: 2px solid #6a1b9a; - border-radius: 5px; - background-color: #3a3f44; - color: white; - font-family: 'Press Start 2P', cursive; - font-size: 0.875rem; +input[type="text"], +input[type="email"], +input[type="password"] { + width: 100%; + padding: 0.75rem; + border: 2px solid #6a1b9a; + border-radius: 5px; + background-color: #3a3f44; + color: white; + font-family: "Press Start 2P", cursive; + font-size: 0.875rem; } -input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus { - outline: none; - border-color: #ba68c8; - background-color: #2a2e32; +input[type="text"]:focus, +input[type="email"]:focus, +input[type="password"]:focus { + outline: none; + border-color: #ba68c8; + background-color: #2a2e32; } .signup-button { - color:white; - font-family:Helvetica, sans-serif; - font-weight:bold; - font-size:20px; + color: white; + font-family: Helvetica, sans-serif; + font-weight: bold; + font-size: 20px; text-align: center; - background-color:#FFA12B; - display:block; - position:relative; - padding:15px 60px; + background-color: #ffa12b; + display: block; + position: relative; + padding: 15px 60px; margin: auto; - - - - + 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-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: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; +.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; + 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; - +.signup-button:hover { + background-color: #ffd198; + color: #f78900; } .links { - margin-top: 18px; + margin-top: 18px; } .links a { - color: #fb5283; - text-decoration: none; - transition: color 0.3s; - font-size: 18px; + color: #fb5283; + text-decoration: none; + transition: color 0.3s; + font-size: 18px; } .links a:hover { - color: #ff80ab; - text-decoration: underline; + color: #ff80ab; + text-decoration: underline; +} + +.linksHome { + position: absolute; + top: 20px; + left: 20px; + cursor: pointer; + padding: 10px; + font-size: large; + text-decoration: none; + border-radius: 15px; + border: none; + background: linear-gradient( + 0deg, + rgba(255, 193, 219, 1) 0%, + rgba(245, 131, 202, 1) 100% + ); + color: #fff; + overflow: hidden; +} + +.linksHome:hover { + text-decoration: none; + background: linear-gradient( + 0deg, + rgba(245, 131, 202, 1) 0%, + rgba(255, 193, 219, 1) 100% + ); + color: #fff; +} + +.linksHome:before { + position: absolute; + content: ""; + display: inline-block; + top: -180px; + left: 0; + width: 30px; + height: 100%; + background-color: rgba(255, 255, 255, 0.3); + animation: shiny-btn1 3s ease-in-out infinite; +} + +.linksHome:active { + box-shadow: 4px 4px 6px 0 rgba(255, 193, 219, 0.3), + -4px -4px 6px 0 rgba(245, 131, 202, 0.3), + inset -4px -4px 6px 0 rgba(255, 193, 219, 0.3), + inset 4px 4px 6px 0 rgba(245, 131, 202, 0.3); +} + +@keyframes shiny-btn1 { + 0% { + transform: scale(0) rotate(45deg); + opacity: 0; + } + 80% { + transform: scale(0) rotate(45deg); + opacity: 0.5; + } + 81% { + transform: scale(4) rotate(45deg); + opacity: 1; + } + 100% { + transform: scale(50) rotate(45deg); + opacity: 0; + } +} + +.linksHome a { + color: #ffe4e9; +} + +a { + text-decoration: none; } diff --git a/SignUp/signup.html b/SignUp/signup.html index 8fdd8286..cd6fe3c2 100644 --- a/SignUp/signup.html +++ b/SignUp/signup.html @@ -9,7 +9,7 @@
    - home + ←Back
    diff --git a/style.css b/style.css index 58aedfd6..65126d73 100644 --- a/style.css +++ b/style.css @@ -15,13 +15,16 @@ padding: 10px; margin-bottom: 15px; text-align: center; - width: 90%; border-bottom: 1px solid #ddd; border-radius: 6px; + align-items: center; } .card-body { display: flex; - justify-content: space-between; /* Form on the left and image on the right */ + width: 90%; + margin: 20px auto; + padding: 20px; + justify-content: space-between; /* Form on the right and image on the left */ align-items: flex-start; /* Align content to the top */ } @@ -30,10 +33,11 @@ } .image-section { - width: 50%; /* Width for the image section */ + width: 80%; /* Width for the image section */ display: flex; justify-content: center; /* Center the image */ align-items: center; + height: 70%; } .image-section img { @@ -866,6 +870,48 @@ button:hover img { font-size: 20px; } + input, textarea { + width: 160%; /* Adjust width for better alignment */ + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + } + + .card-body { + display: flex; + width: 90%; + margin: 20px auto; + padding: 20px; + justify-content: space-between; /* Form on the right and image on the left */ + align-items: flex-start; /* Align content to the top */ + flex-direction: column; + } + + .image-section { + width: 90%; /* Width for the image section */ + display: flex; + justify-content: center; /* Center the image */ + align-items: center; + margin-bottom: 8px; + } + .form-section { + width: 50%; /* Width for the form section */ + } + + + + .image-section img { + max-width: 120%; /* Make sure image does not exceed its container width */ + height: auto; + align-items: center; + justify-content: center; + } + + .form-group { + margin-bottom: 20px; + } + + .footer-content { flex-direction: column; align-items: center; @@ -883,7 +929,6 @@ button:hover img { .footer-bottom { max-width: fit-content; } - } From 18b9699a2f396711e5b01f6c23a1d943365b813f Mon Sep 17 00:00:00 2001 From: 4F24L Date: Thu, 10 Oct 2024 01:04:09 +0530 Subject: [PATCH 07/12] sign up button fix & page Responsive fix --- SignUp/signup.css | 42 +++++++++++++++++++++++++++++++++++++----- SignUp/signup.html | 6 +++--- 2 files changed, 40 insertions(+), 8 deletions(-) diff --git a/SignUp/signup.css b/SignUp/signup.css index f50140a9..5e54caee 100644 --- a/SignUp/signup.css +++ b/SignUp/signup.css @@ -1,7 +1,7 @@ * { box-sizing: border-box; margin: 0; - padding:5px; + padding:0; } body { @@ -9,8 +9,9 @@ body { background-size: cover; font-family: 'Trebuchet MS', Arial, sans-serif; display: flex; - justify-content: center; - align-items: center; + flex-direction: column; + justify-content: start; + align-items: start; height: 100vh; color: white; text-shadow: 1px 1px 2px #000; @@ -20,7 +21,7 @@ body { opacity: 0.75; background-color: rgba(0, 0, 0, 0); - padding: 5rem; + padding:3rem 5rem; border-radius: 20px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5); text-align: center; @@ -44,7 +45,7 @@ body { } h1 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; font-size: 1.5rem; color: #fb5283; } @@ -151,3 +152,34 @@ input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focu color: #ff80ab; text-decoration: underline; } + +#link-home{ + border: 1px solid rgb(255, 255, 255); + box-shadow: 0 0 5px white; + border-radius: 15px; + padding: 8px 15px; + + margin-left: 1rem; + margin-top: 1rem; + +} + +#link-home:hover{ + border: 1px solid rgb(202, 202, 202); + box-shadow: 0 0 5px #424242; + background-color: #42424222; + border-radius: 15px; + padding: 8px 15px; + + margin-left: 1rem; + margin-top: 1rem; +} + +#link-home a{ + text-decoration: none; + color: #fff; + font-size: 1.4rem; + text-shadow: none; + font-family: 'Trebuchet MS', Arial, sans-serif; + +} \ No newline at end of file diff --git a/SignUp/signup.html b/SignUp/signup.html index 8fdd8286..c7eb6e9c 100644 --- a/SignUp/signup.html +++ b/SignUp/signup.html @@ -8,9 +8,9 @@ -
    - home -
    + + Home +