2021-04-25 01:57:01 -05:00
|
|
|
import Head from "next/head";
|
|
|
|
|
import Image from "next/image";
|
|
|
|
|
import WCard from "../components/werefox-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-05-01 18:25:28 -05:00
|
|
|
export default function BasicPage({
|
|
|
|
|
is_home,
|
|
|
|
|
page_title,
|
|
|
|
|
card_title,
|
|
|
|
|
children,
|
|
|
|
|
}) {
|
2021-04-27 19:56:34 -05:00
|
|
|
if (is_home) {
|
2021-04-25 01:57:01 -05:00
|
|
|
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">
|
|
|
|
|
<WCard isTitle="true">
|
|
|
|
|
<h1 className="p-4 text-xl text-center text-werefox-blue-dark dark:text-werefox-blue">
|
|
|
|
|
<span className="animate-bounce relative inline-block w-6 h-6 align-middle">
|
|
|
|
|
{" "}
|
|
|
|
|
<Image
|
|
|
|
|
src="/emoji/pixel_alexis.png"
|
|
|
|
|
layout="fill"
|
|
|
|
|
objectFit="contain"
|
|
|
|
|
alt="Pixel Alexis!"
|
|
|
|
|
/>{" "}
|
|
|
|
|
</span>
|
|
|
|
|
{"- "}
|
|
|
|
|
{card_title}
|
|
|
|
|
</h1>
|
|
|
|
|
</WCard>
|
|
|
|
|
{children}
|
2021-04-27 19:56:34 -05:00
|
|
|
<FCard />
|
2021-04-25 01:57:01 -05:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
} else {
|
|
|
|
|
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">
|
|
|
|
|
<WCard isTitle="true">
|
|
|
|
|
<h1 className="p-4 text-xl text-center text-werefox-blue-dark dark:text-werefox-blue">
|
|
|
|
|
<span className="animate-bounce relative inline-block w-6 h-6 align-middle">
|
|
|
|
|
{" "}
|
|
|
|
|
<Image
|
|
|
|
|
src="/emoji/pixel_alexis.png"
|
|
|
|
|
layout="fill"
|
|
|
|
|
objectFit="contain"
|
|
|
|
|
alt="Pixel Alexis!"
|
|
|
|
|
/>{" "}
|
|
|
|
|
</span>
|
|
|
|
|
{"- "}
|
|
|
|
|
{card_title}
|
|
|
|
|
</h1>
|
|
|
|
|
</WCard>
|
2021-05-01 18:25:28 -05:00
|
|
|
<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>
|
2021-04-25 01:57:01 -05:00
|
|
|
{children}
|
2021-05-01 18:25:28 -05:00
|
|
|
<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>
|
2021-04-27 19:56:34 -05:00
|
|
|
<FCard />
|
2021-04-25 01:57:01 -05:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
