logo

kjelsrud.dev

The third iteration of my personal website, built with Astro.

## 📝 Info ### What I've learned from the project so far - Coding with HTML, CSS, TypeScript, etc. - Usage of SSG/frameworks like Hugo or Astro - How to use Git - Some understanding of Github Actions + Pages - How to create websites that are faster, more secure, and easier to maintain - How to use templates to generate static websites - How to use DNS pointers (A- & CNAME records) - How to create & use layouts for a static website - How to write JSON-docs and use data from it ### Features - Blog - Bookmarks - Connect - CV - Digital garden - Gallery - Logs - Uses - Vinyl collection ### Future plans: - [ ] Food wall ## 🛠️ How do I run it locally? 1. Install the dependencies: `yarn` 2. Start the development server: `yarn dev` ## 🎨 Color codes ### Light mode | Color | Hex | |-|-| | Peach Cream | ![#FFF8EA](https://via.placeholder.com/10/FFF8EA?text=+) `#FFF8EA` | | Dark Chestnut | ![#594545](https://via.placeholder.com/10/594545?text=+) `#594545` | | Dusty Rose | ![#815B5B](https://via.placeholder.com/10/815B5B?text=+) `#815B5B` | | Old Rose | ![#9E7676](https://via.placeholder.com/10/9E7676?text=+) `#9E7676` | | Pale Taupe | ![#DAC0A3](https://via.placeholder.com/10/DAC0A3?text=+) `#DAC0A3` | | Duke Blue | ![#0D47A1](https://via.placeholder.com/10/0D47A1?text=+) `#0D47A1` | ### Dark mode | Color | Hex | |-|-| | Catppuccin Base | ![#FFF8EA](https://via.placeholder.com/10/FFF8EA?text=+) `#FFF8EA` | | Catppuccin Text | ![#cad3f5](https://via.placeholder.com/10/cad3f5?text=+) `#cad3f5` | | Catppuccin Overlay0 | ![#6e738d](https://via.placeholder.com/10/6e738d?text=+) `#6e738d` | | Catppuccin Surface0 | ![#363a4f](https://via.placeholder.com/10/363a4f?text=+) `#363a4f` | | Catppuccin Crust | ![#181926](https://via.placeholder.com/10/181926?text=+) `#181926` | | Catppuccin Maroon | ![#ee99a0](https://via.placeholder.com/10/ee99a0?text=+) `#ee99a0` | ## 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".