šŸŒµTable of Content

How to edit each week?

  1. Log into glitch.com. If you are successfully logged in, then you will see something like this. If not, click on dashboard, and then click on one of the projects you have here on its title as the arrow indicates.

    Screenshot 2023-11-21 at 4.40.46 PM.png

  2. You will be taken to this page that has all your glitch portfolio pages.

  3. On the left, the red part is all your files and code. On the right, the blue part the preview of your actual portfolio website. The green part is the url of your website that you should copy and paste it into canvas when you submit your assignments.

    Screenshot 2023-11-21 at 4.41.22 PM.png

I donā€™t see a preview pane

If you donā€™t see the blue and green part. Then you will need to hit on the preview button down here first, and then hit on open preview pane, then you should able to see what is shown above.

Screenshot 2023-11-21 at 4.47.17 PM.png

File structures

On the left you should already have a bunch of files thatā€™s called p01.html, p02.html... If your assignment is assignment 1, then you should put your project in p01.html. If you project is assignment 2, then you should put it in p02.html... etc.

<aside> ā˜šŸ» How do I know which assignment is which? You can look them up here: https://parsonsdt.github.io/critical-computation-2023/assignments.html

You can click on any of them to edit the code on that specific page.

</aside>

Screenshot 2023-11-21 at 4.50.54 PM.png

How to edit each page?

If you donā€™t have the html file for that page, you can make one.

  1. First hit the plus sign, next to Files

    Screenshot 2023-11-21 at 4.54.38 PM.png

  2. Then type in the name of the file you want to make, make sure itā€™s something like xxx.html. It has to end with the word .html

  3. After youā€™re done, hit add this file.

    Screenshot 2023-11-21 at 4.55.14 PM.png

  4. You will be taken to the new file. It should be completely blank.

    Screenshot 2023-11-21 at 4.55.39 PM.png

  5. You can copy the template provided here to make the new page.

    <!DOCTYPE html>
<html lang="en">
  <head>
    <title>Your Name | CC Portfolio</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- import the webpage's stylesheet -->
    <link rel="stylesheet" href="style.css" />

    <!-- import the webpage's javascript file -->
    <script src="/script.js" defer></script>
  </head>

  <body>
    <!-- navigation menu -->
    <nav></nav>

    <!-- main content -->
    <main>
      <p>
        Coming soon
      </p>
    </main>
  </body>
</html>