Total Newbie 24" MagicMirror (Munich, Germany)

[thedoorsfanatic]

Thank you, I appreciate it!

The weather modules are both default but I changed the icons to animated ones:
https://www.amcharts.com/free-animated-svg-weather-icons/

[zdenek]

@thedoorsfanatic hi, can you please share details, how to change icons? Just replace files in folder? How you make the “hw” - frameless mirror?

thanks
Zdeněk

[thedoorsfanatic]

@zdenek
I downloaded the animated icon set from amcharts and copied them to a folder named “icons” in the css folder. Then I made changes to my custom.css.

For example:

.currentweather .wi-day-sunny {
content: url("/css/icons/day.svg");
}

.weatherforecast .wi-day-sunny {
content: url("/css/icons/day.svg");
height: 48px;
margin-top: -6px;
margin-left: -6px;
} *

* Change these numbers depending on your layout

[zdenek]

@thedoorsfanatic great, thanks

and how did you made frame-less mirror? there is no frame …

thanks, Zdeněk

[thedoorsfanatic]

@zdenek
I just glued the mirror to the edge of the monitor with this Pattex:
https://amzn.to/2XyGVbj

Newbie style :relieved_face:

Since the glass is just 4mm thick it is not that heavy

[zdenek]

@thedoorsfanatic ok, so another question - how did you “glue” it on the wall?

[thedoorsfanatic]

@zdenek

Again, pretty simple, with this: https://amzn.to/2C7513z

[zdenek]

@thedoorsfanatic great, thanks

[thedoorsfanatic]

You are welcome !

[ejay-ibm]

@zdenek Very nice looking and result.

As often in mirror showcase, the back is not shown ( yes that’s often the ugly part as well I know :) ) but I think it is interesting to see how all hardware are implemented in the back .

Would you mind to share some pictures of the back ?

Thanks