@dobi See you can do it! Great job and glad that it all worked out for you! :) This is what this project is about…learning.

NOW you can make your mirror your own by showing information that you want and/or need to see…

@sdetweil WOW this is really AWESOME!!! Very much needed!!

Awesome job!!!

Thank you Sam!!!

@dmolony I running both on Brave Browser so at the moment I have tabs set up one for each and when I want to look I change out of full screen mode and look.

Yes I know, NOT very practical but it does work for me because my MM install really isn’t made to be seen other then the other mirrors I have set up in my house and the ‘server’ is really for HA as it’s a 32" touch screen.

I just have it installed that way because my ‘server’ is a mini-ITX that runs a real CPU and 8 gigs of ram :) Some of my modules for MM cannot run on a pi as to get my data it’s very taxing soooooooo… a mini ITX it is :)

@harney This is very cool! Are you offering the STL’s for printing? That would be great!

@moriarte You can but what I did is install it on the same server as HA and run it on its own. I did that so I can run HA and MM which I can then display either or on my bathroom mirror. ;)

I didn’t want MM running with HA, I wanted them independent of each other.

@djboob66 anywhere outside the config section ie…

{
        module: "Alerts", 
        config: {
          css: "2",
          sec: true
        },
        disabled: false,
        position: "middle_center"
      }, 

OR

{
        disabled: false,
        module: "Alerts",
        position: "middle_center"
        order: "1",
        config: {
          css: "2",
          sec: true
        }, 
      }, 

Either way works ;)

@mykle1 That sir is the weather module I built for my own mirror :) It’s never been made public… it’s all one module. Thanks for noticing!

@sdetweil Thanks Sam! Sometimes you look at something too long and you just can’t see the answer LOL

I’m trying to line this drink module up a little better so it lines up either left or right no matter where it is…

Here’s the css but just can’t seem to get this to line up correctly… a little css help would be greatly appreciated… ;)

CSS:

.MMM-Drinks {
   width: 300px;
   padding-top: 20px;
}
.MMM-Drinks li {
	display: table;
	font-size: 15px;
}
.MMM-Drinks .title {
	color: white;
	font-size: 16px;
	line-height: 99%
}  
.MMM-Drinks .column {
    color: white;
	font-size: 15px;
	line-height:95%;
}
.MMM-Drinks .instruct {
	color: white;
	font-size: 16px;
	line-height: 99%;
	width: 60%;
}