# It's Alive!

# Description

Read the first chapter of ‘Things: A Story of the Sixties by George Perec’ and the summary of the Language from ‘Christopher Alexander, A Pattern Language’. Decided which of the two readings you want to focus on and translate the words into an online website. Week by week, using first HTML, consequently CSS you will translate the printed words of the book into a published website. Your reader will not only be able to read the story but also experience your interpretation of the story. You may use one page or multiple pages to convey this experience.

# Due Date(s)

February, 18

Critique day! We will collect all the website in a giant online garden. Come to class prepared to explain your project for 3 minutes. Everyone will write a critique of the project in a little piece of paper and it would be collected.

# Schedule

01/23 — Introduction of the exercises

01/28
— Choice between Perec and Alexander — Only use HTML (no CSS of any kind). In addition to the required html, head, title, and body elements, you can use any of the following HTML elements:
p, br,
— Have your page ready to review in class

01/30
— Only use HTML (no CSS of any kind). In addition to the elements allowed in Level 1, use any of the following HTML elements:
div,
header,
footer,
span,
h1, h2, h3, h4, h5, h6,
strong,
em,
ol, ul, li,
a (Do not link to external sites, but you can link to parts of your text using an attribute to assign an id)

02/04
— Use both HTML and CSS. Only use the following CSS properties:
Padding {}
Border {}
margin{}
position{}
display{}
float{}
top, right, bottom, left{}
height, width{}
background-color {}
color

02/06
— Use both HTML and CSS. In addition to the CSS properties allowed in before, you can use any of the following CSS properties: Font-style {}
Font-weight {}
Font-size {}
Font-family {}
Text-align {}
Line-height {}
Letter-spacing {}
Text-transform {}

02/11-13
Use HTML and CSS, no images.
You need to have:

1. Website of today (you can change stuff)
2. The same website that needs to feel 'OBSCURE'
3. The same website that needs to feel 'LIGHT'
   — A navigation bar to switch between these three websites