blob: dc544e1927452480b4860c140835c6d956f09124 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
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';
export default function Home () {
return(
<>
<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 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 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 max-w-[65ch] flex justify-center">
<div className="prose prose-invert flex justify-center w-full w-full-after">
<EducationMD />
</div>
</div>
</div>
</>
);
}
|
