Hey builders,

here is my second magic mirror which I worked on for quite a while:



Here are the config files (redacted).

Features:

• Dual Screen setup with one Raspi 4 B 4GB
• 180x60cm mirror (Mirropane Chrome Star II)
• 2 23,5" IPS Panels FHD
• LED Lighting down the back side (Alexa controlled)

Some key issues (feel free to ask me anything about this):

• finding a glue that holds 25kgs of Mirror
• making the frame white and good-looking
• finding a way to use two MM instances on two different screens (not that hard, I’m just a noob with programming)

The PIR Sensor will be hidden somewhere in the future.

I’m happy to help if someone has similar plans, just send me a message

Stay creative
Simon

I really enjoy the module
One thing I figured out and which might be nice to add to the git manual:

You can invert the colors of websites though CSS styling.
This will make white background black and looks nice at the mirror.

Add to your custom.css:

.MMM-EmbedURL {
  filter: invert(100%);
}

Enjoy!

I really enjoy the module
One thing I figured out and which might be nice to add to the git manual:

You can invert the colors of websites though CSS styling.
This will make white background black and looks nice at the mirror.

Add to your custom.css:

.MMM-EmbedURL {
  filter: invert(100%);
}

Enjoy!

Just be aware that TVs usually dont have good black values. You are looking for a contrast of at least 3000:1 if i remember correctly.
If the contrast is lower, you will see an outline of the screen. One way to get around this is to make the whole mirror the size of the TV.

If you need more functionality I can recommend Trello. It has a good integration module and is very customisable with their “if this than that”-AI called “butler”.

Might be too much if you only want a couple of checkboxes, though.

@Wenike It’s CalendarExt (first version). Works good once you know how to handle it.
I don’t know the CalendarExt2 version.

config (ugly but works):

{
			module: 'MMM-CalendarExt',
			position: "top_left", //anywhere. It is not related to real position of view
			config: {
	  			system:{
					show:['daily'],
					locale: 'de',
				},

	  			defaultView: {
					position: 'lower_third',
					dateFormat: "MMM Do",
  					fullDayEventDateFormat: "MMM Do",
					oneLineEvent: 0,
				},
	  			views: {
	  			},
          		defaultCalendar: {},
	  		calendars: [
				{
				name:"Hotmail allgemein",
				url:"firstcalendar.ics",
				styleName:"style2",
				},
				{
				name:"Hotmail Stundenplan",
				url:"secondcalendar.ics",
				styleName:"style2",
				},
				{
				name:"Feiertage",
				url:"thirdcalendar",
				styleName:"style2",
				}
	  		 ],
	  		profileConfigs: {},
			},
},

Hey Thomas,

works perfectly!
Thank you very much This expands the possibilities for my mirror sooo far.

Stay creative,
Simon

Hey coders,

first of all: sorry for asking a noob question. I’ve tried to tackle this on my own (including forum searches) but can’t find a way to approach the problem.

• The Challenge: Display the graph on this website.

• My solution so far: Use MMM-SmartWebDisplay. However, this gives me only this part:

• Config:

		{
			module: 'MMM-SmartWebDisplay',
			position: 'middle_center',	// This can be any of the regions.
			config: {
				// See 'Configuration options' for more information.
				logDebug: false, //set to true to get detailed debug logs. To see them : "Ctrl+Shift+i"
				height:"100%", //hauteur du cadre en pixel ou %
				width:"100%", //largeur
               			updateInterval: 0, //in min. Set it to 0 for no refresh (for videos)
                		NextURLInterval: 0.5, //in min, set it to 0 not to have automatic URL change.
                		displayLastUpdate: true, //to display the last update of the URL
				displayLastUpdateFormat: 'ddd - HH:mm:ss', //format of the date and time to display
                		url: ["https://docs.google.com/spreadsheets/d/1jYJ5Vvc4Z9PrL2gYqE8-1dKrQDe1bKIj3Lt6hwoyeFU/edit?usp=sharing"], 
   		   		//source of the URL to be displayed
				scrolling: "no", // allow scrolling or not. html 4 only
				shutoffDelay: 10000 //delay in miliseconds to video shut-off while using together with MMM-PIR-Sensor 
			}
		},

I somehow need to tell the module what part of the website I need, and that’s where I am currently stuck.
Any help is appreciated, please feel free to propose different modules/solutions if my way is dumb.
Also if you’re interested, here is my build.

Stay creative,
Simon

Hey builders,

here is my second magic mirror which I worked on for quite a while:



Here are the config files (redacted).

Features:

• Dual Screen setup with one Raspi 4 B 4GB
• 180x60cm mirror (Mirropane Chrome Star II)
• 2 23,5" IPS Panels FHD
• LED Lighting down the back side (Alexa controlled)

Some key issues (feel free to ask me anything about this):

• finding a glue that holds 25kgs of Mirror
• making the frame white and good-looking
• finding a way to use two MM instances on two different screens (not that hard, I’m just a noob with programming)

The PIR Sensor will be hidden somewhere in the future.

I’m happy to help if someone has similar plans, just send me a message

Stay creative
Simon