My personal website, coded with Astro 🧑‍🚀

astro blog personal-website portfolio-website static-site

Find a file

SindreKjelsrud 3a8d3f0432 All checks were successful Deploy website / build-and-deploy (push) Successful in 6m41s Details 📀 Add "The Architects of Shadows" Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>		2025-01-25 14:59:11 +01:00
.forgejo/workflows	💚 Update workflow for forgejo instance	2024-12-06 22:52:11 +01:00
public	📀 Add "The Architects of Shadows"	2025-01-25 14:59:11 +01:00
src	📀 Add "The Architects of Shadows"	2025-01-25 14:59:11 +01:00
.gitignore	🙈 add .gitignore	2023-08-22 15:57:44 +02:00
astro.config.mjs	🐛 change url in config so rss feed work	2024-05-07 12:11:04 +02:00
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	🏗️ replace yarn with pnpm	2024-04-26 14:26:00 +02:00
pnpm-lock.yaml	🏗️ replace yarn with pnpm	2024-04-26 14:26:00 +02:00
pnpm-workspace.yaml	🏗️ replace yarn with pnpm	2024-04-26 14:26:00 +02:00
README.md	💄 update lightmode link & hover	2024-09-07 16:41:06 +02:00
tailwind.config.cjs	➕ add TailwindCSS	2023-07-20 20:28:44 +02:00
tsconfig.json	🎉 initiate project astro_rewrite	2023-07-19 21:31:30 +02:00

README.md

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

Install the dependencies: pnpm i
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".