diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Game.tsx | 2 | ||||
| -rw-r--r-- | src/components/Home.tsx | 14 |
2 files changed, 7 insertions, 9 deletions
diff --git a/src/components/Game.tsx b/src/components/Game.tsx index 89c8333..7ab05f6 100644 --- a/src/components/Game.tsx +++ b/src/components/Game.tsx @@ -28,7 +28,7 @@ export default function Games () { <img style={{imageRendering: gameData?.img_rendering}} src={`${import.meta.env.VITE_API_TITLE}/api/v1/games_img/realtradam/${gameData?.titleSlug}.png?type=title`} className="gameTitleImg max-w-lg" /> </div> <iframe style={{ aspectRatio: 1 }} className="bg-black aspect-square max-h-[90vh] rounded" src={`${import.meta.env.VITE_API_TITLE}/game/realtradam/${game}/index.html`} title={game}></iframe> - <div className="flex justify-center mt-32 p-8 overflow-y-auto rounded bg-stone-900 "> + <div className="flex justify-center mt-4 p-8 overflow-y-auto rounded bg-stone-900 "> <ReactMarkdown className="prose prose-invert" children={gameData?.description} diff --git a/src/components/Home.tsx b/src/components/Home.tsx index ec15c9b..83992f2 100644 --- a/src/components/Home.tsx +++ b/src/components/Home.tsx @@ -1,19 +1,17 @@ +import React from 'react'; +import { ReactComponent as HomeMD } from '../md/main.md'; export default function Home () { return( <> <div> <div className="flex flex-col gap-16 max-w-6xl shrink"> - <div className="title font-bold text-6xl font-title">Work In Progress</div> + <div className="title font-bold text-6xl font-title">Welcome</div> <div className=""> <div className="jumbotron jumbotron-fluid bg-transparent"> - <div className="container secondary-color"> - <h1 className="text-2xl"> API at: { import.meta.env.VITE_API_TITLE } </h1> - <p className=""> -Ea optio vitae culpa voluptatem consectetur. Ab quisquam sed ipsum. Perspiciatis minus odit quas qui consequuntur dicta reiciendis a. Nihil minima sed aliquam. - </p> - <hr className="my-4" /> - </div> + <div className="container secondary-color bg-stone-950 prose prose-invert marker:text-stone-50 p-8 rounded-xl"> + <HomeMD /> + </div> </div> </div> </div> |