Giter Club home page Giter Club logo

klimato-dashing-widget's Introduction

Description

Dashing widget to display weather from Yahoo! Weather using Climacons Font. Also the background of the widget automatically changes to the current temperature outside.

##Dependencies

json

Add the gem to your dashing gemfile:

gem 'json'

and run bundle install.

##Usage

To use this widget, copy klimato.coffee, klimato.html, and klimato.sass into the /widgets/klimato directory. Put the klimato.rb file in your /jobs folder, the 4 font files (.EOT, .WOFF, .SVG & .TTF) in your /assets/fonts directory and the climacons-font.css in your /assets/stylesheets directory.

To include the widget into your dashboard add the following code:

<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
  <div data-id="klimato" data-view="Klimato"></div>
</li>

##Settings

Adjust the widget to your desired location by editing the WOEID (Where On Earth ID) in the jobs file. (You can lookup your WOEID here: http://woeid.rosselliot.co.nz)

You are also able to change the metrics unit for your widget by editing the format in the jobs file. (Yahoo! Weather API supports both Fahrenheit (f) and Celsius (c))

##Preview

cold hot

klimato-dashing-widget's People

Contributors

kevintuhumury avatar danillotuhumury avatar

Watchers

James Cloos avatar Florian avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.