<div align="center">
  <img alt="logo" src="/public/favicon.svg" width="100" />
</div>
<h1 align="center">
  <a href="https://kjelsrud.dev">kjelsrud.dev</a>
</h1>
<p align="center">
  The third iteration of my personal website, built with <a href="https://astro.build/">Astro</a>.
</p>

## 📝 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".

