summaryrefslogtreecommitdiffhomepage
path: root/src/components/Home.tsx
blob: a7e81e5cefb2066157da51e4103a65c5aa445056 (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
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 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>
		</>
	);
}