This Website

design dev

I built a new personal website using Astro, SCSS, and Tailwind (somewhat).

Published on 10/22/2022. Last updated on 12/09/2022.

This project isn't done yet! Updates are to come!

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 using it right now.

What tech was/is used?

Astro, TypeScript, SCSS, and Tailwind. The last one has got to go though, and will be gradually 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.

The bubble animation appearing when the page is clicked uses the Mo.js library.

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:


Entries as the site progressed:

12/09/2022

I added the bubbly click animation with Mo.js. It’s fun! I’m experimenting with page load animations now.

11/17/2022

My roommate told me he was disappointed in my website today. After realizing he meant the landing page, I agreed. It’s time to redo it.

I’ll try to make it look more modern without the typical start-up feel, and maybe add light/dark mode.

11/09/2022

Wow turns out I was dumb and Vercel was lenient.

For ~18 hours this website 404’d. I couldn’t figure out why. Redeployed over 20 times trying out new things. Turns out a path was set wrong and a commit triggered Vercel to realize it? I’m not sure. Here is the link to the issue.

10/22/2022

So far, I hate styling so much. Thank you so so 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 therefore isn’t allowed by vite) at the end. But woo! It’s finally done!