73 lines
2.2 KiB
Markdown
73 lines
2.2 KiB
Markdown
<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 |
|
|
|-|-|
|
|
| Coffee Cream |  `#F7F0E8` |
|
|
| Espresso Text |  `#3B2C29` |
|
|
| Latte Secondary Text |  `#78605C` |
|
|
| Cappuccino Accents |  `#A48B82` |
|
|
| Caramel Macchiato |  `#B08968` |
|
|
|
|
### Dark mode
|
|
|
|
| Color | Hex |
|
|
|-|-|
|
|
| Deep Ocean |  `#0F1A1C` |
|
|
| Mint Foam Text |  `#9AD3BB` |
|
|
| Coral Reef Accent |  `#3A6F7F` |
|
|
| Seaweed Highlight |  `#2B4F60` |
|
|
| Lagoon |  `#1A333F` |
|
|
| Aquamarine |  `#7FCDCD` |
|
|
|
|
## 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".
|
|
|