Add favicon

2022-01-10 18:50:27 +09:00
parent e31d695800
commit fb3937b657
11 changed files with 494 additions and 0 deletions
@@ -0,0 +1,61 @@
+import Document, {
+  Html,
+  Head,
+  Main,
+  NextScript,
+  DocumentContext,
+} from 'next/document'
+
+class MyDocument extends Document {
+  static async getInitialProps(ctx: DocumentContext) {
+    const initialProps = await Document.getInitialProps(ctx)
+    return { ...initialProps }
+  }
+
+  render() {
+    return (
+      <Html>
+        <Head>
+          <meta charSet='utf-8' />
+          <link
+            rel='apple-touch-icon'
+            sizes='180x180'
+            href='/apple-touch-icon.png'
+          />
+          <link
+            rel='icon'
+            type='image/png'
+            sizes='32x32'
+            href='/favicon-32x32.png'
+          />
+          <link
+            rel='icon'
+            type='image/png'
+            sizes='16x16'
+            href='/favicon-16x16.png'
+          />
+          <link rel='manifest' href='/site.webmanifest' />
+          <link rel='mask-icon' href='/safari-pinned-tab.svg' color='#5bbad5' />
+          <meta name='msapplication-TileColor' content='#2b5797' />
+          <meta name='theme-color' content='#ffffff'></meta>
+          <meta
+            name='viewport'
+            content='initial-scale=1.0, width=device-width'
+          />
+
+          <meta property='og:type' content='website' />
+          <meta
+            property='og:image'
+            content={`https://www.abyss-lab.app/assets/honkai3rd/banner-bronya.png`}
+          />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    )
+  }
+}
+
+export default MyDocument