2 KiB
2 KiB
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
- Logs
- Digital garden
Future plans:
- CV
- Uses
- Food wall
- Vinyl collection
🛠️ How do I run it locally?
-
Install the dependencies:
yarn -
Start the development server:
yarn dev
🎨 Color codes
| Color | Hex |
|---|---|
| Light bg | #FFF8EA |
| Coffee brown | #594545 |
| Tan | #815B5B |
| Light tan | #9E7676 |
| Sand | #DAC0A3 |
| Catppuccin Base | #FFF8EA |
| Catppuccin Text | #cad3f5 |
| Catppuccin Overlay0 | #6e738d |
| Catppuccin Surface0 | #363a4f |
| Catppuccin Crust | #181926 |
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".