This is the License statement of the magicmirror2

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to >deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell >copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
’
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
’
The software is provided “as is”, without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, >fitness for a particular purpose and noninfringement. In no event shall the authors or copyright holders be liable for any claim, damages or other >liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the software.

Read the document here : https://github.com/MichMich/MagicMirror/blob/master/LICENSE.md

So yes it is legal. But if you make money of your mirrors you should consider at least donating some money to the project :
https://www.paypal.com/donate/?token=bmbFjLTRPe__0m1cO247cFIOSReRpKLtBS_d0XziqqX5csoYuoTQboJF7TXDeD_0MtsC0G&country.x=NL&locale.x=NL

@artomka

The folderpath isn’t correct.

This is the easiest way to test your font :

Copy the font FivoSans-Medium.woff directly in to your css folder.
then change the url to url("FivoSans-Medium.woff") format("woff");

@sdetweil said in Compliments - Multi Line not working?:

@noisedoctor I do not know. I don’t see how it ever worked. The field used does not interpolate the text. Just presents it as is.

I opened an issue, and logged the correction as a regression somewhere along the way

The \n gets converted to a whitespace in the textNode. And then the css pre -code converts every whitespace to a row break. It works on my setup, and probably more. Why it doesn’t on OPs setup is however beyond me.

@cookblook The MM2 is a webserver, more or less.

Take a look at MMM-Syslog (https://github.com/paviro/MMM-syslog)

@ember1205 yes, the config options are for the entire module not individual calendars.

These are the options you can change for each calendar entry : https://github.com/MichMich/MagicMirror/tree/master/modules/default/calendar#calendar-configuration-options

You have placed config options within the calendars array, that is why it uses the default options.

{
                        module: "calendar",
                        header: "Shared Calendar",
                        position: "top_left",
                        config: {
                                                maximumEntries: 25,
                                                wrapEvents: true,
                                                fetchInterval: 900000,
                                                fade: false,
                                                fadePoint: 1,
                                calendars: [
                                        {
                                                symbol: "calendar-check",
                                                url: "https://calendar.google.com/calendar/ical//basic.ics"                          }
                                                /*url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"                                     }*/
                                ]
                        }
                },

@Fifin404 I can with high probablity tell you that he didn’t get it to work. Why? Because I havr used the dame type of touch foil he links and it Doesn’t work when placed beneath something that is metallic (which a mirror coat usually is).

There is multiple virtual/on-screen keyboards for linux,

Maybe :
https://www.youtube.com/watch?v=bmLh92UNMX4

@GoodWillGustin The background image can’t change transparency with css, you either add background color to the modules above (that’s probably what sean means with the css tip at the bottom of his readme).

You can change the transparency of that entire module, but any text etc would also get affected.

.MMM-WeatherBackground {opacity: 0.5}

@Newbie007

It is

.modulename

Case sensitive

So if nothing is changed for the deafult helloworld module it is

.helloworld

@pogges okey, so .week wasn’t in your version.

Thesw are tha classes that are defined

textWrapper.className = "align-left bright large light";
timeWrapper.className = "time bright xlarge light";

There is no classes in MMM-CountDown that is called .event .date or .daysLabel

There is .time and .week

.MMM-CountDown .week{
color: yellow;
}

.MMM-CountDown .time {
color: orange;
}

@rvk1983 If your main goal is to use it as a mirror, you Do want glass, there is no discussion, a glass mirror will give you the best reflection.
The next best thing is acrylic, the downside with acrylic, mostly on larger areas, are that it’s soft and does tend to flex which if you are not careful will result in a funhouse mirror effect. But as long as you make sure it doesn’t flex, it will work just fine.

Reflective film is super difficult to apply without getting bubbles, creases or dirt caught in it. Even the tiniest defect will show.
But it’s cheap.

when it comes to choosing the light transmission (that is the factor that decides how much you will see through the mirror coating) there is no perfect option, you have to consider where it will be placed, i.e light sources near the mirror, the contrast of your screen etc etc. All to minimize the backlight shining through the dark areas.

Another thing to think about when using TV’s instead of monitors is that TV’s doesn’t always “go to sleep” when the hdmi output of the computer is turned off, instead it displays a “no signal” message, which can be annoying.

https://www.howtogeek.com/194642/understanding-the-load-average-on-linux-and-other-unix-like-systems/amp/

@jimboh1978 this has been asked multiple times in the forum (maybe we should add this at the top in the css forum).

But anyways, you adjust the body margin and width/height
(This will be added in the custom.css file, and not altered in the main.css)

This will add a 100pixel border around the entire screen

body {
  margin: 100px;
  height: calc(100% - 200px);
  width: calc(100% - 200px);
}

This will add a 100pixel border on the sides and 50pixel border on top and bottom

body {
  margin-right: 100px;
  margin-left: 100px;
  margin-top: 50px;
  margin-bottom: 50px;
  height: calc(100% - 100px);
  width: calc(100% - 200px);
}

Notice that you always have to subtract the totalt border width (left+right) and/or height (top+bottom) to get to display properly.

Raspberry Pi3 is minimum 2.5A to work well, the more usb stuff you use, the more power is needed.

Look into : https://learn.adafruit.com/synergy-on-raspberry-pi

@noisedoctor Okey, so thats not the issue.

Is the json-file saved in utf8 (and not in ascii)?
Are you running on the mirrors electron browser or are you viewing it on a different browser?

@Vauxdvihl

It is, nevermind the above post then.

but do try the !important addition, it is sometimes needed when the size is defined in the document and not in the css files.

It works as intended on my setup, so I don’t think it’s a issue for everyone.

Can you check so you are not missing

.pre-line {
  white-space: pre-line;
}

in your main.css file (or if you have overwritten it in your custom.css file)