From 913b24c0c298ac48866167b18fc36fb542ab8910 Mon Sep 17 00:00:00 2001
From: realtradam <github@tradam.dev>
Date: Sat, 22 Jun 2024 22:21:33 -0400
Subject: fix styling issues and add more content

---
 src/components/Home.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'src/components/Home.tsx')

diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index a7e81e5..dc544e1 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -1,3 +1,4 @@
+import { ReactComponent as AboutMeMD } from '../md/home_aboutme.md';
 import { ReactComponent as WorkExperienceMD } from '../md/home_workexperience.md';
 import { ReactComponent as ProjectsMD } from '../md/home_projects.md';
 import { ReactComponent as EducationMD } from '../md/home_education.md';
@@ -7,17 +8,22 @@ export default function Home () {
 		<>
 		<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">Welcome</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="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full max-w-[65ch] flex flex-grow justify-center">
+						<div className="prose prose-invert flex justify-center w-full w-full-after">
+							<AboutMeMD />
+						</div>
+					</div>
+					<div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full max-w-[65ch] flex justify-center">
 						<div className="prose prose-invert flex justify-center w-full w-full-after">
 							<WorkExperienceMD />
 						</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="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full max-w-[65ch] flex justify-center">
 						<div className="prose prose-invert flex justify-center w-full w-full-after">
 							<ProjectsMD />
 						</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="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full max-w-[65ch] flex justify-center">
 						<div className="prose prose-invert flex justify-center w-full w-full-after">
 							<EducationMD />
 						</div>
-- 
cgit v1.2.3

