Skip to content
MagicMirror Module - for Weather image background from Unsplash. This is a plugin of other weather modules.
JavaScript
Branch: master
Clone or download
Latest commit 93c18bb May 1, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE Initial commit Aug 17, 2018
MMM-WeatherBackground.js Update MMM-WeatherBackground.js Apr 30, 2019
README.md Update README.md May 1, 2019
scr.png first Aug 17, 2018

README.md

MMM-WeatherBackground

MagicMirror Module - for Weather image background from Unsplash. This is a plugin of other weather modules.

Screenshot

Screenshot

UPDATED

[2019-05-01] (PR by @mohace)

  • Now you must not assign specific (yours or other's) collection to get more exact or customized pictures.
  • No need to set collections as they are predetermined in the module, reflecting the different weather conditions, day or night, and the different seasons of the year.
  • If you mistakenly maintain the collections configuration, the default collections will not work and those you define either, since the keywords have changed.
  • defaultCollection: "featured" is no longer necessary in config.js.
  • New hemisphere option in config.js for the module to deliver photos according to the season of the year.
  • If the hemisphere configuration is different from "n" or "s", it will load an error image.
  • The collections option in config.js is deprecated.
  • If the collections configuration is maintained, it will load an error image.

[2018-12-13]

  • Now you can assign specific(yours or other's) collection to get more exact or customized pictures.

[2018-12-03]

  • Now you can simply set source instead complex notification & payloadConverter
    • MMM-DarkSkyForecast is supported as source
    • Currently supported source : currentweather, MMM-NOAA3, MMM-DarkSkyForecast
  • Background image position is centered now.

Installation

cd ~/MagicMirror/modules
git clone https://github.com/eouia/MMM-WeatherBackground

Configuration

Simple

{
  module: "MMM-WeatherBackground",
  // don't assign position.
  config: {}
},

Defaults & details

{ module: "MMM-WeatherBackground", config: { targetDOM: ".MMM-Dummy", //null or DomSelector for target. // if null, currentweather will be targeted. // examples: ".newsfeed", "#SOME_SPECIAL_DOM", ".top.left .module" hemisphere: "n", // "n" (north) or "s" (southern) to establish the correct season of the year. source : "MMM-NOAA3", // currentweather, MMM-NOAA3, MMM-DarkSkyForecast } },


## Tip
You'd better modify your CSS to enhance visibilties of your modules. Below is just one of examples.
```CSS
.module {
  background-color:rgba(0,0,0,0.5)
}

Sometimes, unsplash could return mismatched images with keyword.

You can’t perform that action at this time.