basically just your average cs student slop site
schtormm.nl
use next static site template
+123
-9
+40
app/cv/page.tsx
+40
app/cv/page.tsx
···
1
+
export default function Home() {
2
+
return (
3
+
<div className="min-h-[100vh] bg-gray-50 dark:bg-gray-950">
4
+
<div className="pt-10 flex flex-col items-center justify-center gap-10">
5
+
<div>
6
+
<h1 className="text-3xl text-center dark:text-white">Experience</h1>
7
+
<div className="w-sm flex flex-col items-center gap-4">
8
+
<h2 className=" font-bold dark:text-white">
9
+
September 2024 - January 2025
10
+
</h2>
11
+
<div className="flex items-center gap-2">
12
+
<div className="border-l-2 border-purple-500 h-12 my-2"></div>
13
+
<div className="flex flex-col">
14
+
<h1 className="dark:text-white text-xl">
15
+
<a href="https://stager.co">Stager</a>
16
+
</h1>
17
+
<article className="dark:text-white text-sm">
18
+
Dutch SaaS company for event planning, ticket sales, marketing
19
+
and more
20
+
</article>
21
+
</div>
22
+
</div>
23
+
<p className="wp dark:text-white text-wrap">
24
+
Worked on a project refactoring and redesigning the customizable
25
+
newsletter unsubscription page for the company's clients.
26
+
</p>
27
+
</div>
28
+
</div>
29
+
<h1 className="text-3xl text-center dark:text-white">Projects</h1>
30
+
<div className="w-sm">
31
+
<h1 className="dark:text-white text-xl">Project D</h1>
32
+
<article className="dark:text-white text-sm">
33
+
Part of the "Project D" course, to showcase to{" "}
34
+
<a href="https://eneco.nl">Eneco</a>
35
+
</article>
36
+
</div>
37
+
</div>
38
+
</div>
39
+
);
40
+
}
+1
app/globals.css
+1
app/globals.css
···
1
+
@import "tailwindcss";
+6
-4
app/layout.tsx
+6
-4
app/layout.tsx
···
1
-
import type { Metadata } from 'next';
1
+
import { GeistSans } from "geist/font/sans";
2
+
import type { Metadata } from "next";
3
+
import "./globals.css";
2
4
3
5
export const metadata: Metadata = {
4
-
title: 'Next.js on GitHub Pages',
5
-
description: 'Deploy your static Next.js site to GitHub Pages.',
6
+
title: "storm's site",
7
+
description: "storm's personal site",
6
8
};
7
9
8
10
export default function RootLayout({
···
11
13
children: React.ReactNode;
12
14
}>) {
13
15
return (
14
-
<html lang="en">
16
+
<html lang="en" className={GeistSans.className}>
15
17
<body>{children}</body>
16
18
</html>
17
19
);
+65
-3
app/page.tsx
+65
-3
app/page.tsx
···
1
+
import Image from "next/image";
2
+
import profile from "../public/images/profile.jpeg";
1
3
export default function Home() {
2
4
return (
3
-
<main>
4
-
<div>Next.js on GitHub Pages</div>
5
-
</main>
5
+
<div>
6
+
<div className="flex flex-col justify-center min-h-[100dvh] bg-gray-50 dark:bg-gray-950">
7
+
<div className="p-20 mx-auto bg-gray-200 dark:bg-gray-900 shadow-lg dark:shadow-purple-900/60 rounded-xl">
8
+
<div className="mb-4">
9
+
<Image
10
+
src={profile}
11
+
alt="Storm"
12
+
width={200}
13
+
height={200}
14
+
className="rounded-2xl mx-auto"
15
+
/>
16
+
<h1 className="text-3xl text-center mt-4 dark:text-white">
17
+
Hi! I'm Storm <i></i>
18
+
</h1>
19
+
<div className="text-center mt-4 dark:text-white">
20
+
I'm an informatica student at the{" "}
21
+
<a
22
+
className="text-purple-600"
23
+
href="https://www.rotterdamuas.com/about/organisation/schools/school-of-communication-media-and-information-technology/welcome/"
24
+
>
25
+
Rotterdam University of Applied Sciences
26
+
</a>
27
+
.
28
+
<p className="mt-2">
29
+
{" "}
30
+
I like racing games and tech (anything from open source software
31
+
to weird little gadgets).
32
+
</p>
33
+
</div>
34
+
</div>
35
+
36
+
<div className="h-0 border-b-2 border-gray-400"></div>
37
+
<div className="mt-8">
38
+
<div className="dark:text-white text-center">
39
+
<h2 className="text-xl">Contact</h2>
40
+
<div>
41
+
If you need to contact me,{" "}
42
+
<a
43
+
className="text-blue-600 dark:text-purple-400"
44
+
href="/links/"
45
+
>
46
+
here's where you can do that
47
+
</a>
48
+
.
49
+
</div>
50
+
</div>
51
+
52
+
<div className="mt-4 text-center">
53
+
<p className="dark:text-white">
54
+
Credit to{" "}
55
+
<a
56
+
className="text-blue-600 dark:text-purple-400"
57
+
href="https://github.com/Matthbo"
58
+
>
59
+
Vivy
60
+
</a>{" "}
61
+
for parts of the design of this site.
62
+
</p>
63
+
</div>
64
+
</div>
65
+
</div>
66
+
</div>
67
+
</div>
6
68
);
7
69
}
+5
-2
next.config.ts
+5
-2
next.config.ts
···
1
-
import type { NextConfig } from 'next';
1
+
import type { NextConfig } from "next";
2
2
3
3
const nextConfig: NextConfig = {
4
-
output: 'export',
4
+
output: "export",
5
5
basePath: process.env.PAGES_BASE_PATH,
6
+
images: {
7
+
unoptimized: true,
8
+
},
6
9
};
7
10
8
11
export default nextConfig;
+6
postcss.config.mjs
+6
postcss.config.mjs
public/images/profile.jpeg
public/images/profile.jpeg
This is a binary file and will not be displayed.