diff --git a/app/layout.tsx b/app/layout.tsx index 537b439..54779d5 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,7 +1,7 @@ import { GeistSans } from "geist/font/sans"; import "./globals.css"; import TabItem from "@/components/TabItem"; -import { MdiGithub } from "../components/MdiGithub"; +import { Icon } from "../components/Icon"; const defaultUrl = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` @@ -54,14 +54,14 @@ export default function RootLayout({
- - + + - - LinkedIn + + + + +
diff --git a/app/projects/page.tsx b/app/projects/page.tsx index c1b9c23..fbc9100 100644 --- a/app/projects/page.tsx +++ b/app/projects/page.tsx @@ -1,16 +1,50 @@ +import { Icon } from "@/components/Icon"; + export default async function Page() { return (

Projects (2)

-

Vash Software

-

- Vash was originally a video game clan, transformed by Stan to be a - global{" "} -

-

Personal Projects

-

This website

-

Spotify osu! Map Finder

A quick tool to find osu! maps from - Spotify songs or playlists. +
+

Vash Software

+

+ Vash was originally a video game clan, transformed by Stan to be a + global{" "} +

+
+ +
+

Personal Projects (2)

+
+
+
+ +
+
+

This website

+

+ Despite being a simple, mostly static website, there's a lot + more behind the scenes. +

+
+
+
+
+ +
+
+

Spotify osu! Map Finder

+

+ A quick tool to find osu! maps from Spotify songs or playlists. +

+
+
+
+
); } diff --git a/components/Icon.tsx b/components/Icon.tsx new file mode 100644 index 0000000..9287916 --- /dev/null +++ b/components/Icon.tsx @@ -0,0 +1,16 @@ +import React from "react"; +import type { SVGProps } from "react"; + +export function Icon(props: SVGProps) { + return ( + + + + ); +} diff --git a/components/MdiGithub.tsx b/components/MdiGithub.tsx deleted file mode 100644 index 669cd22..0000000 --- a/components/MdiGithub.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; -import type { SVGProps } from "react"; - -export function MdiGithub(props: SVGProps) { - return ( - - - - ); -}