Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: removed extra social media links #468

Merged
merged 2 commits into from
Sep 11, 2023
Merged

fix: removed extra social media links #468

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
578bd90
fix: removed extra social media links
shreyas0924 Sep 4, 2023
4dc436b
Merge branch 'main' into main
Susmita-Dey Sep 11, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
236 changes: 82 additions & 154 deletions src/components/Footer.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,95 +42,11 @@ const Footer = () => {
technology. We are an Open-source project available on{" "}
<a href="https://github.com/devs-in-tech/DevsInTech" className="text-blue-500">GitHub</a>
</p>
<ul className="mt-6 flex justify-center gap-6 md:justify-start md:gap-8">
<li>
<Link
href="/"
rel="noreferrer"
target="_blank"
className="text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaFacebookF size={20} />
</Link>
</li>

<li>
<Link
href="https://twitter.com/devs_in_tech"
aria-label="Visit us on Twitter"
title="Twitter (External Link)"
rel="noopener noreferrer"
target="_blank"
className="text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaTwitter size={20} />
</Link>
</li>

{/* LinkedIn Icon */}

<li>
<Link
href="https://www.linkedin.com/company/devsintech-community/"
target="_blank"
aria-label="Visit us on Linkedin"
title="Linkedin (External Link)"
rel="noopener noreferrer"
className="text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaLinkedinIn size={20} />
</Link>
</li>

{/* Instagram icon */}

<li>
<Link
href="/"
aria-label="Visit us on Instagram"
title="Instagram (External Link)"
rel="noopener noreferrer"
target="_blank"
className="text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaInstagram size={20} />
</Link>
</li>

{/* Discord icon */}

<li>
<Link
href="https://discord.com/invite/g7FmxB9uZp"
aria-label="Join with us on Discord"
title="Discord (External Link)"
rel="noopener noreferrer"
target="_blank"
className="text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaDiscord size={20} />
</Link>
</li>

{/* GitHub icon */}

<li>
<Link
href="https://github.com/devs-in-tech/DevsInTech"
aria-label="Join with us on GitHub"
title="GitHub (External Link)"
rel="noopener noreferrer"
target="_blank"
className="text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaGithub size={20} />
</Link>
</li>
</ul>
</div>

{/* COLUMNS */}
<div className="m-auto">
<div className="m-6">
<div className="flex justify-center gap-16">
<div className="text-center font-secondary">
<p className="text-lg font-medium text-white">Community</p>
Expand Down Expand Up @@ -243,75 +159,87 @@ const Footer = () => {
</div>
</div>
<ul className="mt-6 flex justify-center text-center gap-6 md:justify-center md:gap-8">
<li>
<Link
href="/"
rel="noreferrer"
target="_blank"
className="text-blue-500 transition hover:text-blue-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaFacebookF size={30} />
</Link>
</li>

<li>
<Link
href="https://twitter.com/devs_in_tech"
aria-label="Visit us on Twitter"
title="Twitter (External Link)"
rel="noopener noreferrer"
target="_blank"
className="text-sky-500 transition hover:text-sky-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaTwitter size={30} />
</Link>
</li>

{/* LinkedIn Icon */}

<li>
<Link
href="https://www.linkedin.com/company/devsintech-community/"
target="_blank"
aria-label="Visit us on Linkedin"
title="Linkedin (External Link)"
rel="noopener noreferrer"
className="text-blue-800 transition hover:text-blue-900/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaLinkedinIn size={30} />
</Link>
</li>

{/* Instagram icon */}

<li>
<Link
href="/"
aria-label="Visit us on Instagram"
title="Instagram (External Link)"
rel="noopener noreferrer"
target="_blank"
className="text-red-500 transition hover:text-red-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaInstagram size={30} />
</Link>
</li>

{/* Discord icon */}

<li>
<Link
href="https://discord.com/invite/g7FmxB9uZp"
aria-label="Join with us on Discord"
title="Discord (External Link)"
rel="noopener noreferrer"
target="_blank"
className="text-blue-500 transition hover:text-blue-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaDiscord size={30} />
</Link>
</li>
</ul>
<li>
<Link
href="/"
rel="noreferrer"
target="_blank"
className="text-blue-500 transition hover:text-blue-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaFacebookF size={30} />
</Link>
</li>

<li>
<Link
href="https://twitter.com/devs_in_tech"
aria-label="Visit us on Twitter"
title="Twitter (External Link)"
rel="noopener noreferrer"
target="_blank"
className="text-sky-500 transition hover:text-sky-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaTwitter size={30} />
</Link>
</li>

{/* LinkedIn Icon */}

<li>
<Link
href="https://www.linkedin.com/company/devsintech-community/"
target="_blank"
aria-label="Visit us on Linkedin"
title="Linkedin (External Link)"
rel="noopener noreferrer"
className="text-blue-800 transition hover:text-blue-900/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaLinkedinIn size={30} />
</Link>
</li>

{/* Instagram icon */}

<li>
<Link
href="/"
aria-label="Visit us on Instagram"
title="Instagram (External Link)"
rel="noopener noreferrer"
target="_blank"
className="text-red-500 transition hover:text-red-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaInstagram size={30} />
</Link>
</li>

{/* Discord icon */}

<li>
<Link
href="https://discord.com/invite/g7FmxB9uZp"
aria-label="Join with us on Discord"
title="Discord (External Link)"
rel="noopener noreferrer"
target="_blank"
className="text-blue-500 transition hover:text-blue-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaDiscord size={30} />
</Link>
</li>
<li>
<Link
href="https://github.com/devs-in-tech/DevsInTech"
aria-label="Join with us on GitHub"
title="GitHub (External Link)"
rel="noopener noreferrer"
target="_blank"
className="text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
>
<FaGithub size={30} />
</Link>
</li>
</ul>
<div className="mt-12 mb-0">
<div className="text-center font-thin sm:flex sm:justify-center sm:text-center">
<p className="mt-4 text-xl text-white dark:text-white sm:order-first sm:mt-0">
Expand Down