kjelsrud.dev/README.md
SindreKjelsrud 5922ef2241
💄 new lightmode theme
Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
2024-08-23 13:40:00 +02:00

2.8 KiB

logo

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 #E6F5E5
Dark Olive Green Text #2E4033 #2E4033
Sage Green Secondary Text #5F7A6D #5F7A6D
Mint Green Accents #88A597 #88A597
Mint Green Accents (for hover states) #88A597 #88A597
Darker Moss Green Links #3B6656 #3B6656
Light Mint Blockquote #CCE3CC #CCE3CC

Dark mode

Color Hex
Midnight Navy #1e1e2e #1e1e2e
Lavender Mist #cdd6f4 #cdd6f4
Amethyst Glow #8f5cf4 #8f5cf4
Dusty Lavender #6f7aaa #6f7aaa
Periwinkle Glow #b4c0f4 #b4c0f4
Sky Blue #89b4fa #89b4fa
Charcoal Abyss #11111b #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".