squid/blog
1
2
Fork 0
Code Issues 11 Pull Requests Actions Projects 1 Releases 2 Wiki Activity

BLOG-13 Add link to footer icons (#18)

Browse Source 
- squid 3853160bf3 BLOG-13 fix: add link to footer icons

Reviewed-on: #18
Co-authored-by: SquidSpirit <squid@squidspirit.com>
Co-committed-by: SquidSpirit <squid@squidspirit.com>
This commit is contained in:
SquidSpirit 2025-01-18 04:21:36 +08:00 committed by squid
parent fb3c204e76
commit 75bb3fbeba
1 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/lib/common/presenter/ui/Footer.tsx
View File

@ -1,15 +1,34 @@
import { faGithub, faYoutube } from "@fortawesome/free-brands-svg-icons";
import { faGitAlt, faYoutube } from "@fortawesome/free-brands-svg-icons";
import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import Link from "next/link";
export default function Footer() {
return (
<div className="border-t border-gray-300">
<div className="mx-auto flex max-w-screen-xl flex-col items-center justify-center gap-4 px-4 py-12 md:flex-row md:px-6">
<div className="flex flex-row items-center justify-center gap-x-4">
<FontAwesomeIcon className="size-4" icon={faYoutube} />
<FontAwesomeIcon className="size-4" icon={faEnvelope} />
<FontAwesomeIcon className="size-4" icon={faGithub} />
<Link href="https://www.youtube.com/@squidspirit16" target="_blank">
<FontAwesomeIcon
className="size-4"
icon={faYoutube}
title="YouTube Channel"
/>
</Link>
<Link href="mailto:squid@squidspirit.com">
<FontAwesomeIcon
className="size-4"
icon={faEnvelope}
title="Email"
/>
</Link>
<Link href="https://git.squidspirit.com/squid/blog" target="_blank">
<FontAwesomeIcon
className="size-4"
icon={faGitAlt}
title="Git Repository"
/>
</Link>
</div>
<Devider className="max-md:hidden" />
<span className="text-sm">Copyright © 2025 SquidSpirit</span>