Add og data and favicons
102
pages/_app.tsx
@ -1,4 +1,5 @@
|
||||
import type { AppProps } from "next/app";
|
||||
import Head from "next/head";
|
||||
import { useRouter } from "next/router";
|
||||
import React, { useMemo } from "react";
|
||||
import { DefaultTheme, ThemeProvider } from "styled-components";
|
||||
@ -23,8 +24,109 @@ export default function App({ Component, pageProps }: AppProps) {
|
||||
return router.pathname === "/" ? homePageTheme : defaultPageTheme;
|
||||
}, [router.pathname]);
|
||||
|
||||
const origin = typeof window !== "undefined" ? window.location.origin : "";
|
||||
|
||||
return (
|
||||
<ThemeProvider theme={pageTheme}>
|
||||
<Head>
|
||||
<title>Interchain Name Service</title>
|
||||
<meta content="Interchain Name Service" property="og:title" />
|
||||
<meta content="Interchain Name Service" property="twitter:title" />
|
||||
<meta
|
||||
content="Your identity for the Interchain. Claim yours today."
|
||||
property="og:description"
|
||||
/>
|
||||
<meta
|
||||
content="Your identity for the Interchain. Claim yours today."
|
||||
property="twitter:description"
|
||||
/>
|
||||
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
|
||||
<meta
|
||||
content={`${origin}/images/og-image.webp`}
|
||||
property="twitter:image"
|
||||
/>
|
||||
<meta content={`${origin}/images/og-image.webp`} property="og:image" />
|
||||
<meta content="summary_large_image" name="twitter:card" />
|
||||
<meta property="og:type" content="website" />
|
||||
|
||||
{/* generated favicons */}
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="57x57"
|
||||
href="/images/favicon/apple-icon-57x57.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="60x60"
|
||||
href="/images/favicon/apple-icon-60x60.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="72x72"
|
||||
href="/images/favicon/apple-icon-72x72.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="76x76"
|
||||
href="/images/favicon/apple-icon-76x76.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="114x114"
|
||||
href="/images/favicon/apple-icon-114x114.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="120x120"
|
||||
href="/images/favicon/apple-icon-120x120.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="144x144"
|
||||
href="/images/favicon/apple-icon-144x144.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="152x152"
|
||||
href="/images/favicon/apple-icon-152x152.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="/images/favicon/apple-icon-180x180.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="192x192"
|
||||
href="/images/favicon/android-icon-192x192.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="/images/favicon/favicon-32x32.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="96x96"
|
||||
href="/images/favicon/favicon-96x96.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="16x16"
|
||||
href="/images/favicon/favicon-16x16.png"
|
||||
/>
|
||||
<link rel="manifest" href="/images/favicon/manifest.json" />
|
||||
<meta name="msapplication-TileColor" content="#ffffff" />
|
||||
<meta
|
||||
name="msapplication-TileImage"
|
||||
content="/images/favicon/ms-icon-144x144.png"
|
||||
/>
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
</Head>
|
||||
<React.Fragment>
|
||||
<GlobalStyle />
|
||||
<ErrorBoundary>
|
||||
|
BIN
public/images/favicon/android-icon-144x144.png
Normal file
After Width: | Height: | Size: 9.1 KiB |
BIN
public/images/favicon/android-icon-192x192.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
public/images/favicon/android-icon-36x36.png
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
public/images/favicon/android-icon-48x48.png
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
public/images/favicon/android-icon-72x72.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
public/images/favicon/android-icon-96x96.png
Normal file
After Width: | Height: | Size: 5.7 KiB |
BIN
public/images/favicon/apple-icon-114x114.png
Normal file
After Width: | Height: | Size: 7.0 KiB |
BIN
public/images/favicon/apple-icon-120x120.png
Normal file
After Width: | Height: | Size: 7.3 KiB |
BIN
public/images/favicon/apple-icon-144x144.png
Normal file
After Width: | Height: | Size: 9.1 KiB |
BIN
public/images/favicon/apple-icon-152x152.png
Normal file
After Width: | Height: | Size: 9.7 KiB |
BIN
public/images/favicon/apple-icon-180x180.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
public/images/favicon/apple-icon-57x57.png
Normal file
After Width: | Height: | Size: 3.4 KiB |
BIN
public/images/favicon/apple-icon-60x60.png
Normal file
After Width: | Height: | Size: 3.7 KiB |
BIN
public/images/favicon/apple-icon-72x72.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
public/images/favicon/apple-icon-76x76.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
public/images/favicon/apple-icon-precomposed.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
public/images/favicon/apple-icon.png
Normal file
After Width: | Height: | Size: 12 KiB |
2
public/images/favicon/browserconfig.xml
Normal file
@ -0,0 +1,2 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
|
BIN
public/images/favicon/favicon-16x16.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
public/images/favicon/favicon-32x32.png
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
public/images/favicon/favicon-96x96.png
Normal file
After Width: | Height: | Size: 5.7 KiB |
BIN
public/images/favicon/favicon.ico
Normal file
After Width: | Height: | Size: 1.1 KiB |
41
public/images/favicon/manifest.json
Normal file
@ -0,0 +1,41 @@
|
||||
{
|
||||
"name": "App",
|
||||
"icons": [
|
||||
{
|
||||
"src": "\/android-icon-36x36.png",
|
||||
"sizes": "36x36",
|
||||
"type": "image\/png",
|
||||
"density": "0.75"
|
||||
},
|
||||
{
|
||||
"src": "\/android-icon-48x48.png",
|
||||
"sizes": "48x48",
|
||||
"type": "image\/png",
|
||||
"density": "1.0"
|
||||
},
|
||||
{
|
||||
"src": "\/android-icon-72x72.png",
|
||||
"sizes": "72x72",
|
||||
"type": "image\/png",
|
||||
"density": "1.5"
|
||||
},
|
||||
{
|
||||
"src": "\/android-icon-96x96.png",
|
||||
"sizes": "96x96",
|
||||
"type": "image\/png",
|
||||
"density": "2.0"
|
||||
},
|
||||
{
|
||||
"src": "\/android-icon-144x144.png",
|
||||
"sizes": "144x144",
|
||||
"type": "image\/png",
|
||||
"density": "3.0"
|
||||
},
|
||||
{
|
||||
"src": "\/android-icon-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image\/png",
|
||||
"density": "4.0"
|
||||
}
|
||||
]
|
||||
}
|
BIN
public/images/favicon/ms-icon-144x144.png
Normal file
After Width: | Height: | Size: 9.1 KiB |
BIN
public/images/favicon/ms-icon-150x150.png
Normal file
After Width: | Height: | Size: 9.5 KiB |
BIN
public/images/favicon/ms-icon-310x310.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
public/images/favicon/ms-icon-70x70.png
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
public/images/og-image.webp
Normal file
After Width: | Height: | Size: 18 KiB |