Add GitHub link to footer with Globe icon

This commit is contained in:
Xevion
2022-12-18 03:05:02 -06:00
parent d0984345f6
commit 0a53c7a060

View File

@@ -3,6 +3,8 @@ import type {FunctionComponent} from "react";
import React from "react"; import React from "react";
import DarkModeSwitch from "@/components/DarkModeSwitch"; import DarkModeSwitch from "@/components/DarkModeSwitch";
import {GlobeAltIcon} from "@heroicons/react/20/solid";
interface PageProps { interface PageProps {
children: React.ReactNode; children: React.ReactNode;
} }
@@ -10,8 +12,9 @@ interface PageProps {
const Page: FunctionComponent<PageProps> = ({children}: PageProps) => { const Page: FunctionComponent<PageProps> = ({children}: PageProps) => {
return ( return (
<> <>
<main className="flex w-full flex-col items-center bg-white dark:bg-zinc-900 text-gray-700 dark:text-gray-300"> <main
<DarkModeSwitch className="fixed top-5 right-5" /> className="flex w-full flex-col items-center bg-white dark:bg-zinc-900 text-gray-700 dark:text-gray-300">
<DarkModeSwitch className="fixed top-5 right-5"/>
<div className="mt-8 px-3 max-w-screen-md w-[90%]"> <div className="mt-8 px-3 max-w-screen-md w-[90%]">
<h1 className="text-3xl font-rokkitt text-zinc-800 dark:text-zinc-100 sm:text-5xl mb-2"> <h1 className="text-3xl font-rokkitt text-zinc-800 dark:text-zinc-100 sm:text-5xl mb-2">
<Link href={"/"}>100Prisoners.com</Link> <Link href={"/"}>100Prisoners.com</Link>
@@ -24,6 +27,9 @@ const Page: FunctionComponent<PageProps> = ({children}: PageProps) => {
Created by <Link href={"https://xevion.dev"} about="_blank"> Created by <Link href={"https://xevion.dev"} about="_blank">
<span className="font-bold"> <span className="font-bold">
Ryan Walters Ryan Walters
<Link href={"https://github.com/Xevion/100prisoners"} about="_blank">
<GlobeAltIcon className="w-4 h-4 mx-1.5 mb-1.5 inline text-sky-500"/>
</Link>
</span> </span>
</Link> </Link>
</div> </div>