MMM-IronManGIF

2hdlockness

Nice gifs (8) on the theme of IronMan for your MagicMirror.

MMM-IronManGIF

By adapting the custom.css, you can overwrite this module with the default clock module to get a pretty cool effect.

doctorfree

Pretty cool! What is your CSS to get the clock overlay?

2hdlockness

Hello @doctorfree and thx
In my config.js :

{
  module: 'MMM-IronManGIF',
  position: 'middle_center',
  config: {
    style: 1,
    maxWidth: "100%"
  }
},
{
  module: "clock",
  position: "middle_center",
  config: {
	clockBold:false,
	displayType:"analog",
	analogSize: "295px",
	analogFace:"face-006"
  }
},

and in my custom.css :

.module.clock {
  margin-bottom: 100px;
}
.MMM-IronManGIF {
  margin-bottom:-364px;
}

My MagicMirror is set to portrait mode.
If you use it in landscape mode you may need to play with the values of the margins.

doctorfree

That works nicely, thanks. However, it only works in some positions and others will require different css settings. But, for now, I am pretty happy with this overlay of modules. It’s cool.

Possibly at some point in the future I might try integrating the clock into the IronManGIF module with an option to display it. That way it the clock and the gif would be occupying the same geometry. Or, maybe that’s too much work just to be able to easily switch positions. Anyway, thanks!

doctorfree

I’ve submitted a pull request at https://github.com/2hdlockness/MMM-IronManGIF/pull/2

This pull request adds two config settings, rotate and updateInterval. The rotate config parameter is a boolean that controls whether the module should rotate through the gif images. The updateInterval config parameter is an integer that specifies the duration of display of the current image in milliseconds. Defaults for these new config parameters are false and 300000 (5 minutes) respectively.

This is accomplished by adding a scheduling function that sets the update interval using setInterval()

Let me know if you would like further clarification on the implementation or if I need to modify the pull request in any way.

adel51

VERY Nice !

Tx