diff options
Diffstat (limited to 'src/components/Apps.tsx')
| -rw-r--r-- | src/components/Apps.tsx | 33 |
1 files changed, 15 insertions, 18 deletions
diff --git a/src/components/Apps.tsx b/src/components/Apps.tsx index 7ecb58a..0035c6b 100644 --- a/src/components/Apps.tsx +++ b/src/components/Apps.tsx @@ -1,8 +1,6 @@ -//import { useState, useEffect } from "react"; -//import { Link } from "react-router-dom"; -//import GameCard from "./GameCard"; -//import Button from "./Button"; -//import { GameType } from "../types"; +import { ReactComponent as GameHolsterMD } from '../md/apps_gameholster.md'; +import { ReactComponent as MoreSoonMD } from '../md/apps_moresoon.md'; + export default function Apps () { @@ -11,20 +9,19 @@ export default function Apps () { return( <> - <div> - <div className="flex flex-col gap-16 max-w-6xl shrink"> - <div className="title font-bold text-6xl font-title">Apps</div> - <div className="jumbotron jumbotron-fluid bg-transparent"> - <div className="container secondary-color"> - </div> - </div> - <div className="prose prose-invert-off"> - <h1>Game Holster</h1> - <p>This is a work in progress thingie</p> - <p>talk about your app here</p> + <div className="flex flex-col gap-16 w-full items-center max-w-6xl shrink"> + <div className="title font-bold text-6xl font-title mb-16 dsm:mb-10">Apps</div> + <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full flex justify-center"> + <div className="w-full-after prose prose-invert flex justify-center w-full w-full-after"> + <GameHolsterMD /> + </div> + </div> + <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full flex justify-center"> + <div className="prose prose-invert flex justify-center w-full w-full-after"> + <MoreSoonMD /> + </div> + </div> </div> - </div> - </div> </> ); } |