How Your Website Works

This website is completely yours to mess around with. Here's some basic code

Where is the code?

All of the code is stored in your GitHub repository.

The easiest way to work on it is to open the repository and start a GitHub Codespace.

What's in the website?

index.html is your homepage.

pages/ contains the other pages on your website.

style.css controls how the website looks.

images/ is where you can put pictures you want to use on the website.

You can add more to the page structure as you learn more. This is just a basic setup

How do I change something?

Open one of the files and change it.

I have a separate guide for understanding how some of the basic setup works

If you don't know how to add something, check the HTML & CSS Guide.

How do I see my changes?

You can preview your changes while you're working in your Codespace.

When you're ready to put your changes onto the real website, open the terminal and run:

git add .
git commit -m "Describe what changed"
git push

Your GitHub repository is connected to Vercel. After you push, Vercel will automatically update the real website.

What if I mess something up?

Don't worry about it.

Github specifically keeps version histories so you can revert back

Where to start?

Go to the Test Page. That page exists specifically for you to mess around with. You can obviously mess with any page, but that one specifically is pretty barren. You can also add pages to the pages folder in GitHub

Then open the HTML & CSS Guide whenever you want to figure out how to add something new.