54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
import Link from "next/link";
|
|
|
|
import { YEAR_TO_BUMP } from "../constants";
|
|
|
|
const Footer = ({ license, links, repo, commitID }) => (
|
|
<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">
|
|
{links.map(({ url, label }) => (
|
|
<Link
|
|
key={url + label}
|
|
href={url}
|
|
className="md:mx-4 mb-1 md:inline block hover:opacity-70"
|
|
>
|
|
{label}
|
|
</Link>
|
|
))}
|
|
<Link href={repo} className="mx-4 hover:opacity-70">
|
|
Source Code
|
|
</Link>
|
|
</div>
|
|
|
|
<div className="text-sm font-normal text-neutral-400">
|
|
<p>
|
|
© {YEAR_TO_BUMP}{" "}
|
|
<Link
|
|
className="text-neutral-600 dark:text-neutral-200 hover:opacity-70"
|
|
target="_blank"
|
|
rel="noopener noreferer"
|
|
href="https://rizaldy.club"
|
|
>
|
|
faultables
|
|
</Link>{" "}
|
|
• All media is licensed under{" "}
|
|
<Link className="underline hover:opacity-70" href={license.url}>
|
|
{license.name}
|
|
</Link>{" "}
|
|
unless stated otherwise •{" "}
|
|
<Link
|
|
className="text-neutral-600 dark:text-neutral-200 hover:opacity-70"
|
|
target="_blank"
|
|
rel="noopener noreferer"
|
|
href={`${repo}/commit/${commitID}`}
|
|
>
|
|
{commitID}
|
|
</Link>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
|
|
export default Footer;
|