basically just your average cs student slop site
schtormm.nl
fix hydration error
+54
-52
+54
-52
app/page.tsx
+54
-52
app/page.tsx
···
2
2
import profile from "../public/images/profile.jpeg";
3
3
export default function Home() {
4
4
return (
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,{" "}
5
+
<main>
6
+
<div>
7
+
<div className="flex flex-col justify-center min-h-[100dvh] bg-gray-50 dark:bg-gray-950">
8
+
<div className="p-20 mx-auto bg-gray-200 dark:bg-gray-900 shadow-lg dark:shadow-purple-900/60 rounded-xl">
9
+
<div className="mb-4">
10
+
<Image
11
+
src={profile}
12
+
alt="Storm"
13
+
width={200}
14
+
height={200}
15
+
className="rounded-2xl mx-auto"
16
+
/>
17
+
<h1 className="text-3xl text-center mt-4 dark:text-white">
18
+
Hi! I'm Storm <i></i>
19
+
</h1>
20
+
<div className="text-center mt-4 dark:text-white">
21
+
I'm an informatica student at the{" "}
42
22
<a
43
-
className="text-blue-600 dark:text-purple-400"
44
-
href="/links/"
23
+
className="text-purple-600"
24
+
href="https://www.rotterdamuas.com/about/organisation/schools/school-of-communication-media-and-information-technology/welcome/"
45
25
>
46
-
here's where you can do that
26
+
Rotterdam University of Applied Sciences
47
27
</a>
48
28
.
29
+
<p className="mt-2">
30
+
{" "}
31
+
I like racing games and tech (anything from open source
32
+
software to weird little gadgets).
33
+
</p>
49
34
</div>
50
35
</div>
51
36
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>
37
+
<div className="h-0 border-b-2 border-gray-400"></div>
38
+
<div className="mt-8">
39
+
<div className="dark:text-white text-center">
40
+
<h2 className="text-xl">Contact</h2>
41
+
<div>
42
+
If you need to contact me,{" "}
43
+
<a
44
+
className="text-blue-600 dark:text-purple-400"
45
+
href="/links/"
46
+
>
47
+
here's where you can do that
48
+
</a>
49
+
.
50
+
</div>
51
+
</div>
52
+
53
+
<div className="mt-4 text-center">
54
+
<p className="dark:text-white">
55
+
Credit to{" "}
56
+
<a
57
+
className="text-blue-600 dark:text-purple-400"
58
+
href="https://github.com/Matthbo"
59
+
>
60
+
Vivy
61
+
</a>{" "}
62
+
for parts of the design of this site.
63
+
</p>
64
+
</div>
63
65
</div>
64
66
</div>
65
67
</div>
66
68
</div>
67
-
</div>
69
+
</main>
68
70
);
69
71
}