diff options
Diffstat (limited to 'src/components/Home.tsx')
| -rw-r--r-- | src/components/Home.tsx | 27 |
1 files changed, 18 insertions, 9 deletions
diff --git a/src/components/Home.tsx b/src/components/Home.tsx index 1dbc574..be778ae 100644 --- a/src/components/Home.tsx +++ b/src/components/Home.tsx @@ -1,20 +1,29 @@ import { ReactComponent as HomeMD } from '../md/main.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'; export default function Home () { return( <> - <div> - <div className="flex flex-col gap-16 max-w-16xl shrink"> + <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=""> - <div className="jumbotron jumbotron-fluid bg-transparent"> - <div className="container secondary-color bg-stone-950 prose prose-invert marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl"> - <HomeMD /> + <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="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="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="prose prose-invert flex justify-center w-full w-full-after"> + <EducationMD /> + </div> </div> - </div> </div> - </div> - </div> </> ); } |