ig.rizaldy.club/components/Footer.js

54 lines
1.5 KiB
JavaScript
Raw Normal View History

2024-01-31 00:49:51 +07:00
import Link from "next/link";
import { YEAR_TO_BUMP } from "../constants";
const Footer = ({ license, links, repo, commitID }) => (
2024-01-31 02:44:12 +07:00
<footer className="flex py-4 text-center md:mt-10 mt-5">
<div className="md:w-7/12 mx-auto font-semibold">
<div className="md:text-sm mb-10">
2024-01-31 00:49:51 +07:00
{links.map(({ url, label }) => (
2024-01-31 02:44:12 +07:00
<Link
key={url + label}
href={url}
2024-02-02 18:44:54 +07:00
className="md:mx-4 mb-1 md:inline block hover:opacity-70"
2024-01-31 02:44:12 +07:00
>
2024-01-31 00:49:51 +07:00
{label}
</Link>
))}
2024-02-02 18:44:54 +07:00
<Link href={repo} className="mx-4 hover:opacity-70">
2024-01-31 00:49:51 +07:00
Source Code
</Link>
</div>
<div className="text-sm font-normal text-neutral-400">
<p>
&copy; {YEAR_TO_BUMP}{" "}
<Link
2024-02-02 18:44:54 +07:00
className="text-neutral-600 dark:text-neutral-200 hover:opacity-70"
2024-01-31 00:49:51 +07:00
target="_blank"
rel="noopener noreferer"
2024-05-21 01:55:17 +07:00
href="https://faultables.net"
2024-01-31 00:49:51 +07:00
>
faultables
</Link>{" "}
All media is licensed under{" "}
2024-02-02 18:44:54 +07:00
<Link className="underline hover:opacity-70" href={license.url}>
2024-01-31 00:49:51 +07:00
{license.name}
</Link>{" "}
unless stated otherwise {" "}
<Link
2024-02-02 18:44:54 +07:00
className="text-neutral-600 dark:text-neutral-200 hover:opacity-70"
2024-01-31 00:49:51 +07:00
target="_blank"
rel="noopener noreferer"
href={`${repo}/commit/${commitID}`}
>
{commitID}
</Link>
</p>
</div>
</div>
</footer>
);
export default Footer;