This may be a stupid question , but . Why not just use the MMM-iFrame Module since the information is already provided /served from a webserver within the Arduino? You can change the size of the iFrame that displays the Url so that it can be small and take up just a little of the magic mirror or large and fill the mirror. Since you will not be touching the screen to change or interact with the data.

@Stoffbeuteluwe Is it possible to get this working without the MMM-Pages and MMM-page-indicator?

So you just pulled the static images from that USNO site and have them stored locally on the Pi. Then just call each static image as the phases of the moon change. Correct? With this approach it hardly seems like we are missing anything by not connecting to the USNO site and downloading them.

Since the Red Can graphic was added to the github repository my MagicMirror update-notification module indicates an update is needed to the MMM-DumpsterDay module. This made me think that it would be good to add the update process to the github repository instructions.

I just did a
git fetch and then a
git pull

from within the MagicMirror/modules/MMM-DumpsterDay sub directory and that updated the module.

Similar situation here. Magic Mirror works and modules load on screen and then MMM-Pages takes over and switches to Page 1 as denoted by the circles at the bottom of the page. The screen does not display the modules after that.

Installed MMM-AlexaControl
MMM-Pages
MMM-page-indicator

Modified my config.js and checked it with npm run config:check.

No syntax errors

Alexa fails to find any new devices when using discovery through Alexa App or voice request “Alexa discover new devices” - Reports no new devices found. Same with app.

Here are the relevant entries from my config.js

{
			module: 'MMM-AlexaControl',
			position: 'bottom_left',
			config:{
				image: true,
				pm2ProcessName: "PM2",
				vcgencmd: true,
				pages:'3',
		}
		},

{
            module: 'MMM-pages',
            config: {
            modules:
                [[ "DarkSkyForecastforecast", "Lunartic"],
                 [ "DumpsterDay", "clock","calendar","updatenotification"]],
            fixed: ["MMM-page-indicator"],
            rotationTime:"0",
        }
        },

{
        module: 'MMM-page-indicator',
        position: 'bottom_bar',
        config: {
            pages: 3,
        }

I set up my config.js to todays date (for testing) so that I could see the trash can icons show up. The format that one needs to use is Day.Month.Year on the
basicStartDate:
plasticStartDate:
landscapeStartDate:
lines

Here is my config.js which does display the cans as it should.

		{
	module:"MMM-DumpsterDay",
	position:"bottom_bar",
	config: {
		refreshInterval: 18000000, // Default: 18000000 = 5 hours
		pulse: true, 			   // Default: true - Makes the module pulsating

		enableBasic: true, 				// Enable basic trashcan 
		basicStartDate: "11.11.2019", 	// The first dumpster day (Always use 2 digit dates (01 instead of 1))
		basicDateDiff_1: 7,			// Trashday reoccurance - Default: 14 (every 14 days)
		basicNotifyDayBefore: true,		//Default: true - If you want the notification to appear also the day before the dumpster day
		
		enablePlastic: false,			// Same values as basic but for Plastic
		plasticStartDate: "11.11.2019", 
		plasticDateDiff_1: 28,
		plasticNotifyDayBefore: true,	

		enableLandscape: true,			// Same values as basic but for Landscape
		landscapeStartDate: "11.11.2019",
		landscapeDateDiff_1: 14,		
		landscapeNotifyDayBefore: true,
		}		
		},

When I change the dates to the 13th of this month then the trash cans are not shown as they should not be shown until the day BEFORE trash day and the DAY of trash day. Which would be tomorrow and the day after.

@DeanoNoire Ahh , thats what is causing the issue.
US Format is Month:Day:Year and not
the European Standard Day:Month:Year.

@DeanoNoire Just saw that! Thanks!
Error in spelling of the word clone in the instructions. Its spelled colne.

Just FYI.

@DeanoNoire Thats not how the default dates in the MagicMirror/config/config.js were listed from what I recall. They were/are MM.DD.YYYY.

Here is the sample entry that is on the github repository and it lists 24.10.2019 which has to be MM:DD:YYYY. There is no 24th month. :)

