kjelsrud.dev/README.md
Sindre Kjelsrud 1d07d73c30 📝 update README
2023-12-10 02:05:59 +01:00

60 lines
No EOL
2.1 KiB
Markdown

<div align="center">
<img alt="logo" src="/src/static/coolkid.png" 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
- 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 plain html and css..
- The second iteration of my website was a Hugo-instance that used a readymade theme called "PaperMod".