I was able to get it working for the new “Title” Option of the MMM-Wallpaper module.

.MMM-Wallpaper .title {
  left: 60px;
  top: calc(100% - 80px);
  font-weight: 200;
  font-size: 14px;
  line-height: 25px;
  mix-blend-mode: difference;
  color: white;
}

The browser used supports it.

For me it seems that for the clock the browser does not “see” the picture underneath the clock text. Not sure if this helps anyone to help me point out the problem.

Hello,

I have a picture frame (no mirror). Kind of a family board. With MMM-Wallpaper I have a bing picture of the day in the back. Looks awesome.

The digital clock sits on top of the picture. I would like the color of he clock be sensitive to the backgound image. Text should be inverted. I googled and found this.

I cant get it to work.

.clock div.time.bright.large.light {
  mix-blend-mode: difference;
}

For the blue background white works, but imagine a more lighter picture in the back. You get the idea.

Someone a clue?

BTW. What browser is used by the MM^2? I am using the mitako image.

Regards
Ralf

For my curiosity. What is the use case behind here? What is the content of that text file?

I created a fork and a pull request with all necessary changes.

Awesome. My next enhancement … .

@mrmidi Thank you very much. This goes into the desired direction.

I have installed dotenv and added

var localConfig = require('dotenv').config();

If I do so starting the MM it shows missing config file.

Any ideas?

True. There is always an easy solution. Disadvantage is here you dont have versioning. GIT is a great tool. Why not using the advantage of it?

Hi guys,

Yesterday I lost all my configuration bc my editor broke the file. Thats a pitty. It cost me a day to get it back working bc I use a lot of complicated modules e.g. like the openhab floorplan.

That got me thinking.

Config.js is typically not committed to git because of all the secret stuff like apiKeys for google, darksky, your lat/lon of your house which you might not want to share via github.

How you guys are doing this? Having version control, but not publicly visible. Ok, I could pay github, or have a own server set up for my privat git. But sharing back with the community your own enhancements of the core system gets difficult.

I thought about a simpler solution.

What about splitting the configuration into two files:

config.js

var config = {
...
   { ...
// instead of 
      apiKey1 = „my secret key“,
// we do
      apiKey = this.secrets.apiKey1,
   }

And we sum up all the secrets like lat/lon/apikeys in a dedicated file

secrets.js

var secrets = {
   apiKey1 = „MySuperSecretApiKey1“,
   Latitude = YouMustNotKnowWhereILive,
   ...
}

The secrets.js file must be read somehow by the core system and the this.secrets must be populated.

And it would be downward compatible. If you dont have a secrets.js you are good to go as well.

config.js could go in a public version control system and only secrets.js would stay in .gitignore.

Is there an easy way to do this on my own? Some sorr of an „include secrets.js“ statement in javascript. Kind of bash like „source anotherBashScript“. I am new to JavaScript. Sorry if this is a silly question.

Looking forward to your feedback.

Regards
Ralf

Search for MMM-forecast.io here in the forum.

Should be easy do adapt. I can check if the height is currently fixed or exposed in the config.js.

You had the plugin before?

Have you done this after switching to my fork? It should install chart.js as a dependency.

npm install

I hope this solves your problem. Let me know.

I forked the MMM-forecast-io module and did some changes. You can find my fork here. I need still to clean up a bit and expose some options to the modules config section.

If you try it, please do let me know what you would like to have changed.

Hi,

thanks for pointing me to that module. I liked the modern view of the bars for min/max temperature.

I was missing the rain probability and the hourly graph I wanted to be more modern.

This is what I came up with

I hope you like it.

Ralf

Hi guys,

I like the concept of the bars for the min/max temperature very much. I wanted the look of the hourly temperature graph a bit more more modern and slick.

I sat down today and did some code magic. I am surprised how it went. The magicmirror is the first javescript project. So bear with me.

This is how it looks now.

I created a fork which I will clean up a bit in the next weeks. Today I am glad it works at all ,-)?

Enjoy.

Ralf

Hello,

I saw this weather plugin in the excellent post of user iamtyce

I would like to know which modul this is? Or is this done via custom.css? I am interested in the “bars” fro min/max temperature.

Hi guys,

I added a feature to show devices in different color. I created a pull request with all relevant changes.

Enjoy.

Thanks for this cool plugin.

Ralf

What modules did you use for weather and commute. You mentioned you list them, but I am missing the list.

Hey guys,

I wanted to have the top colums split 40/40/20 and the bottom 50/50 (no center).

I am new to CSS, so please be patient.

I tried in custom.css the following (without success). The bottom works out fine, but the upper part the left and middle column are overlapping.

Any help is much appreciated. Thanks.

body {
	margin: 30px; /* Less margin */
 	height: calc(100% - 60px);
 	width: calc(100% - 60px);
}

header {
	text-transform: none; /* No Capitals in the Header */
}

.region.top.left {
	width: 37%;
}

.region.top.center {
	width: 37%;
	left: 0%;
	-moz-transform: translateX(0%);
	-o-transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.region.top.right {
	width: 13%;
}

.region.bottom.left {
	width: 47%;
}

.region.bottom.right {
	width: 47%;
}

I like your setup. Thanks for sharing.

Those two monitors are driven by one Pi? Or one each?

Hello,

love the MM. Thanks for making it so easy to install.

I have trouble with the calendar module. I am using an iCal Weblink. Loads as a charm. But when MM keeps on running it seems the calendar entries seem not to be updated. The time behind one entry is updated, but when the topmost entry e.g. is approaching it does not drop out. It is still in the list and the time shows “how long it was from the past” (abs(dateOfEntry - now)).

Restarting the MM helps, but doing this once a day seems not the intended way to solve this problem ,-).

Any hints?

Kind regards.
Ralf Klüber