Project #3 Handmade Websites

Description

For project 3, you will create a multi-page website from scratch using only HTML & CSS. Create a network of pages as a non-linear poem. Each word or phrase is linked to another page that expands upon this poem or story. This poem can be purely text-based or include images like in Olia Liliana's My Boyfriend Came Back from The War. You must include at least 4 different pages.
If you do not want to create a poem/story, you may instead create an informational website on the topic of your choice. You must still include at least 4 different pages.

Questions to Consider:

Think of all the paths someone might take through your website. They may all start at the homepage but from there, depending on what they click next, they could create different paths. Would there be one clear path to take, or are there many "forks in the road" ? Would each path evoke different feelings or a different poetic impression?
Is your link poem made primarily of text, or are you including images too?
Are you using your own text/images or are you basing your project off of an existing poem? If you are using an existing poem, what aspects of the original poem would you want to translate into a web-based experience and how?
Consider how reading this poem on a page is different from navigating your website. Does the matter in which one clicks links change the structure/order of the poem?

Required Readings

(1) My website is a shifting house next to a river of knowledge. What could yours be?, Laurel Schwulst
(2) HTML Energy: Any episode of your choice

References

(1) My Boyfriend Came Back from The War. (2) http://www.heelstone.com/tarot/index.html
(3) https://msu.edu/~henrikse/cep909/poems/olderfaraway.htm
(4) http://www.heelstone.com/index1.html (5) HTML Basics - Laurel

Resources

(1) HTML tutorial, w3 schools
(2) CSS Tutorial, w3 schools

Timeline & Deliverables

March 10 | March 11: Read My website is a shifting house next to a river of knowledge. What could yours be? and listen to an HTML energy podcast episode of your choice. Post a response in discord. Create a "link map" of your proposed website. This can be hand-drawn or digital, but essentially it's a loose map of how your pages will link together. Here are some examples Post your link map along with a 2-3 sentence written proposal for your website in discord.
March 17 | March 18: Spring Break!
Mar 24 | Mar 25: Complete your website prototype. You should have all your html ready.
Mar 31 | Apr 1: Complete your website and put it online using github pages. Be ready to present in class.

Submission Guidelines

Submit your finalized glitch portfolio page to Canvas

Design Constraints

(1) You must have at least 4 different pages
(2) Your website must be online
(3) Your website must rely mainly if not soley on HTML & CSS