From 86d5773c3ab4814cc9a6d09bc991c5bf18003404 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Tue, 13 Jul 2021 11:23:17 +0200
Subject: colors and meta tags

---
 pages/_app.tsx      | 4 +++-
 pages/post/[id].tsx | 7 +++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

(limited to 'pages')
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>
-- 
cgit v1.2.3

