43 lines
1.2 KiB
XML
43 lines
1.2 KiB
XML
import { Head, Html, Main, NextScript } from 'next/document';
|
|
|
|
export default function Document() {
|
|
return (
|
|
<>
|
|
<Head>
|
|
{/*
|
|
meta tags
|
|
- next advised against using _document for this, so they exist in our
|
|
- single page index.page.tsx
|
|
*/}
|
|
|
|
{/* preload fonts */}
|
|
<link
|
|
rel="preload"
|
|
href="/AlphaLyrae-Medium.woff2"
|
|
as="font"
|
|
type="font/woff2"
|
|
/>
|
|
|
|
{/* icons */}
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
|
|
<link rel="apple-touch-icon" content="/favicon.ico" />
|
|
|
|
{/* scripts */}
|
|
<script src="/theme-setter.js" type="text/javascript" async />
|
|
</Head>
|
|
<Html>
|
|
<body
|
|
// Nextjs will set body to display none until js runs. Because the entire app is client rendered
|
|
// and delivered via ipfs we override this to show a server side render loading animation until the
|
|
// js is downloaded and react takes over rendering
|
|
style={{ display: 'block' }}
|
|
className="bg-white dark:bg-vega-cdark-900 text-default font-alpha"
|
|
>
|
|
<Main />
|
|
<NextScript />
|
|
</body>
|
|
</Html>
|
|
</>
|
|
);
|
|
}
|