werefox-cafe/src/info/components/home-page.js

60 lines
1.8 KiB
JavaScript
Executable File

import Head from "next/head";
import TCard from "../components/title-card";
import FCard from "../components/footer-card";
export default function HomePage({ theme, page_title, card_title, children }) {
if (theme == "Ada") {
return (
<div className="min-h-screen bg-ada-werefox-grey-light dark:bg-ada-werefox-grey 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 theme="Ada" card_title={card_title} />
{children}
<FCard theme="Ada" />
</div>
</div>
);
}
if (theme == "Skye") {
return (
<div className="min-h-screen bg-skye-werefox-grey-light dark:bg-skye-werefox-grey 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 theme="Skye" card_title={card_title} />
{children}
<FCard theme="Skye" />
</div>
</div>
);
} else {
return (
<div className="min-h-screen bg-alice-werefox-grey-light dark:bg-alice-werefox-grey 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">
<a rel="me" href="https://yiff.life/@werefox" hidden>
Mastodon
</a>
<a rel="me" href="https://masto.werefox.cafe/@kairi" hidden>
Mastodon
</a>
<a rel="me" href="https://masto.werefox.cafe/@ada" hidden>
Mastodon
</a>
<TCard card_title={card_title} />
{children}
<FCard />
</div>
</div>
);
}
}