My personal website, coded with Astro 🧑‍🚀
Find a file
SindreKjelsrud 8257409f82
All checks were successful
Deploy website / build-and-deploy (push) Successful in 4m53s
chore(apperances): Add language (if not EN) infront of title
Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
2025-07-21 15:21:53 +02:00
.forgejo/workflows 💚 Update workflow for forgejo instance 2024-12-06 22:52:11 +01:00
public chore: Optimize svgs 2025-07-07 21:31:27 +02:00
src chore(apperances): Add language (if not EN) infront of title 2025-07-21 15:21:53 +02:00
.gitignore
astro.config.mjs
docker-compose.yml 💚 Update workflow for forgejo instance 2024-12-06 22:52:11 +01:00
Dockerfile 💚 Update workflow for forgejo instance 2024-12-06 22:52:11 +01:00
LICENSE
package.json build: Astro upgrade from v4 to v5 2025-07-07 21:38:59 +02:00
pnpm-lock.yaml build: Astro upgrade from v4 to v5 2025-07-07 21:38:59 +02:00
pnpm-workspace.yaml
README.md 🚚 Fixed path to logo 2025-06-02 22:34:30 +02:00
tailwind.config.cjs
tsconfig.json

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

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".