enableBasic: true, 				// Enable basic trashcan 
	basicStartDate: "24.10.2019", 	// The first dumpster day (Always use 2 digit dates (01 instead of 1))
	basicDateDiff_1: 14,			// Trashday reoccurance - Default: 14 (every 14 days)
	basicNotifyDayBefore: true,		//Default: true - If you want the notification to appear also the day before the dumpster day
	
enablePlastic: true,			// Same values as basic but for Plastic
	plasticStartDate: "16.01.2019", 
	plasticDateDiff_1: 28,
	plasticNotifyDayBefore: true,	

	enableLandscape: false,			// Same values as basic but for Landscape
	landscapeStartDate: "29.10.2019",
	landscapeDateDiff_1: 28,		
	landscapeNotifyDayBefore: true,

What I have yet to figure out is how to get the basic trash can and the landscape can to be shown with less space between them. It appears as if there is enough space between those 2 cans to show the recycle can and since its set to false it is not shown onscreen , but there is a blank space between the cans for it to fit.

I want the 2 cans centered and with less space between them.

Here is the current spacing
DropBox Link

@mrdenmark So I take it that worked as intended? :)

You are welcome. I have just been focused on getting this module to work. Trash day is in 2 days. LOL!

Hopefully we can have @DeanoNoire add the red trashcan to the github repository under images just in case someone else wants that color for thier trash can as well.

I have learned alot during the process to get this module working.

1. Getting only 2 of the cans to show up.

One must set all of the cans to true and adjust the dates within the MagicMirror/config/config.js file the very first time and save the file.

So these lines must be set to true
enableBasic: true,
enablePlastic: true,
enableLandscape: true,

Then launch MagicMirror. Then shut down MagicMirror and change the can or cans that one does not want to be shown on screen by changing the setting to false.

For instance,
enableBasic: true,
enablePlastic: false,
enableLandscape: true,

Save the file and restart MagicMirror. This will display the cans selected.
Strange behavior , but thats what I found.

I also needed to change the date on each of the cans within the same MagicMirror/config/config.js file

basicStartDate: “11.13.2019”,
plasticStartDate: “11.13.2019”,
landscapeStartDate: “11.13.2019”,

to reflect the same dates . If I left
plasticStartDate: “11.13.2019”,

as the default date then the recycle nor the landscape can would show up.

2. Changing the size of the cans. Initially the can size on my MagicMirror were way too big and I needed to modify the

MagicMirror/modules/MMM-DumpsterDay/MMM-DumpsterDay.css file.

I changed the value for height from 120 px (I think this was the default size -maybe 200px) to 70px and that turned out to be a good size.

