diff --git a/src/pages/main/Exp.tsx b/src/pages/main/Exp.tsx
index 7b5af42..743d3d7 100644
--- a/src/pages/main/Exp.tsx
+++ b/src/pages/main/Exp.tsx
@@ -66,7 +66,8 @@ const Exp: React.FC = () => {
display: grid;
grid-template-columns: repeat(auto-fit, 20rem);
- gap: 1rem;
+ row-gap: 0.5rem;
+ column-gap: 1rem;
@media screen and (min-width: ${offscreenWidth}) {
transform: translateX(0);
diff --git a/src/pages/main/Projects.tsx b/src/pages/main/Projects.tsx
index 3317c95..f5d0185 100644
--- a/src/pages/main/Projects.tsx
+++ b/src/pages/main/Projects.tsx
@@ -1,61 +1,7 @@
import React from "react";
import { css } from "@emotion/css";
import Container from "../../components/Container";
-
-const exp = [
- {
- title: window.location.hostname,
- description: "This website.",
- url: "https://github.com/MKRhere/pw2",
- cat: "web",
- tags: ["react", "vite"],
- },
- {
- title: "hyperactive",
- description: "Suite of web-app development libraries.",
- url: "https://github.com/codefeathers/hyperactive",
- cat: "lib",
- tags: ["reactive", "ui-framework"],
- },
- {
- title: "denoland/node_shims",
- description:
- "Node shims for Deno’s runtime API. Contributed repo into official denoland.",
- url: "https://github.com/denoland/node_shims",
- cat: "lib",
- tags: ["deno", "shims"],
- },
- {
- title: "Telegraf",
- description:
- "Active maintainer of one of the most popular Telegram Bot API libraries for Node.",
- url: "https://github.com/telegraf/telegraf",
- cat: "lib",
- tags: ["typescript", "telegram", "bot-api"],
- },
- {
- title: "runtype",
- description: "Safely bring runtime values into TypeScript.",
- url: "https://codefeathers.github.io/runtype",
- cat: "lib",
- tags: ["typescript", "runtime"],
- },
- {
- title: "Telecraft",
- description: "Pluggable Minecraft server administration toolkit.",
- url: "https://github.com/MadrasMC/telecraft",
- cat: "tool",
- tags: ["minecraft", "node"],
- },
- {
- title: "Storymap",
- description:
- "Reverse-engineered thirdparty map renderer for Vintage Story in Zig ⚡️",
- // url: "https://github.com/MadrasMC/storymap",
- cat: "tool",
- tags: ["vintage-story", "zig"],
- },
-];
+import { projects } from "./data/project";
type Project = {
title: string;
@@ -104,6 +50,7 @@ const ProjectUnit: React.FC
Some tools, libraries, and apps over time: