Level 1 - Intro to HTML
This section introduces the basic elements of html. This level only allows:
- Sectioning elements and boilerplate (html, title, head, body)
- Paragraphs (p)
- Breaks (br)
- White Spaces
No other elements, attributes, or CSS is allowed. The goal is to experiment with breaking up text in different ways.
Level 2 - More HTML
This section adds on more basic elements of html. In addition to the other introduced elements, this level only allows:
- More sectioning elements (div, span)
- Headers (h1, h2, h3, h4, h5, h6)
- Inline text styles (strong, em)
- Listing Elements (ul, ol, li)
- Links - no external sites (a)
No other elements, attributes, or CSS is allowed. The goal is to focus on presenting the text in various hierarchies & scales using only HTML.
Level 3 - Intro to CSS
This section introduces basic styles of CSS. In addition to the other elements introduced through HTML, this level only allows:
- padding
- border
- margin
- position
- display
- float
- top, right, bottom, left
- height, width
No other elements or attributes are allowed. The goal is to focus on positioning elements using CSS and experiment with space.
Level 4 - More CSS
This section allows more styles from CSS. In addition to the other elements and attributes introduced through HTML and CSS, this level only allows:
- font-style
- font-weight
- font-size
- font-family
- text-align
- text-transform
- line-height
- letter-spacing
No other elements or attributes are allowed. The goal is to focus on typography using CSS and experiment with hierarchy and scale.
Level 5 - No Restrictions
This section allows all HTML and CSS (except for img, iframe, and a via linking to external sites. This is a purely typographic & semantic project, so no external images, links, or other assets should be used).
The goal is to focus on doing something hasn't previously been done before using colors, testing limits, experimenting with new CSS properties, keeping in mind screen reader accessibility, etc.