Week 5: Final Project Draft

This week I worked on building the website to host the community board meeting notes.

I started by making a basic site and based the scroll bar feature off of one of Allison Parrish’s examples in p5.js. I started by adding structure for the labels.

Screenshot 2019-03-04 16.00.45.png

Then I added text and the numbers for tuning. At first I had whole numbers, but then I decided to replace the numbers with dots for every five so that there was more space.

Screenshot 2019-03-04 17.02.58.png

Finally color (I am still playing around with this)!

Screenshot 2019-03-04 17.29.00.png

Finally, I added some example sounds to test out how the scroll feature would work. So far, the Brooklyn #1 and Bronx #1 stations work. Right now you can view the website on github pages: https://lydiajessup.github.io/nycb-radio/

The full code is on github here.

Next I need to:

  • replace the black box with a razzle dazzle pattern

  • upload real meeting notes