Code Monkey home page Code Monkey logo

weather-widget's Introduction

##Preview

##Description

Weather widget for Dashing that displays weather and changes background color accordingly. Uses OpenWeatherMap API.

##Usage

To use this widget, copy widgets/weather, assets/fonts, assets/stylesheets, jobs/weather.rb to same folders in your dashing app.

In your dashing layout file add following snippet to add weather widget.

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

##Settings

All customization is done in weather.rb job file. You will need to provide CITY_ID and register with OpenWeatherMap to get API_KEY. Rest of the settings are well commented in the code and can be changed, this includes changing climacons icons and colors. Any contributions to more rich experience with these settings are welcomed.

##Contribution

Special thanks to contributions from

David Underword for providing original weather widget

Adam Whitcroft for creating awesome climacons font

weather-widget's People

Contributors

hkraji avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

weather-widget's Issues

Problem with API_KEY

Hello,

I had some issues running this widget. I was only able to run it by changing the way API_KEY was declared.

API_KEY = 'WEATHER_KEY''

instead of:

API_KEY = ENV['WEATHER_KEY']

Running: Ruby 1.9.3

Cheers.

Does not display data

Hi, I'm sure I'm using this widget correctly. I've got my city ID and my API key inputted in correctly, but my widget is still blank. I'm running Ruby 2.5.5 with Dietpi on Debian 10.
Screenshot_2021-08-24_12:25:52

No Translation possible

Is it possible to translate the current weather? For example if in the widget stand "Rain", where can I translate to German "Regen"? Thanks!

Problem with some background icons

Hi,
Thanks for this widget.
I get some problems with large background icons which go outside widget like sun at the bottom (see capture). Some others (eg cloud) are OK are smaller.
Background for other widgets seem OK (see capture).
Unsure which css file to modify to fix this issue.
Thx
Tom
weather1

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.