My personal website, coded with Astro 🧑‍🚀
Find a file
SindreKjelsrud c509246305
All checks were successful
Deploy website / build-and-deploy (push) Successful in 6m24s
🎬 Add "The Two Popes"
Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
2025-05-31 20:13:36 +02:00
.forgejo/workflows 💚 Update workflow for forgejo instance 2024-12-06 22:52:11 +01:00
public ♻️ Refactored index & header 2025-05-29 19:29:38 +02:00
src 🎬 Add "The Two Popes" 2025-05-31 20:13:36 +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 📄 Update license info 2024-11-30 18:15:43 +01:00
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
README.md 🔥 Remove lightmode 2025-04-01 19:38:39 +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".