No update? I’m thinking today’s the day!

Effective 8/14/2025 - @dathbe has been provided contributor role in my active modules. I’m not ready to turn them over full time, however, I am glad that someone is willing to work with them. I no longer use the modules myself and I’m welcoming a fresh view on the topic, and hopefully the project will continue in a more effective way, including clean up and improvement of my pre-amateur code.

Thanks for the support over my time handling this code - and if I do decide to pick it back up, I know that it is in good hands.

– Brendan

@sdetweil Nothing works, like everything else with MagicMirror. I can’t get what I want due to CSS and it’s stupidity in general.

One less device to maintain. I’ve not decided if I’m gonna abandon my other modules yet or not, but I’m tired of fighting everything opensource in general - and I’m slowly abandoning everything that is that way.

I’m just done…

@sdetweil Nope. Not working. I give up. Just turning off that mirror completely… will find something else to do my calendar on.

@sdetweil correct.

Sam: Here’s a live example of no-event item, and an event item. The count don’t show unless it’s got 1 event. Module_4 is blank, Module_5 is showing one event.

<div id="module_4_MMM-CalendarExt3Agenda" class="module MMM-CalendarExt3Agenda MMM-CalendarExt3Agenda" style="order: 0;">
    <header class="module-header" style="display: none;">undefined</header>
    <div class="module-content">
        <div class="bodice CX3A_undefined CX3A">
            <div class="agenda"></div>
        </div>
    </div>
</div>

<div id="module_5_MMM-CalendarExt3Agenda" class="module MMM-CalendarExt3Agenda MMM-CalendarExt3Agenda" style="order: 0;">
    <header class="module-header" style="display: none;">undefined</header>
    <div class="module-content">
        <div class="bodice CX3A_undefined CX3A">
            <div class="agenda">
                <div class="cell thisMonth thisYear year_2025 month_8 date_10 weekday_0 seq_0 week_32 weekend weekend_2" data-events-counts="1">
                    <div class="cellHeader">
                        <div class="cellHeaderMain">
                            <div class="cellDay relativeDay relativeNamedDay relativeDayGap_1"><span class="dateParts literal seq_0 unit_none">tomorrow</span></div>
                            <div class="cellDate"><span class="dateParts weekday seq_0">Sunday</span><span class="dateParts literal seq_1">, </span><span class="dateParts month seq_2">Aug</span><span class="dateParts literal seq_3"> </span><span class="dateParts day seq_4">10</span></div>
                            <div class="cw">32</div>
                        </div>
                        <div class="cellHeaderSub"></div>
                    </div>
                    <div class="cellBody">
                        <div class="fullday"></div>
                        <div class="single">
                            <div class="event calendar_Sounders future singleday" data-calendar-seq="1" data-calendar-name="Sounders" data-color="#5D9741" data-description="Calendar not up to date? Check https://fixtur.es/up-to-date" data-title="Los Angeles Galaxy - Seattle Sounders FC" data-full-day-event="false" data-geo="false" data-location="" data-start-date="1754877600000" data-end-date="1754883900000" data-today="false" data-symbol="fas fa-fw fa-futbol" style="--calendarColor: #5D9741; --oppositeColor: white;">
                                <div class="headline useSymbol"><span class="symbol"><span class="fas fa-fw fa-futbol"></span></span>
                                    <div class="time startTime inDay"><span class="eventTimeParts hour seq_0">7</span><span class="eventTimeParts literal seq_1">:</span><span class="eventTimeParts minute seq_2">00</span><span class="eventTimeParts literal seq_3"> </span><span class="eventTimeParts dayPeriod seq_4">PM</span></div>
                                    <div class="time endTime inDay"><span class="eventTimeParts hour seq_0">8</span><span class="eventTimeParts literal seq_1">:</span><span class="eventTimeParts minute seq_2">45</span><span class="eventTimeParts literal seq_3"> </span><span class="eventTimeParts dayPeriod seq_4">PM</span></div>
                                    <div class="title">Los Angeles Galaxy - Seattle Sounders FC</div>
                                </div>
                                <div class="description">Calendar not up to date? Check https://fixtur.es/up-to-date</div>
                                <div class="location"></div>
                            </div>
                        </div>
                    </div>
                    <div class="cellFooter"></div>
                </div>
            </div>
        </div>
    </div>
</div>

@sdetweil yeah, I put it back… both it, and the target I wrote up don’t target it.

@sdetweil both are set low, and it worked before. - – whoops - forgot I moved refresh up on those as they don’t change very much. Restored them to 1 minute for testing.

– and it don’t seem to be targeting correctly. does nothing.

@sdetweil I added it, and it seemed to delete all the calendars, so I removed it, and they’re still gone.

They are broadcasting correctly from calendar.
I’ve restarted both the server and the client.

ACK!

here’s how I did it.

1. Set up SAMBA on the pi, and include a mapping to your photos drive (I wouldn’t recommend keeping them locally)

2. magic mirror’s config, using MMM-Backgroundslideshow

/* Magic Mirror Config by Brendan Keyport. */
/* Office - Certificate Display */
var config = {
	address: "0.0.0.0",
	port: 8082,  // port is 8082 as I use a server/client style setup. 
	ipWhitelist: [], 
	language: "en",
	timeFormat: 12,
	units: "imperial",
	//logLevel: ["INFO", "LOG", "WARN", "ERROR", "DEBUG"],
	customCss: "css/custom3.css",
	modules:
	 [
		{
    		module: 'MMM-BackgroundSlideshow',
    		position: 'fullscreen_below',
    		config: {
      			imagePaths: ['<path to shared folder>'],
      			transitionImages: true,
      			randomizeImageOrder: true,
      			showAllImagesBeforeRestart: true,
      			//transitionSpeed: 0,
      			gradient: [0],
      			horizontalGradient: [0],
      			backgroundSize: "contain"
  			 }
  		}
/*************** DO NOT EDIT BELOW ***************/
	]
};

if (typeof module !== "undefined") {
	module.exports = config;
}

Easy as Pi.