feat: skeleton

src/routes/(home).tsx

@@ -1,6 +1,5 @@
 import { For } from "solid-js";
-import { posts } from "~/data/posts";
-import { Posts } from "~/components/Posts";
+import Experience from "../components/Experience";
 
 const links = [
 	"https://github.com/minhtrannhat",
@@ -10,19 +9,21 @@ const links = [
 const Homepage = () => {
 	return (
 		<div>
-			<section class="flex flex-col sm:flex-row gap-2v sm:gap-3h">
+			<section class="mx-4 flex flex-col sm:flex-row gap-2v sm:gap-3h">
 				<div class="font-medium">
-					<div class="flex items-end mb-1v gap-1h">
+					<div class="text-nord-1 flex items-end mb-1v gap-1h">
 						<p>Hi, Minh here.</p>
 					</div>
-					<p class="mb-1v">
-						I'm Minh Tran, a Computer Engineering student at Concordia
-						University, Montreal, Canada.
+					<p class="mb-1v text-nord-1">
+						I'm a Computer Engineering student at Concordia University,
+						Montreal, Canada.
 						<br />
 						<br />
 						I'm most passionate about designing distributed systems that scales
-						but I'm also interested in compilers and systems programming. When
-						I'm not coding, I read books, listen to podcasts or study music
+						but I'm also interested in compilers and systems programming.
+						<br />
+						<br />
+						When I'm not coding, I read books, listen to podcasts or study music
 						theory.
 					</p>
 					<p>
@@ -37,10 +38,10 @@ const Homepage = () => {
 						</a>
 					</p>
 				</div>
-				<ul class="sm:mt-3v text-slate-600 dark:text-slate-200 text-base sm:text-sm leading-1">
+				<ul class="mx-4 sm:mx-6 sm:mt-3v text-slate-600 text-base sm:text-sm leading-1">
 					<For each={links}>
 						{(link) => (
-							<li class="list-square hover:text-black dark:hover:text-white ml-2h leading-1">
+							<li class="list-square hover:text-black ml-2h leading-1">
 								<a
 									target="_blank"
 									rel="noreferrer"
@@ -55,7 +56,8 @@ const Homepage = () => {
 				</ul>
 			</section>
 
-			<hr />
+			<br />
+			<Experience />
 		</div>
 	);
 };

src/routes/blog.tsx

@@ -5,7 +5,6 @@ import { posts } from "~/data/posts";
 import { MDXProvider } from "solid-mdx";
 import { markdownComponents, PostImage } from "~/components/Markdown";
 import dayjs from "dayjs";
-import "../css/prism-theme.css";
 import type { Post } from "~/types";
 
 const Blog = (props: RouteSectionProps<unknown>) => {