This website will attempt to show you the current color of the Tilikum Crossing Bridge in Portland, OR. A
According to this article from Multnomah County, the color of the bridge is largely based on the water temperature of the Willamette river.
First this page checks to see if it's daytime in Portland (using SunCalc.js). If it is, we list the color as 'Gray'. If it's nighttime we fetch the most recent water temperature reading from the closest USGS monitoring station to the bridge in your browser/clientside. Based on that temperature we devise what the likely color of the bridge will be based on some previous data i've collected. It's very possible it will be wrong, but this is just for fun, right?
Here's what you'll need if you want to get this running locally:
Prerequisities:
- Not much, it's just HTML, CSS and JS!
- Since i've been hosting it on Netlify, i've been using the Netlify CLI to start up a dev server locally.
- Clone this repository
- Open the root directory of the cloned repository in a terminal.
- Run 'netlfiy dev' to start your local server.
- That's it!
If you want to deploy it to Netlify commit your changes to a new repository and connect it to Netlfiy, should work without much fuss!