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` | | Mint Green Accents (for hover states) |  `#88A597` | | Darker Moss Green Links |  `#3B6656` | | Light Mint Blockquote |  `#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".