From ab8a12d2bc8b85b6a5250fe10ae02db6b82a54c7 Mon Sep 17 00:00:00 2001 From: Sayiam Date: Sat, 26 Oct 2024 12:56:51 +0530 Subject: [PATCH 1/2] I have resolved the issue for overlapping in navbar --- client/src/component/Navbar.jsx | 384 ++++++++++++-------------------- 1 file changed, 139 insertions(+), 245 deletions(-) diff --git a/client/src/component/Navbar.jsx b/client/src/component/Navbar.jsx index e3ce017..c8cf264 100644 --- a/client/src/component/Navbar.jsx +++ b/client/src/component/Navbar.jsx @@ -101,13 +101,28 @@ function Navbar(props) { id="navbar" > {/* Hamburger icon */} + + {/* Navbar Content */}
+ {/* Logo and Title */} - - - - {!localStorage.getItem("token") ? ( - <> - - +
) : ( - <> - From f5fd8e2f56cccf7a09935ab6de314cc2a26d076f Mon Sep 17 00:00:00 2001 From: Sayiam Date: Sat, 26 Oct 2024 13:37:22 +0530 Subject: [PATCH 2/2] I have resolved the issue with containers alignment --- client/src/component/HomePage/Card.jsx | 44 ++++++++++++++++---------- 1 file changed, 27 insertions(+), 17 deletions(-) diff --git a/client/src/component/HomePage/Card.jsx b/client/src/component/HomePage/Card.jsx index d94ef48..c9255b4 100644 --- a/client/src/component/HomePage/Card.jsx +++ b/client/src/component/HomePage/Card.jsx @@ -1,53 +1,63 @@ import PropTypes from "prop-types"; -const CardsPage = (props) => { - - // Array card information +const CardsPage = ({ mode }) => { + // Array containing card information const cardData = [ { title: "Start your journey", - content: "Engaging in GSSoC'23 offers a chance to elevate your GitHub presence. Elevate your knowledge, delve into new horizons, refine, amplify, forge connections, and foster teamwork to cultivate your abilities and character. Seize the opportunity to delve into open-source, mastering fundamental tools like Git and GitHub under the guidance of adept mentors.", + content: + "Engaging in GSSoC'23 offers a chance to elevate your GitHub presence. Elevate your knowledge, delve into new horizons, refine, amplify, forge connections, and foster teamwork to cultivate your abilities and character. Seize the opportunity to delve into open-source, mastering fundamental tools like Git and GitHub under the guidance of adept mentors.", }, { title: "Inviting Projects & NGOs", - content: "If your organization harbors a vision for a project, whether it’s a website, an app, or any other initiative, seize this golden opportunity to join our vibrant community. Our aspiring developers, mentored by seasoned experts, are eager to collaborate on your projects, aiming for nothing short of excellence. Submit your application now, and let’s join forces because Together Everyone Achieves More.", + content: + "If your organization harbors a vision for a project, whether it’s a website, an app, or any other initiative, seize this golden opportunity to join our vibrant community. Our aspiring developers, mentored by seasoned experts, are eager to collaborate on your projects, aiming for nothing short of excellence. Submit your application now, and let’s join forces because Together Everyone Achieves More.", }, { title: "Lead the pack", - content: "In the realm of open-source projects, mentors serve as the vanguards, charting the course for the team's journey. They provide invaluable guidance to fellow participants, navigating them through every stage of the project roadmap. Acting as the cornerstone of the team, mentors remain accessible throughout the summer, reviewing pull requests and offering suggestions for improvement. Seize the opportunity to become a mentor at GirlScript Summer of Code and lay the groundwork for your team's success.", + content: + "In the realm of open-source projects, mentors serve as the vanguards, charting the course for the team's journey. They provide invaluable guidance to fellow participants, navigating them through every stage of the project roadmap. Acting as the cornerstone of the team, mentors remain accessible throughout the summer, reviewing pull requests and offering suggestions for improvement. Seize the opportunity to become a mentor at GirlScript Summer of Code and lay the groundwork for your team's success.", }, { title: "Add your shade to GSSoC'23", - content: "Supporters play a crucial role in ensuring the seamless execution of GirlScript events by providing valuable resources. Their contribution enables us to reward our top participants with perks, fostering talent within our community. In appreciation of their support, we offer extensive publicity on our social platforms and media exposure to showcase our sponsors. Join us as a sponsor and illuminate our program with your generosity.", + content: + "Supporters play a crucial role in ensuring the seamless execution of GirlScript events by providing valuable resources. Their contribution enables us to reward our top participants with perks, fostering talent within our community. In appreciation of their support, we offer extensive publicity on our social platforms and media exposure to showcase our sponsors. Join us as a sponsor and illuminate our program with your generosity.", }, ]; return ( -
-
+
+

Be a part of Bitbox Community

-
-
+
+
{cardData.map((card, index) => (
-

+

+ {/* Smooth transition on text color */} {card.title}

-

+

+ {/* Smooth transition on content color */} {card.content}

))}
-