My personal website, coded with Astro 🧑🚀
|
|
||
|---|---|---|
| .github/workflows | ||
| public | ||
| src | ||
| .gitignore | ||
| astro.config.mjs | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
| tailwind.config.cjs | ||
| tsconfig.json | ||
| yarn.lock | ||
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
- Uses
- Vinyl collection
Future plans:
- CV
- Food wall
🛠️ How do I run it locally?
-
Install the dependencies:
yarn -
Start the development server:
yarn dev
🎨 Color codes
Light mode
| Color | Hex |
|---|---|
| Peach Cream | #FFF8EA |
| Dark Chestnut | #594545 |
| Dusty Rose | #815B5B |
| Old Rose | #9E7676 |
| Pale Taupe | #DAC0A3 |
| Duke Blue | #0D47A1 |
Dark mode
| Color | Hex |
|---|---|
| Catppuccin Base | #FFF8EA |
| Catppuccin Text | #cad3f5 |
| Catppuccin Overlay0 | #6e738d |
| Catppuccin Surface0 | #363a4f |
| Catppuccin Crust | #181926 |
| Catppuccin Maroon | #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".