diff options
Diffstat (limited to 'src/components/Games.tsx')
| -rw-r--r-- | src/components/Games.tsx | 8 |
1 files changed, 8 insertions, 0 deletions
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> |