.basicDiv{
	height:70px; // I changed this line to 70px
	width:20%;
	background-image: url(imgs/basic.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	overflow: auto;
	display:inline-block;
}

.landscapeDiv{
	height:70px;  // I changed this line to 70px
	width:20%;
	background-image: url(imgs/landscape.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	overflow: auto;
	display:inline-block;
}


.plasticDiv{
	height:70px;  //I changed this line to 70px
	width:20%;
	background-image: url(imgs/recycle_yellow.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	overflow: auto;
	display:inline-block;

Save the file I uploaded (right click -Save Image As) to this directory MagicMirror/modules/MMM-DumpsterDay/imgs

Then change your MagicMirror/modules/MMM-DumpsterDay/MMM-DumpsterDay.css file so that it has this entry

.basicDiv{
	height:70px;
	width:20%;
	background-image: url(imgs/basic_red.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	overflow: auto;
	display:inline-block;

Give me a few minutes and I will try and fill the one that is white with a red color.

@mrdenmark
Try this setup in your MagicMirror/config/config.js

enableBasic: true, 				// Enable basic trashcan 
		basicStartDate: "11.11.2019", 	// The first dumpster day (Always use 2 digit dates (01 instead of 1))
		basicDateDiff_1: 7,			// Trashday reoccurance - Default: 14 (every 14 days)
		basicNotifyDayBefore: true,		//Default: true - If you want the notification to appear also the day before the dumpster day
		
		enablePlastic: true,			// Same values as basic but for Plastic
		plasticStartDate: "11.11.2019", 
		plasticDateDiff_1: 28,
		plasticNotifyDayBefore: true,	

		enableLandscape: true,			// Same values as basic but for Landscape
		landscapeStartDate: "11.11.2019",
		landscapeDateDiff_1: 7,		
		landscapeNotifyDayBefore: true,
		}		
		},

Then just modify the MagicMirror/modules/MMM-DumpsterDay/MMM-DumpsterDay.css file to have the Landscape setting display a blue can.

.landscapeDiv{
	height:70px;
	width:20%;
	background-image: url(imgs/recycle_blue.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	overflow: auto;
	display:inline-block;

If you want the Blue can next to the White can instead of the Yellow Can then just modify the MagicMirror/modules/MMM-DumpsterDay/MMM-DumpsterDay.css file like this

.plasticDiv{
	height:70px;
	width:20%;
	background-image: url(imgs/recycle_blue.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	overflow: auto;
	display:inline-block;
}

.landscapeDiv{
	height:70px;
	width:20%;
	background-image: url(imgs/recycle_yellow.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	overflow: auto;
	display:inline-block;
}

Looks like I am missing settings.json under /home/pi/node-sonos-http-api. I went to magicmirrors IP address:5005/zones and saw the output from my sonos one time , but then on reboot I can no longer get the output to show up by visiting the above specified URL . I think it may be a result of this missing settings.json file.

Also, I dont know how much additional code would be needed to display the words
Tomorrow is Trash Day
for the day preceding what one sets for Trash Day and then the words Today is Trash Day
for the day in which is actually trash day. This would be in small text (alterable within the .css file) below the trash can icons. That way one would know at a glance.

@DeanoNoire
I deleted the sub-directory that was created under MagicMirror/modules named mmm-dumpsterday . All lowercase.

I then used the command git clone https://github.com/DeanoNoire/MMM-DumpsterDay.git.

This created the correct the directory named MMM-DumpsterDay . Capital letters in proper places.

Then I modified my config.js under the MagicMirror/config directory to reflect today as being trash day . Turned off Recycle by using the false specifier. Turned on Landscape by using the specifier true. Set the Landscape date to todays date as well.

Restarted the MagicMirror and I do see a pulsing white trash can ,BUT no can for Landscape. ???

The trash can is displayed within the bottom_bar area of the screen and the trash can is quiet large onscreen. I am assuming that I can modify the MagicMirror/modules/MMM-DumpsterDay/MMM-DumpsterDay.css file to change the size to better fit the screen?

Here is my current config.js file to troubleshoot the absence of the Landscape can. on screen

	{
	module:"MMM-DumpsterDay",
	position:"bottom_bar",
	config: {
		refreshInterval: 18000000, // Default: 18000000 = 5 hours
		pulse: true, 			   // Default: true - Makes the module pulsating

		enableBasic: true, 				// Enable basic trashcan 
		basicStartDate: "11.11.2019", 	// The first dumpster day (Always use 2 digit dates (01 instead of 1))
		basicDateDiff_1: 7,			// Trashday reoccurance - Default: 14 (every 14 days)
		basicNotifyDayBefore: true,		//Default: true - If you want the notification to appear also the day before the dumpster day
		
		enablePlastic: false,			// Same values as basic but for Plastic
		plasticStartDate: "16.01.2019", 
		plasticDateDiff_1: 28,
		plasticNotifyDayBefore: true,	

		enableLandscape: true,			// Same values as basic but for Landscape
		landscapeStartDate: "11.11.2019",
		landscapeDateDiff_1: 14,		
		landscapeNotifyDayBefore: true,
		}		
		},
		
		{
			module: "alert",
		},

Works! April till its operational? Thats ~6 months from now.