Pimp my Soupboat 🍜

Hello this is a little workshop to cover the basics of HTML + CSS + JS in order to customize our Soupboat⛵

Table of contents

  1. Workspace, or: where do we code
  2. Files in the Soupboat
  3. HTML (for marking up contents)
  4. CSS (for styling our website)
  5. JS (for making things dynamic, i.e. magic)
  6. References

Workspace, or: where do we code

Coding in Jupiter editor

Coding in a text editor (example: VS Code)

Files in the Soupboat

In Jupiter Lab everyone has 2 main folders: public_html and shared. The former takes you to your personal page, while the latter permits you to access to the common areas of the Soupboat.

Remember that web URLs are just like paths on your computer.

HTML (for marking up contents)

CSS (for styling our website)

JS (for making things dynamic, i.e. magic)

References