Skip to content

Commit

Permalink
updated the issue codeaashu#196 of changing the sidebar and updating it
Browse files Browse the repository at this point in the history
  • Loading branch information
@mrpeace07
mrpeace07 authored Oct 12, 2024
1 parent 168b089 commit acdb7f1
Showing 1 changed file with 14 additions and 23 deletions.
37 changes: 14 additions & 23 deletions src/components/Sidebar/Sidebar.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,25 +27,21 @@ function Sidebar() {
}

return (
<div className="my-7 w-full border-r-2 border-borderSecondary px-7 font-spaceMono dark:border-borderColor md:h-[90vh] md:w-[23%] md:px-2 lg:px-7">
<div className="my-7 w-full border-r-2 border-borderSecondary px-7 font-spaceMono dark:border-borderColor md:h-[90vh] md:w-[23%] md:px-2 lg:px-7 bg-white dark:bg-gray-800 rounded-lg shadow-md">
<div className="mb-2 flex h-12 items-center gap-2.5">
<div className="text-secondaryColor dark:text-white">
<FontAwesomeIcon icon={faCode} size="2xl" />
</div>
<a href="https://devdisplay.vercel.app/">
<div
className="flex text-[2rem] font-bold
md:text-[1.05rem] lg:text-[1.25rem] min-[1200px]:text-[1.75rem] "
>
<p className="text-secondaryColor dark:text-white">Dev</p>
<p className="text-textSecondary">Display</p>
<a href="https://devdisplay.vercel.app/" className="flex items-center">
<div className="text-secondaryColor dark:text-white text-2xl font-bold md:text-lg lg:text-xl">
Dev <span className="text-textSecondary">Display</span>
</div>
</a>
<div className="ml-auto">
<button
type="button"
className="h-10 w-10 cursor-pointer rounded-lg border-2 border-borderSecondary bg-white transition-all hover:border-textSecondary hover:text-textSecondary dark:border-borderColor dark:bg-textPrimary dark:text-white dark:hover:border-textSecondary dark:hover:text-textSecondary"
onClick={toggleTheme}
className="h-10 w-10 rounded-lg border-2 border-borderSecondary bg-white transition-all hover:border-textSecondary hover:text-textSecondary dark:border-borderColor dark:bg-textPrimary dark:text-white dark:hover:border"
>
{theme === 'dark' ? (
<FontAwesomeIcon icon={faSun} fontSize="1rem" />
Expand All @@ -55,40 +51,35 @@ function Sidebar() {
</button>
</div>
</div>
<div className="text-secondaryColor dark:text-white">
Open Source community where you can discover, connect, collab with skilled developers, share your ideas then
build projects and also promote the project through this community.
<div className="text-secondaryColor dark:text-white mb-4">
Welcome to our Open Source Collective: a dynamic hub where visionary developers unite. Discover, collaborate, and bring your ideas to life while amplifying your projects within our community. Together, let's transform inspiration into innovation!
</div>
<div className="flex flex-wrap items-center justify-center gap-2 pt-5 ">
<div className="flex justify-start gap-2 pt-5">
<a
href="https://github.com/codeaashu/DevDisplay?tab=readme-ov-file#how-to-add-your-profile-"
target="_blank"
rel="noreferrer"
>
<button
className="
inline-block cursor-pointer rounded-lg border-2 border-textSecondary bg-textSecondary px-[15px] py-1.5 text-center font-poppoins text-sm transition-all duration-500 hover:bg-transparent hover:text-textSecondary dark:text-white"
>
<button className="inline-flex cursor-pointer items-center rounded-lg border-2 border-gray-600 bg-gray-600 px-4 py-2 text-center font-poppoins text-sm text-white transition-all duration-300 hover:bg-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700">
Add your profile
</button>
</a>
<a href="https://www.linkedin.com/company/devdisplay/" target="_blank" rel="noreferrer">
<button className="inline-flex cursor-pointer items-center rounded-lg border-2 border-textSecondary bg-textSecondary px-[15px] py-1.5 text-center font-poppoins text-sm transition-all duration-500 hover:bg-transparent hover:text-textSecondary dark:text-white">
<button className="inline-flex cursor-pointer items-center rounded-lg border-2 border-gray-600 bg-gray-600 px-4 py-2 text-center font-poppoins text-sm text-white transition-all duration-300 hover:bg-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700">
<span>Connect</span>
<FaLinkedin className="text-1xl text-black-600 ml-2 duration-300 hover:scale-125" />
<FaLinkedin className="text-xl ml-2 transition-transform duration-300 hover:scale-110" />
</button>
</a>
</div>
<div className="flex flex-row flex-wrap items-center justify-center gap-2 pt-6">
<div className="flex justify-start gap-2 pt-6">
<a href="https://ai.google.dev/competition/projects/helpmate-ai" target="_blank" rel="noreferrer">
<button className="inline-flex cursor-pointer items-center rounded-lg border-2 border-textSecondary bg-textSecondary px-[15px] py-1.5 text-center font-poppoins text-sm transition-all duration-500 hover:bg-transparent hover:text-textSecondary dark:text-white">
<button className="inline-flex cursor-pointer items-center rounded-lg border-2 border-gray-600 bg-gray-600 px-4 py-2 text-center font-poppoins text-sm text-white transition-all duration-300 hover:bg-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700">
Spotlight
</button>
</a>
<button
onClick={handleOpportunities}
className="inline-flex cursor-pointer items-center rounded-lg border-2 border-textSecondary bg-textSecondary px-[15px] py-1.5 text-center font-poppoins text-sm transition-all duration-500 hover:bg-transparent hover:text-textSecondary dark:text-white"
className="inline-flex cursor-pointer items-center rounded-lg border-2 border-gray-600 bg-gray-600 px-4 py-2 text-center font-poppoins text-sm text-white transition-all duration-300 hover:bg-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700"
>
Opportunities Hub
</button>
Expand Down

0 comments on commit acdb7f1

Please sign in to comment.