diff options
| author | realtradam <[email protected]> | 2024-06-22 22:21:33 -0400 |
|---|---|---|
| committer | realtradam <[email protected]> | 2024-06-22 22:21:33 -0400 |
| commit | 913b24c0c298ac48866167b18fc36fb542ab8910 (patch) | |
| tree | 8b8c899ceb36ddfb365aef568abae1420e97b2ee /src/components/Home.tsx | |
| parent | 1104fc60c1b45a6280b2e90c154e2af084a6ce1e (diff) | |
| download | malcz.com-dev.tar.gz malcz.com-dev.zip | |
fix styling issues and add more contentdev
Diffstat (limited to 'src/components/Home.tsx')
| -rw-r--r-- | src/components/Home.tsx | 12 |
1 files changed, 9 insertions, 3 deletions
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> |