You should be able to just load the module twice with different configurations.

The url to the file is set in the configuration with fileUrl

So basically add more of the same module in the config.js file but change the fileUrl in each one (and the position)

@joeytuck

Okey first of, when in your terminal typ cd MagicMirror/modules/ this will get you directly to your modules folder.

after that you should type git clone https://github.com/SamLewis0602/MMM-Traffic.git
This command will create a new folder called MMM-Traffic and copy all files for the module.
When that is done you typ
cd MMM-Traffic to enter the MMM-Traffic folder.

When you have done that and are in the folder you type npm install, this will install all dependencies, i e stuff that is needed for the traffic module to work.

Then open your config.js file and find the last ]

Before that ] you add

{
	module: 'MMM-Traffic',
	position: 'top_left',
	classes: 'dimmed medium', //optional, default is 'bright medium', only applies to commute info not route_name
	config: {
		api_key: 'your_apikey_here',
		mode: 'driving',
		origin: '4 Pennsylvania Plaza, New York, NY 10001',
		destination: '1 MetLife Stadium Dr, East Rutherford, NJ 07073',
		arrival_time: '0800', //optional, but needs to be in 24 hour time if used.
		route_name: 'Home to Work',
		changeColor: true,
		showGreen: false,
		limitYellow: 5, //Greater than 5% of journey time due to traffic
		limitRed: 20, //Greater than 20% of journey time due to traffic
		traffic_model: 'pessimistic',
		interval: 120000, //2 minutes
		showWeekend: false,
		allTime: false
	}
},

Now you need to change the api key above where it says api_key: 'your_apikey_here',

replace your_apikey_here with the needed api key and make sure not to remove the ' around the api key.

Add the following to you custom.css file (after the body { } part)

.calendar .small {
  font-size: 15px; 
}

@Wurzelxquadrat

.compliments .bright {
color : #ff0000;
}

Yes, remove them from the config and delete the folders.

If someone is having troubles getting a proper mirror in Sweden, get to a local Glass-company and ask if they buy glass from Pilkington. If not, try another company.

If they do, get them to order the Pilkington Mirropane Chrome for you.
(https://www.pilkington.com/sv-se/se/produkter/funktionsomrade/specialglas/pilkington-mirropane-chrome#allmnt)

I received mine a couple of days ago from the local glass-company (Nöjds glas i Åtvidaberg),
120cm x 60cm, 6mm thick. cost me 1500Sek (that would be around 150 Eur depending on the currency rate).

It’s a 20x better mirror than the crappy foil I first ordered, I’m really happy with the glass.

Edit : Pilkington also has their MirroView glass with higher light transmission.
(The mirropane has 3%, the mirroview has 20% and 45% light transmission. 3% could be slightly dim in bright rooms)

@letmetakeaselfie

You have one punctuation mark to much

Only two . . not three …

../fonts/Yourfile.ttf

If you add your font file in the CSS folder you can use just the filename without any folder pathways

Yourfile.ttf

And you can skip the local part, just use the url

And another issue, you are using smart qoutes in the code, that doesn’t work. Turn of smart quotes in your text-editor.

Notice the difference

Wrong
“DancingScript-Regular”
Correct
“DancingScript-Regular”

Yes!!

I volunteer, since this forum is on my daily browsing routin (on slow days checkin more than one time a day) I think I can clean up spam quite quickly.

@Thomas

you are missing { }, around the fuel module

should look like this

            {
                    module: "MMM-Fuel",
                    position: "top_left",
                    config: {
                        api_key: "",
                        lat: 52.518611,
                        lng: 13.408333,
                        types: ["diesel"],
                        
             },

And btw, don’t give out your API-key, remove it when you post config files

@Anthony_Haddad

Add

body {
  margin-bottom: 60px;
  height: calc(100% - 60px);
}

To your custom.css, that will remove all space to the bottom edge

Using a ready-made touchscreen won’t work behind the glass (you don’t really wanna use foil for this).

either you go for a capacitive touch foil mounted on the inside of the glass or an IR-frame mounted on the outside around the glass.

The IR frame is the cheapest way to for touch functionality, the touch foil slightly more expensive, especially if you go for a bigger sized screen (30"+).

the voice control is probably the easiest and cheapest controller for a mirror to implement thanks to all the voice modules!

@txajay they are only as big as the modules, they change after the content. You have to specifically add width/height to the regions to make it work like you intend.

If a div is empty it doesn’t take up space.

It’s a loading issue, if you update the page (f5 in your browser) it should appear in full, at least it does for me almost everytime. When it doesn’t I just rightclick and select show picture

And I think there is a option in the forum settings that sets if you want pictures loaded or not

@Thomas

try to remove the dots under types: [“diesel”],

I’m Swedish btw.

@jag Had time to change my answer after a google search, sorry. we are on the same page :D

That is the monitor doing that, some monitors does that and there is probably nothing you can do about it other than to change monitor, sry.

@Peter We need to see your custom.css if we will have any chance at all to help you.

why not connect it to your own network first and when ready just connect it to hers ?

open fr.json in the folder languages, add

"DAYAFTERTOMORROW": "Après-demain",

under teh section that says calendar

@impuislupus think there is a } missing after the last maxCharacters row