2022-08-15 15:01:54 -07:00
|
|
|
import "../styles/globals.css";
|
2022-12-22 06:49:08 -08:00
|
|
|
|
2022-08-15 15:01:54 -07:00
|
|
|
import type { AppProps } from "next/app";
|
2022-12-22 06:49:08 -08:00
|
|
|
import Head from "next/head";
|
|
|
|
|
import { RecoilRoot } from "recoil";
|
|
|
|
|
|
2022-08-15 15:01:54 -07:00
|
|
|
import Container from "../components/Container";
|
|
|
|
|
import Navigation from "../components/Navigation";
|
|
|
|
|
|
|
|
|
|
function MyApp({ Component, pageProps }: AppProps) {
|
2022-11-20 14:36:04 -08:00
|
|
|
const domain =
|
|
|
|
|
typeof window !== "undefined" ? window.location.origin : process.env.DOMAIN;
|
|
|
|
|
|
2022-08-15 15:01:54 -07:00
|
|
|
return (
|
|
|
|
|
<RecoilRoot>
|
2022-08-16 18:04:06 -07:00
|
|
|
<Head>
|
|
|
|
|
<title key="title">pronouns.cc</title>
|
2022-11-20 14:00:52 -08:00
|
|
|
<meta property="og:type" content="website" />
|
|
|
|
|
<meta name="theme-color" content="#aa8ed6" />
|
|
|
|
|
|
2022-11-20 14:36:04 -08:00
|
|
|
<meta key="og:sitename" property="og:site_name" content="pronouns.cc" />
|
|
|
|
|
<meta key="og:title" property="og:title" content="pronouns.cc" />
|
2022-11-20 14:00:52 -08:00
|
|
|
<meta
|
2022-11-20 14:36:04 -08:00
|
|
|
key="og:description"
|
2022-11-20 14:00:52 -08:00
|
|
|
property="og:description"
|
|
|
|
|
content="Name and pronoun cards!"
|
|
|
|
|
/>
|
2022-11-20 14:36:04 -08:00
|
|
|
<meta key="og:url" property="og:url" content={domain} />
|
2022-08-16 18:04:06 -07:00
|
|
|
</Head>
|
2022-08-15 15:01:54 -07:00
|
|
|
<Navigation />
|
|
|
|
|
<Container>
|
|
|
|
|
<Component {...pageProps} />
|
|
|
|
|
</Container>
|
|
|
|
|
</RecoilRoot>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default MyApp;
|
