kjelsrud.dev

The third iteration of my personal website, built with Astro.

📝 Info

This is my personal website that I started on during my bachelor-studies. Currently it's on its third version, which is coded in Astro!

Through this project I've learned a lot. Some of this include working with different web-technologies, like TypeScript, Hugo and Astro, getting more familiar with Git, self-hosting the website with Caddy and using GitHub Actions to build and deploy it, as well as grapsing how DNS pointers are utilized and how to structure JSON-docs.

🔋 Features

The webpage offers a variety of features including a blog, bookmarks, ways to reach me, my CV, a digital garden for evolving ideas, a gallery for sharing images, a guestbook, logs for books, movies, etc., /now, /uses and /wish, my favorite quotes, my vinyl collection, a world map showing all the places I've been, and a todo list for the website.

🤸 Quick Start

1. Install the dependencies: pnpm i

2. Start the development server: pnpm dev

🎨 Color codes

Light mode

Color	Hex
Soft Pastel Green Background	#E6F5E5
Dark Olive Green Text	#2E4033
Sage Green Secondary Text	#5F7A6D
Mint Green Accents	#88A597
Dark Mint Green	#789085
Spring Green	#00CC6A
Light Mint	#CCE3CC

Dark mode

Color	Hex
Midnight Navy	#1e1e2e
Lavender Mist	#cdd6f4
Amethyst Glow	#8f5cf4
Dusty Lavender	#6f7aaa
Periwinkle Glow	#b4c0f4
Sky Blue	#89b4fa
Charcoal Abyss	#11111b

📜 Versionlog

• The first iteration of my website was plain HTML and CSS.
• The second iteration of my website was a Hugo-instance that used a readymade theme called "PaperMod".