diff --git a/app/layout.tsx b/app/layout.tsx index 54779d5..dbacd7c 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -33,7 +33,7 @@ export default function RootLayout({ backgroundSize: "cover", backgroundPosition: "center", filter: "blur(5px)", - position: "fixed", // Changed from 'absolute' to 'fixed' + position: "fixed", top: 0, left: -46, width: "100%", @@ -41,31 +41,43 @@ export default function RootLayout({ zIndex: -1, }} /> -
-
+
+

Stan Runge

-
- - - - +
+
+ + + + +
- - {children} diff --git a/app/projects/page.tsx b/app/projects/page.tsx index fbc9100..d966fa2 100644 --- a/app/projects/page.tsx +++ b/app/projects/page.tsx @@ -1,9 +1,10 @@ import { Icon } from "@/components/Icon"; +import { ProjectCard } from "@/components/ProjectCard"; export default async function Page() { return (
-

Projects (2)

+

Projects

Vash Software

-

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

+

A global, asynchronic software company.

+ +
+

Vash Esports (Pre-Alpha)

+

The best way to play games competitively.

+ +
+

Web App

+
+ +
+

iOS App

+
+ +
+

Vash Gaming Network

+
+ +
+

osu! Match Streamer

+
+
-

Personal Projects (2)

+

Personal Projects (3)

-
-
- -
-
-

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/app/publications/page.tsx b/app/publications/page.tsx index f2594c8..bd92f59 100644 --- a/app/publications/page.tsx +++ b/app/publications/page.tsx @@ -1,7 +1,7 @@ export default async function Page() { return (
-

Publications (1)

+

Publications

Presentations (1)

    diff --git a/components/ProjectCard.tsx b/components/ProjectCard.tsx new file mode 100644 index 0000000..dbb7452 --- /dev/null +++ b/components/ProjectCard.tsx @@ -0,0 +1,23 @@ +import React from "react"; +import { Icon } from "./Icon"; +import { link } from "fs"; + +export function ProjectCard(props: { + title: string; + description: string; + link: string; +}) { + return ( +
    +
    + + + +
    +
    +

    {props.title}

    +

    {props.description}

    +
    +
    + ); +}