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.

use next static site template

+123 -9
+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 + @import "tailwindcss";
+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
··· 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
··· 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
··· 1 + const config = { 2 + plugins: { 3 + "@tailwindcss/postcss": {}, 4 + }, 5 + }; 6 + export default config;
public/images/profile.jpeg

This is a binary file and will not be displayed.