2021-04-25 01:57:01 -05:00
|
|
|
import Head from "next/head";
|
2021-06-14 20:41:10 -05:00
|
|
|
import TCard from "../components/title-card";
|
2021-04-27 19:56:34 -05:00
|
|
|
import FCard from "./footer-card";
|
2021-05-01 01:15:09 -05:00
|
|
|
import PButton from "../components/page-button";
|
2021-04-25 01:57:01 -05:00
|
|
|
|
2021-06-14 20:41:10 -05:00
|
|
|
export default function BasicPage({ page_title, card_title, children }) {
|
|
|
|
|
return (
|
|
|
|
|
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
|
|
|
|
|
<Head>
|
|
|
|
|
<title>{page_title}</title>
|
|
|
|
|
<link rel="icon" href="/favicon.ico" />
|
|
|
|
|
</Head>
|
|
|
|
|
<div className="container space-y-4 mx-auto px-4 py-4">
|
|
|
|
|
<TCard card_title={card_title} />
|
|
|
|
|
<nav>
|
|
|
|
|
<PButton
|
|
|
|
|
title="Take me back home!"
|
|
|
|
|
images={[
|
|
|
|
|
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
|
|
|
|
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
|
|
|
|
]}
|
|
|
|
|
url="/"
|
|
|
|
|
/>
|
|
|
|
|
</nav>
|
|
|
|
|
{children}
|
|
|
|
|
<nav>
|
|
|
|
|
<PButton
|
|
|
|
|
title="Take me back home!"
|
|
|
|
|
images={[
|
|
|
|
|
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
|
|
|
|
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
|
|
|
|
]}
|
|
|
|
|
url="/"
|
|
|
|
|
/>
|
|
|
|
|
</nav>
|
|
|
|
|
<FCard />
|
2021-04-25 01:57:01 -05:00
|
|
|
</div>
|
2021-06-14 20:41:10 -05:00
|
|
|
</div>
|
|
|
|
|
);
|
2021-04-25 01:57:01 -05:00
|
|
|
}
|
