aidan/aidxnCC
1
1
Fork 0
Code Issues 1 Pull requests 1 Projects Releases Packages Wiki Activity Actions

style/fix: fix header for mobile, add phone page and links, update footer style, update readme, replace tilde with blog

Browse source
This commit is contained in:
Aidan 2025-02-23 13:52:25 -05:00
parent 6a3f7ab9ed
commit 8529a2e3a1
7 changed files with 285 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

26
components/Footer.tsx
View file

@ -1,13 +1,25 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faHeart } from '@fortawesome/free-solid-svg-icons';
import { TbCopyrightOff } from "react-icons/tb"
import { RxDividerVertical } from "react-icons/rx"
import { SiNextdotjs } from "react-icons/si"
import Link from 'next/link'
export default function Footer() {
return (
<footer className="bg-gray-800 py-6">
<div className="container mx-auto px-4 text-center">
<a href="https://git.pontusmail.org/aidan/aidxnCC" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-white transition-colors">
<FontAwesomeIcon icon={faHeart} className="text-md mr-1" /> This website is free, open source and in the public domain.
</a>
<footer className="bg-gray-800 text-gray-400 py-4">
<div className="flex flex-col sm:flex-row container mx-auto px-4 text-center items-center justify-center">
<Link href="https://git.pontusmail.org/aidan/aidxnCC" target="_blank" rel="noopener noreferrer" className="hover:text-white transition-colors mb-2 sm:mb-0">
<div className="flex items-center justify-center">
<TbCopyrightOff className="text-md mr-2" />
Open Source and Copyright-Free
</div>
</Link>
<RxDividerVertical className="hidden sm:block mx-4"/>
<Link href="https://nextjs.org" target="_blank" rel="noopener noreferrer" className="hover:text-white transition-colors mb-2 sm:mb-0">
<div className="flex items-center justify-center">
<SiNextdotjs className="text-md mr-2" />
Built with Next.js
</div>
</Link>
</div>
</footer>
)