logo

kjelsrud.dev

The second 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 - Logs ### Future plans: - [ ] CV - [ ] Digital garden - [ ] Uses - [ ] Food wall - [ ] Vinyl collection ## 🛠️ How do I run it locally? 1. Install the dependencies: `yarn` 2. Start the development server: `yarn dev` ## 🎨 Color codes | Color | Hex | |-|-| | Light bg | ![#FFF8EA](https://via.placeholder.com/10/FFF8EA?text=+) `#FFF8EA` | | Coffee brown | ![#594545](https://via.placeholder.com/10/594545?text=+) `#594545` | | Tan | ![#815B5B](https://via.placeholder.com/10/815B5B?text=+) `#815B5B` | | Light tan | ![#9E7676](https://via.placeholder.com/10/9E7676?text=+) `#9E7676` | | Sand | ![#DAC0A3](https://via.placeholder.com/10/DAC0A3?text=+) `#DAC0A3` | | 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` | ## Versionlog - The first iteration of my website was a Hugo-instance that used a readymade theme called "PaperMod".