mirror of
https://github.com/Xevion/100prisoners.git
synced 2025-12-14 16:11:00 -06:00
Add GitHub link to footer with Globe icon
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user