MMM-forecast-io -- Localized up to the minute weather

dmcinnes

@shavesophere thanks! You can add the ‘small’ class to the module’s classes in the config.js.

dmcinnes

I’ve just pushed an update to the module. Previously if there was a network error the module would get “stuck” and no longer update. This is now fixed!

[card:dmcinnes/MMM-forecast-io]

shavesophere

@dmcinnes forgive me I’m a noob when it comes to classes in javascript… you you be so kind as to post the code that needs altering?

dmcinnes

@shavesophere sorry I wasn’t too descriptive!
Here’s the example from the repo with the added ‘small’ class, forth line from the top:

  {
    module: 'MMM-forecast-io',
    position: 'top_right',  // This can be any of the regions.
    classes: 'small',
    config: {
      // See 'Configuration options' for more information.
      apiKey: 'abcde12345abcde12345abcde12345ab', // Dark Sky API key.
      // Only required if geolocation doesn't work:
      latitude:   16.77532,
      longitude: -3.008265
    }
 }

Hope that helps!

shavesophere

@dmcinnes ah i see! much obliged. keep up the good work!

Rian9771

Hello, has something changed to this module? I have clones the repo twice but i still don’t see the graph being displayed. Did ‘git checkout weather-forecast’ as mentioned but still a no go. I can see everything else but the graph. I am on debian, node serveronly, Firefox.

dmcinnes

Hi @Rian9771 the rain graph only appears when there’s rain happening in the next hour.

phrazelle

Hello! Thanks for your time with this module!

I would like to customize the weather icons. I am able to change the overall color of the icons with CSS, but taking that a step further, is there a way to alter sections of the icons instead of the icon as a whole?

I.e. wi-day-cloudy with an orange sun poking out from a grey cloud.

I see that the icons are pulled from the erikflowers github repository, but I don’t see where they are pulling from within the module. Based on most of these weather modules using the same iconset, I’m guessing they’re being pulled from that repo directly.

My initial thought was to extract from the module, recolor with Photoshop and then replace the icons in the module. Is that possible? Would I just make a whole new set, store locally and change the path somewhere in the JS?

strawberry 3.141

@phrazelle the css is located in the magicmirror vendor folder

phrazelle

@strawberry-3.141 Thanks for the info!

After looking through there, it looks like the module pulls the icons as a font file. I believe that would mean that CCS customization would be overall to each displayed character. So there would be no way to color segments of each character (like an orange sun poking out from a grey cloud) because the stylization would apply to the character as a whole.

Am I assessing at that correctly?