---

WOD: Browser History 4

For this WOD, you will split the one page, three column “History of Browsers” web page (from Browser History 3) into four separate web pages: a front page containing the introduction paragraph, with three links to pages containing the history of the three browsers.

So, the index.html page should look like this:

Note that the navbar has been removed. Clicking on the IE link should display an interior page (ie.html) which should look similar to this:

There should be similar pages for the history of Firefox and Chrome.

Note that the interior page contains a link back to the index.html page.

Here are the steps:

1. Make your browserhistory repo private if it is not already.

2. Create a branch of your browserhistory repo called “multipage”, and switch to it. You probably want to create this branch off of BrowserHistory3.

3. Change index.html so that it contains only the introduction text and the links as shown above. Remove the navbar.

4. Create three more files named firefox.html, ie.html, and chrome.html. These should contain the text for the browsers. Make sure to remove references to the left, center, and right CSS classes. Font and background color should be as shown in the screenshots.

5. Each history page has a custom title, for example “A history of X”, where X is that browser, and has a top-level section with the same name as the title.

6. Each history page has its corresponding icon inset into the text similarly to the BrowserHistory3 practice WOD.

7. All history text is copied from BrowserHistory3.

8. There is a link on each history page back to index.html

9. Commit your “multipage” branch to GitHub.

10. Check to make sure it is present on GitHub.

11. Raise your hand when you are done. We will respond with your time for the WOD. Do not work on your solution after raising your hand.

12. Once you are done, relax until the WOD is over. You do not have to complete the Submission instructions until the instructor brings everyone to the meeting room.

Rx: <15 min Av: 15-30 min Sd: 30-45 min DNF: 45+ min              Start WOD Timer

Submission instructions

First, make sure your repository is private. If it is not private, retrieve your repo in a browser, then click on “Settings”, then “Options”, then scroll down to the “Danger Zone” and click on “Make this repository private”.

You must grant read access to this repo to the TA for your section. To do this:

• Retrieve your repository in a browser, then click on “Settings”. Depending upon the GitHub UI you are provided, you’ll then click on either “Collaborators” or “Manage Access”. Let us know if you can’t find either of these.

• Search for “kaylamarietorres”, then click “Add collaborator”.
• Then search for “aliknd”, then click “Add collaborator”.

Do not make any further commits to your GitHub repo. If there is a commit after the time at which you raised your hand, then the minimum penalty is that you will receive no credit for this WOD. If the repo is public, then you will receive no credit for this WOD.

Do not discuss this WOD with members of the other sections until tomorrow. We often create different WODs for each section, but discussing it creates a perception of unfair advantage. If we find you have shared information about the WOD with a student from another section, then the minimum penalty is that you will receive no credit for this WOD.

Important: Your submission in Laulima must contain the following:

1. When you login to your section of ICS 314 in Laulima, you should find an open assignment with the name “WOD: WOD topic” in the name that is open until 11:30 tonight. If you do not see it, post a question to #smart-questions.

Your submission should consist of the URL to your private GitHub repo containing your WOD. You do not have to indicate how long it took you to complete the WOD.

1. Copy this sentence exactly “Used AI: [Yes/No]” where you replace [Yes/No] with either “Yes” if you used AI such as ChatGPT or GitHub Copilot, or “No” if you did not use AI any any capacity. This includes using AI enabled search and using AI to generate code, comments, or any other content even if the tool is embedded in your IDE such as Co-pilot.

2. Copy this sentence exactly “AI Used: [NA/tools used]” where you replace [NA/tools used] with the AI tools you used e.g. ChatGPT, Co-Pilot. If you used multiple tools, list them all. If you did not use AI, then you can leave this as “NA”.

Failure to include all of the above will result in an automatic penalty of no credit for this WOD. This will be strictly enforced.

---