My personal website, coded with Astro 🧑🚀
| .github/workflows | ||
| src | ||
| .gitignore | ||
| astro.config.mjs | ||
| package.json | ||
| README.md | ||
| tailwind.config.cjs | ||
| tsconfig.json | ||
| yarn.lock | ||
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?
-
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 a Hugo-instance that used a readymade theme called "PaperMod".