A ready-made website

This is the easiest case. Your site is already a folder of files, ready to go.

What it looks like

You open the folder and see something like this:

my-site/
├── index.html      ← the home page
├── about.html      (sometimes a few other pages)
├── style.css
├── script.js
└── images/
    └── logo.png

The index.html sits right inside the folder. That’s your sign that everything’s ready.

What you upload

The my-site folder itself (or everything inside it). Nothing to build, nothing to install.

A quick way to check

Before uploading, double-click index.html: it opens in your browser. If the page looks right on your computer, it’ll look right on Bailey too.

Things to watch out for

• Don’t upload a .zip file. Unzip it first, then upload the folder you get.
• No extra wrapper folder. If opening your folder shows just one sub-folder that holds the index.html, upload that sub-folder (the one where index.html actually lives).
• The name has to be exactly index.html: not Index.html, not home.html, not index.html.txt. → Here’s why

What if it looks blank once it’s online?

If index.html works when you double-click it, but the live site is broken, that’s the “paths” hiccup. The fix is one line → Why your site looks broken.