stan/personal-website
1
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

add background image

Browse Source
This commit is contained in:
Stan Runge
2024-06-04 16:27:56 +02:00
parent 9d8735b35c
commit 42e65a5eb8
7 changed files with 49 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/certificates/page.tsx
View File

@@ -1,7 +1,7 @@
export default async function Page() {
return (
<div className="flex flex-col items-center">
<h1 className="text-4xl">Certificates (1)</h1>
<h1 className="text-4xl my-5">Certificates (1)</h1>
{[1, 2, 3].map((certificate) => (
<div className="text-center my-10">

8
app/cokno/page.tsx
View File

@@ -1,7 +1,13 @@
export default async function Page() {
return (
<div className="flex flex-col items-center">
<h1 className="text-4xl">The Collective Knowledge of Stan Runge</h1>
<h1 className="text-4xl my-5">The Collective Knowledge of Stan Runge</h1>
Pronounced as "konyo"
<p className="my-5">
The Collective Knowledge of Stan Runge (CoKno) is a project started by
Stan designed to serve as a personal Zettelkast system, similiar to
Wikipedia.
</p>
</div>
);
}

19
app/components/MdiGithub.tsx
View File

@@ -1,19 +0,0 @@
import React from "react";
import type { SVGProps } from "react";
export function MdiGithub(props: SVGProps<SVGSVGElement>) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="1em"
height="1em"
viewBox="0 0 24 24"
{...props}
>
<path
fill="currentColor"
d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
></path>
</svg>
);
}

26
app/layout.tsx
View File

@@ -1,7 +1,7 @@
import { GeistSans } from "geist/font/sans";
import "./globals.css";
import TabItem from "@/components/TabItem";
import { MdiGithub } from "./components/MdiGithub";
import { MdiGithub } from "../components/MdiGithub";
const defaultUrl = process.env.VERCEL_URL
? `https://${process.env.VERCEL_URL}`
@@ -20,7 +20,27 @@ export default function RootLayout({
}) {
return (
<html lang="en" className={GeistSans.className}>
<body>
<body
style={{
position: "relative",
color: "white",
backgroundColor: "rgba(0, 0, 0, 1)",
}}
>
<div
style={{
backgroundImage: `url(${metadata.metadataBase}/moon.jpeg)`,
backgroundSize: "cover",
backgroundPosition: "center",
filter: "blur(5px)",
position: "fixed", // Changed from 'absolute' to 'fixed'
top: 0,
left: -46,
width: "100%",
height: "100%",
zIndex: -1,
}}
/>
<div className="flex justify-between my-5 font-bold mx-5">
<div>
<h1 className="text-2xl">
@@ -31,7 +51,7 @@ export default function RootLayout({
<TabItem targetPath="/projects" text="Projects" />
<TabItem targetPath="/publications" text="Publications" />
<TabItem targetPath="/certificates" text="Certificates" />
{/* <TabItem targetPath="/cokno" text="CoKno" /> */}
<TabItem targetPath="/cokno" text="CoKno" />
</div>
<div className="flex justify-center gap-5">
<a href="https://github.com/stanrunge" className="text-blue-500">

22
app/projects/page.tsx
View File

@@ -1,8 +1,16 @@
export default async function Page() {
return (
<div className="flex flex-col items-center">
<h1 className="text-4xl">Projects (2)</h1>
</div>
);
}
return (
<div className="flex flex-col items-center">
<h1 className="text-4xl my-5">Projects (2)</h1>
<h2 className="text-2xl">Vash Software</h2>
<p>
Vash was originally a video game clan, transformed by Stan to be a
global{" "}
</p>
<h2 className="text-2xl">Personal Projects</h2>
<h3>Spotify osu! Map Finder</h3>
</div>
);
}

6
app/publications/page.tsx
View File

@@ -1,7 +1,7 @@
export default async function Page() {
return (
<div className="flex flex-col items-center">
<h1 className="text-4xl">Publications (1)</h1>
<h1 className="text-4xl my-5">Publications (1)</h1>
<div className="my-5">
<h2 className="text-2xl">Presentations (1)</h2>
<ul>
@@ -9,7 +9,7 @@ export default async function Page() {
</ul>
</div>
{/* <div className="my-5">
<div className="my-5">
<h2 className="text-2xl">Literature Reviews (19)</h2>
<ul>
<li>Deep Learning with Python</li>
@@ -32,7 +32,7 @@ export default async function Page() {
<li>Good Strategy Bad Strategy</li>
<li>Neuroscience: Exploring the Brain</li>
</ul>
</div> */}
</div>
{/* <h2>Blog posts (0)</h2> */}
</div>