add markdown processing and start working on homepage

3 files changed, 60 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>
diff --git a/src/md/main.md b/src/md/main.md
new file mode 100644
index 0000000..7c1712b
--- /dev/null
+++ b/src/md/main.md
@@ -0,0 +1,53 @@
+# Work Experience
+
+## IFSE - Developer/IT
+
+**June 12, 2023 - Present**
+- Validated website migration project
+- Assisted with meeting compliance for Cyber Security Canada Certification
+    - Patched and modified main WordPress website in order to reach security compliance(according to ZAP scanner)
+    - Administrated computers and servers company wide to ensure compliance
+- add waaaaaay more yap
+
+---
+
+# Projects
+
+## Game Holster - Ruby on Rails + React
+**Web App for Uploading and Hosting Web Games - 2024**-**Present**
+
+- Still a WIP
+- Frontend is temporarily this page for now
+- its gonna have its own thing eventually
+
+## Some other project
+**its a thing**
+
+- yap
+- yap
+- yap
+
+## Some third project
+**its a thing**
+
+- yap
+- yap
+- yap
+
+---
+
+# Education
+
+## Toronto Metropolitan University
+**Bachelor of Computer Science - 2015**-**2021**
+
+- blah blah add some stuff here
+- yadda yadda
+
+## Programming Courses
+**2013-2015**
+
+- Took some programming courses in High School with a passionate and amazing teacher
+- Learned fundamental and foundational skills which led to my success with learning problem solving in programming.
+
+---