What is this?
My website. My old one is available to see here.
I wanted to have something I was actually proud of and didn’t take me 5 minutes to make during a French class in high school because I discovered Bootstrap Studio was an easy way to prototype a minimalist website.
How do I view this project?
It’s live. You’re usuing it right now.
What tech was/is used?
Astro, TypeScript, SCSS and Tailwind. The last one has got to go though, and will be progressively phased out. I find it useful for prototyping, but don’t like having a lot of classes around, especially as I don’t exactly know how each works. Also it sometimes messed with my SCSS module files.
All the blog posts, the project posts, the /about page and most of the pages on /more use markdown.
Project structure:
- Astro project/
- public/
- images/
- fonts/
- src/
- assets/
- images that can't be loaded in via /public (idk why)/
- components/
- pages/
- styles/
- layouts/
- utils/Astro integrations used:
- @astro/MDX
- @astro/Vercel
- @astro/Tailwind
- compress (no clue if this actually works)
- @astro/sitemap (same as above due to vercel)
- @astro/Image
Entries as the site progressed:
Entry from 10/22/2022
So far, I hate styling so much. Thank you so so much for SCSS.
Alright. V1 of this website is done! Finally! It has been a bumpier ride than I expected, with a very annoying bug (actually a JS compilation uncertainty that thereforce isn’t allowed by vite) at the end. But woo! It’s finally done!