Continue workshop from class

Start with this HTML: https://editor.p5js.org/omarwnema/sketches/hUUNRghnn

Change the CSS only (not HTML changes) to look like

Tips:

• The font here is “Courier New”
• Text color is “#9d0808”
• Do not change the HTML!!! Only CSS changes

Challenges

• Make it so that hovering over a card will change its color
• Load your favorite font from Google Fonts instead of Courier New

<aside> 📎 Submit your assignment as a p5 editor to your student page

</aside>

Create an ugly website

<aside> 📎 Submit assignment here. You should have a link to both the Live URL and the Github pages repository where we can see your code.

Name your Github folder/repository ugly-website Submissions: Week 6 Assignment

</aside>

Create the ugliest webpage possible.

• Related to one of the themes below

  • watermelon, spicy, rainbow, eternal

• Use as many CSS properties as you can. Some examples below.

  Font: font-family font-size font-style font-weight etc!

  Text: color text-align text-decoration text-transform letter-spacing word-spacing etc!

  List: list-style-type etc!

  Background: background-color background-image etc! Fancy stuff: box-shadow and transitions, :hoverstate (pseudo-selector)

• Include images, video, or other assets

• Some inspo

  • https://www.arngren.net/
  • https://www.heavensgate.com/
  • Search ‘web 1.0 websites’