diff options
| author | lonkaars <loek@pipeframe.xyz> | 2021-07-13 11:23:17 +0200 |
|---|---|---|
| committer | lonkaars <loek@pipeframe.xyz> | 2021-07-13 11:23:17 +0200 |
| commit | 86d5773c3ab4814cc9a6d09bc991c5bf18003404 (patch) | |
| tree | befe85e6c062b8719c31a25d09b46989f0416d63 /pages | |
| parent | fc073c245fb2122d3afbe16d3188cc96c022baa8 (diff) | |
colors and meta tags
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/_app.tsx | 4 | ||||
| -rw-r--r-- | pages/post/[id].tsx | 7 |
2 files changed, 10 insertions, 1 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx index 0f1e87b..f0b964e 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -24,7 +24,9 @@ export default function Blog({ Component, pageProps }) { <meta property='og:title' content="Loek's excruciatingly interesting blog" /> <meta property='og:description' content='This is my personal blog website' /> <meta property='og:type' content='website' /> - <meta name='theme-color' content='#ee6352' /> + + <meta name='theme-color' media='(prefers-color-scheme: light)' content='#c9c9dd' /> + <meta name='theme-color' media='(prefers-color-scheme: dark)' content='#0D0C1A' /> </Head> <Component {...pageProps} /> </>; diff --git a/pages/post/[id].tsx b/pages/post/[id].tsx index 46606f8..70347c8 100644 --- a/pages/post/[id].tsx +++ b/pages/post/[id].tsx @@ -1,3 +1,4 @@ +import Head from 'next/head'; import { readdirSync, readFileSync } from 'fs'; import { join } from 'path'; import { ReactNode } from 'react'; @@ -80,6 +81,12 @@ export default function Post(props: { meta: ArticleMeta; }) { return <div> + <Head> + <title>{props.meta.title} - Loek's Blog</title> + <meta property='og:site_name' content={props.meta.date} /> + <meta property='og:title' content={props.meta.title} /> + <meta property='og:description' content={props.meta.subtitle} /> + </Head> <div className='centeredPage'> <div className='titleWrapper'> <h1>{props.meta.title}</h1> |