From 913b24c0c298ac48866167b18fc36fb542ab8910 Mon Sep 17 00:00:00 2001
From: realtradam <github@tradam.dev>
Date: Sat, 22 Jun 2024 22:21:33 -0400
Subject: fix styling issues and add more content

---
 src/components/Games.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'src/components/Games.tsx')

diff --git a/src/components/Games.tsx b/src/components/Games.tsx
index fb9f88c..05957c6 100644
--- a/src/components/Games.tsx
+++ b/src/components/Games.tsx
@@ -3,6 +3,7 @@ import { useState, useEffect } from "react";
 import GameCard from "./GameCard";
 //import Button from "./Button";
 import { GameType } from "../types";
+import { ReactComponent as IntroMD } from '../md/games_intro.md';
 
 
 export default function Games () {
@@ -26,6 +27,13 @@ export default function Games () {
 		<>
 		<div className="flex flex-col gap-16 max-w-6xl shrink">
 			<div className="title text-center font-bold text-6xl font-title">Games</div>
+				<div className="flex justify-center w-full">
+					<div className="marker:text-stone-50 rounded-xl w-full max-w-[65ch] flex justify-center bg-stone-950">
+						<div className="flex justify-center w-full w-full-after w-full max-w-[65ch] text-white p-16">
+							<IntroMD />
+						</div>
+					</div>
+				</div>
 			<div className="flex flex-row flex-wrap gap-20 justify-around">
 			{ allGames }
 			</div>
-- 
cgit v1.2.3

