See the weather.njk where it calculates the icon from the f.weathertype

see the calendar module readme https://github.com/MichMich/MagicMirror/blob/master/modules/default/calendar/README.md#calendar-configuration-options

@sdetweil ok got it. Was just trying to figure out how to adjust screen brightness like I would with the app. makes sense

@bhepler This worked, thank you!

OK my bad, I had not approved the connection on pi-hole.

@Niggich sorry, I don’t know anything about the api’s other than what they documented, and I don’t have any of the hardware…

@cherrero said in How to create a working config. For absolute beginners.: You are my HERO! Thanks a lot Uhhh . . . ok! :-) You are very welcome. Have fun.

Ok, I solved it temporarily by using unencrypted http and port 5000.

The newsfeed across the bottom of my (mostly-default) Magic Mirror overlaps the time and date element in the bottom-right corner. I’d like to move the newsfeed maybe 30 pixels further up my monitor. How would I do this? Thanks for your time.

@Serge ok, so you changed the magicmirror config to use port 80 inside the container your run command -p should be -p host_port:container_port so -p 80:80 requests to the host port 80 are forwarded to the container port 80 to make sure that MM in the container is working do docker inspect 37638fe6e1d0 | grep -i -m 1 \"ipaddress and look for the ip address assigned to the container should be "IPAddress": "172.17.0.??? ??? is most likely 2 then use your local system browser to go to http://172.17.0.???:80 skipping the port forwarding

A short update: I was able to move the modules manually using css. It seems to work but it’s not an elegant solution. Any ideas/suggestions how to do it right? [image: 0_1558509939513_Screenshot 2019-05-21 at 23.30.34.png] tml { height: 1080px; width: 1920px; } header { text-transform: uppercase; font-size: 26px; font-family: "Roboto Condensed"; font-weight: 600; border-bottom: 1px solid white; line-height: 15px; padding-bottom: 5px; margin-bottom: 10px; color: cadetblue; } body { margin: 10px; position: absolute; height: 1080; width: 1920px; background-color: rgba(214, 214, 214, 0.8); background-repeat: no-repeat; /*background-size: 1920;*/ font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 2em; line-height: 1.5em; -webkit-font-smoothing: antialiased; } .region.top.left .container .module.currentweather { width: 400px; height: 250px; position: absolute; left: 90px; top: 90px; background-color: rgba(20, 102, 186, 0.5); /*kek*/ } .module.clock { width: 400px; height: 400px; position: absolute; left: 760px; top: 90px; background-color: rgba(80, 196, 0, 0.5); /*zold*/ } .region.top.right .container .module.MMM-SL-PublicTransport { width: 400px; height: 500px; position: absolute; left: 1490px; top: -00px; background-color: rgba(20, 102, 186, 0.5); } .region.bottom.bar .container { width: 1740px; height: 310px; position: absolute; left: 90px; top: 680px; background-color: rgba(247, 173, 236, 0.5); /*magente*/ }

@sdetweil said in MagicMirror uninstall/removal: the script checks for node and npm and installs them first… the product script does this too, but the npm side was removed from the support the script uses… This is why you’re the king! :thumbsup:

@ruhulayaan what modules do you have installed that make sound?

Please disregard all above. I guess I was not holding my mouth right when I tried it before. Working as you said. Thanks again

@BKeyport Like this? [image: 0_1558339634599_transform.png] You can do it with MMM-CalendarExt2 (MMM-CalendarExt could also do that but with different mechanism) With MMM-CalendarExt2, you can transform data of event before display it. transform: (event)=>{ event.icon = "fa-solid:user-secret" event.title = "My Secret" return event } See https://github.com/eouia/MMM-CalendarExt2/wiki/Filtering-and-Sorting#transforming

I’m not familiar with how a PWA works so I’m not quite sure what you are asking here. Are you saying that you have a PWA running that has a valid ssl encryption and you want to send requests from the PWA to your magic mirror, but they are being blocked due to mixed content policies? What happens when you request to the magic mirror that is using the unsigned certificate? A wildcard certificate handles subdomains so if you wanted to use the same certificate you would need to point a subdomain to your magic mirror.

@sdetweil finally, thank you very much

@sdetweil - thank you! I wound up reinstalling it and it seems to be taking my edits. I appreciate the help!

Here’s an update with an even better fix! While beginning my journey into custom css, I quickly came across another fix to the poor graphics of a vertically rotated screen. In my opinion, this fix is even better than using xrandr because this fix saves a ton on performance, results in a look just as good as using the screen in its native horizontal look, and once you implement it, it will stay implemented. All you have to do is copy and paste the following to your MagicMirror’s custom css: body { margin: 0; position: absolute; transform: rotate(90deg); transform-origin: bottom left; width: 100vh; height: 100vw; object-fit: cover; top: -100vw; visibility: visible; } There you go, just like that you’re set. The custom css of modules may have to be edited as well to make it work but that’s a small price to pay for a much better finished product. Credit where credit is due, I found this fix right here on the forum!