Giter Site home page Giter Site logo

brianhepler / mmm-weatherbackground Goto Github PK

View Code? Open in Web Editor NEW
15.0 15.0 8.0 1.81 MB

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

License: MIT License

JavaScript 97.92% CSS 2.08%
magicmirror magicmirror2 unsplash weather-modules

mmm-weatherbackground's People

Contributors

brianhepler avatar eouia avatar mohace avatar salvega90 avatar

Stargazers

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

Watchers

 avatar  avatar  avatar

mmm-weatherbackground's Issues

Background is always on

I have multiple pages on my magic mirror and want this to display on only one. What do I need to change to fix this?

Images and seasons?

Hey, was wondering if there was a way to add more images and base it on the season? i love using this however seeing green grass for the "sunny" day in the dead of winter is depressing lol. i could just change the images but id rather check if this is possible first.

does not start.

hello I start by telling you that I really like your module, but I can't get it started. now I'll explain what I want to do. First I tell you that I use as modules "PageSelector" and time module "MMM-Openmapweather". I did as it said and I did all the things. but the best and that makes me see the normal screen, without background.how can I do? what should I do? what should i change? thank you for your kind reply. best regards mister hepler

source.unsplash.com deprecated

It looks like the website that this module pulls from has deprecated the api that it using. Is it possible to reconfigure this to use the current API? It looks like it needs a key, but it shouldn't be too bad for personal use with 50hits/day. I've tried to look into it myself, but I'm not strong enough in javascript to know how to modify this to handle the API JSON response. Thanks for any help with this.

EDIT: It may have been a temporary outage because it has started working again, but I have read that it will be deprecated at some point.

Images and seasons? #2

Hi @eouia, a couple of weeks ago I read "Images and seasons? # 1" and I went to work to see if I could get a code for it. Today I finished this code and I would like to share it with you so that you can use it in your module. The first thing I want to tell you is that if you do not want to do it (what I thought of the answers you gave in Images and seasons? # 1), I do not know how to create a new project or branch of yours. Therefore my proposal is for you to modify your code if it seems to you.
What the code that I propose does is the following:

Calculate the season of the year in relation to the months. It is not in relation to the exact date they start, but it is a monthly approximation, in my opinion quite good.
Modify the search keywords that are obtained from the information given by the different climate modules, in such a way that they add the word spring, summer, autumn or winter to what your code originally gets.
Redirect, based on these keywords, to collections already created on unsplash.com
In general these collections are divided into seasons of the year and day and night when the selection of photos was possible. Conditions such as hail or drizzle were hard to find. When it was not possible, the approach I think is also quite good.
Difference, through a configuration in config.js, between northern hemisphere (n) or south (s), to obtain the correct season of the year.
Collections should no longer be configured in config.js, since they would overwrite the default collections.
Since I can not paste the code here, it shows an incorrect format, I send you an attachment.
Search for word "check" into the code to see my adds.
// โœ“ means a satisfactory collection.
// x means a collection not so satisfactory.
Thats all. Thank you Sean for your wonderful module.

Edited: Bad file, some code mistakes. MMM-WeatherBackground.zip

Fixed code: MMM-WeatherBackground.zip

config.js

{
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",
source : "currentweather", // currentweather, MMM-NOAA3, MMM-DarkSkyForecast
defaultCollection: "featured", // If not assigned in collections, this will be used.
}
},

Weather module

Hi,
it's possible to connect this to actual "weather" module?
"currentweather" module has been deprecated.
Thank you

No Background Image being displayed

I am getting any background image. Below is my config.

{
module: "MMM-WeatherBackground",
config: {
targetDOM: "", //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
}
},

Image transparency?

Is there a way to change the background image transparency? I love this module idea but would like it to be a more subtle sort of background indication of weather conditions. The current view makes it very hard to make out my modules' text, even with the recommended changes to my css file.

Unable to set any custom collections for images

I maybe way out of date at this point, but it appears that there is no way for me to set this to point at my own custom collections within unsplash.

I would really love to be able to do this, but whenever I change the collections.json to point at my own collections, they are not pulled and instead I get random photos and no errors or any log information.

Reading through the readme, it seems as though connecting to my own collections was deprecated in 2019. Can you advise if this is the case? Additionally, if this is the case, would you either update the description and readme or permit me to do so?

Thanks

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.