> For the complete documentation index, see [llms.txt](https://gilmour.online/compsci/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gilmour.online/compsci/web-design/ex-publish-static-html.md).

# 8. Publish to Netlify

Move from a development environment to production

* <https://app.netlify.com/drop>
  * Create an account on the site and verify your email address
  * Once logged in, you'll see an area indicated by a dotted line where you can drop a folder
    * If your folder isn't uploading, you may images or other files that are too large. Downsize your images or move unneeded files outside of the bootstrap\_project folder
  * Edit your site details so you can change the URL from its randomly-issued name
  * Submit the URL so it can be graded. Remember, if you make further changes, you need to re-publish your site using the following instructions:

#### Updating your page

You've been seeing your page update on your local machine. That's not on the Internet and the link in your browser won't work on anyone else's machine as it refers to a file on your computer. But we can deploy the website to free host using Netlify.

![And then select your site](https://1916862645-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LHmXRQJbjMi37frjOn8%2F-LOy9g-HMzJX5s4A8tqO%2F-LOyAIchtZcKqfXNYgbs%2Fimage.png?alt=media\&token=45087733-b22b-4506-a902-4cbf420bf7cf)

![Go the page that will allow us to update the root folder](https://1916862645-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LHmXRQJbjMi37frjOn8%2F-LOy9g-HMzJX5s4A8tqO%2F-LOyA_n2JNoipQxxvH7f%2Fimage.png?alt=media\&token=b4ce2e0f-4bdd-4542-8548-cf371cbc5162)

![](https://1916862645-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LHmXRQJbjMi37frjOn8%2F-LOy9g-HMzJX5s4A8tqO%2F-LOyBBgJ8tWmcM0T3XYd%2Fimage.png?alt=media\&token=6b907b6f-e047-4695-9808-a1a2553d54aa)

### Requirements

* All stock content replaced
* A color palette implemented uniformly throughout the page and corresponds with the subject of the site
* Custom header and body fonts that corresponds
* CSS file formatted into sections with color palette written in a comment at the top
* CSS rules overwriting theme styles like `btn` and `bg`
* A new section added to the navbar and the body with smooth scroll working to that location
* A new Bootstrap component taken from the documentation
* A new CSS class and ID implemented in the CSS and HTML
* Images (not in conflict with copyright law) successfully added to img folder and added to site


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://gilmour.online/compsci/web-design/ex-publish-static-html.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
