light mode css

2 files changed, 3 insertions, 0 deletions

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 435fa0e..bc96369 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -6,6 +6,7 @@ import '../styles/globals.css';
 import '../styles/navbar.css';
 import '../styles/button.css';
 import '../styles/image.css';
+import '../styles/tags.css';
 
 export default function Blog({ Component, pageProps }) {
 	return <div>
diff --git a/pages/index.tsx b/pages/index.tsx
index 675d159..a08825a 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -3,6 +3,7 @@ import Navbar from '../components/navbar';
 import Button from '../components/button';
 import Image from '../components/image';
 import Chapters from '../components/chapters';
+import Tags from '../components/tag';
 
 import ReactMarkdown from 'react-markdown';
 
@@ -12,6 +13,7 @@ export default function Home() {
 			<div className="titleWrapper">
 				<h1>Loek’s excruciatingly interesting blog</h1>
 				<p className="subtile">Loek heeft dit geschreven</p>
+				<Tags tags={[ "gert", "banaan", "komkommer" ]}/>
 			</div>
 			<div className="navAreaWrapper">
 				<div className="sticky">