From a3ac66012bf7e5099e80c6e224cc5069c9f44142 Mon Sep 17 00:00:00 2001
From: realtradam <github@tradam.dev>
Date: Wed, 19 Jun 2024 21:15:05 -0400
Subject: add markdown processing and start working on homepage

---
 src/components/Game.tsx |  2 +-
 src/components/Home.tsx | 14 ++++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

(limited to 'src/components')

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>
-- 
cgit v1.2.3