A clean and modern, eco-friendly personal website theme built with [Astro](https://www.astro.build], using fluid type and grid sizing for smooth size transitions.
All dummy text is created by Claude AI to get a sense for what it looks like with content.
To see it in action, I use it for my own website at www.timeaton.dev. Feel free to use and modify for your needs!
- Responsive design
- Scores A or A+ (depending on hosting and your images) on Accessify and Ecograder
- Clean and minimal
- Fluid typography
- Dark and light mode (chosen by user's system preference)
- About page
- Now page (inspired by nownownow.com)
- Microblog for found links (Today I Found...)
- Blog for personal projects
- Install dependencies:
npm install- Start the development server:
npm run dev- Build for production:
npm run build- Add your own avatar in the
public/directory - Edit
src/config.tsto use your website, name, and description - Edit pages in
src/pages/ - Modify the layout in
src/layouts/Layout.astro - Update styles in the respective component files
- Make your own favicons with https://realfavicongenerator.net/
The colors were chosen using several tools to insure accessibility and contrast. The colors are all set using variables for dark and light in the global.css file. Personally, I created the palletes and gradients using these tools:
- https://colorffy.com/color-scheme-generator
- https://www.learnui.design/tools/accessible-color-generator.html
- https://colorffy.com/mesh-gradient-generator (for the background gradient)
Built by Tim Eaton - timeaton.dev.
Anonymous Avatar by maniskis12 on Freeimages.com
All dummy text and posts generated with Claude AI.
MIT