basically just your average cs student slop site schtormm.nl
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix hydration error

+54 -52
+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 }