This project is generated with yo angular generator version 0.11.1.
Weatherview creates resolution-independent weather conditions suitable for high definition monitors or televisions. The default presets work best with 16:9 aspect ratio displays, and specifically target 720p, 1080p, 4K, and 8K systems. Weather condition data is gathered at runtime using the Forecast.io JSON API. Weather Icons CSS-transform usage was modified to point a wind-direction icon in a full 360-degree range. Wind speed is displayed using the Beaufort scale.
- AngularJS
- Twitter Bootstrap
Clone or fork this repository and ensure the following tools are available:
- Node Package Manager (NPM)
- Grunt
- Bower
Run npm install then bower install. Grab some coffee ☕ …this could take a while.
The logo and background video can be customized by replacing images/logo.png, images/posterimage.jpg (which should typically be the first frame of the background video), and videos/bg-video.mp4.
An API key from Forecast.io is required to draw in the live JSON data. Replace the value FORECAST_API_KEY in main.js.
Run grunt serve for preview, make customizations only in the app/ folder, and grunt build to build a release candidate. Deploy the dist/ directory.
In order for Grunt to properly copy over resources from the video folder and external dependencies, Gruntfile.js was modified.
- Name: Glenn Batuyong
- Email: glenn@47ronin.com
- Twitter: https://twitter.com/gbatuyong
- GitHub: https://github.com/47ronin
- Weather icon artwork by Lucas Bischoff