manifold/web/pages/_app.tsx
Austin Chen ed37d93868
Dynamically generate Opengraph images for each market (#21)
* Start customizing opengraph image

* Fix cover image size to 1200x630

* Design a text-based, dynamic preview card

* Load designed html into template.ts

Remove twemoji for now too

* Take in params to configure Manifold card

* Switch back to hardcoded png for default case
2022-01-10 00:50:31 -05:00

47 lines
1.3 KiB
XML

import 'tailwindcss/tailwind.css'
import type { AppProps } from 'next/app'
import Head from 'next/head'
function MyApp({ Component, pageProps }: AppProps) {
return (
<>
<Head>
<title>Manifold Markets</title>
<meta
property="og:title"
name="twitter:title"
content="Manifold Markets"
key="title"
/>
<meta
name="description"
content="Manifold Markets is creating better forecasting through user-created prediction markets."
key="description1"
/>
<meta
property="og:description"
name="twitter:description"
content="Manifold Markets is creating better forecasting through user-created prediction markets."
key="description2"
/>
<meta property="og:url" content="https://manifold.markets" key="url" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@manifoldmarkets" />
<meta
property="og:image"
content="https://manifold.markets/logo-cover.png"
/>
<meta
name="twitter:image"
content="https://manifold.markets/logo-bg.png"
/>
</Head>
<Component {...pageProps} />
</>
)
}
export default MyApp