Heyhey! I also like to present my Magic(Dashboard)Mirror.

Here are some details:

Hardware:

• I used an 27" LG Screen because of the clean optic.
• To mount the screen as close as possible to the wall I ordered a Vogel’s WALL 3105
• Raspberry Pi 4 8GB w/ a 64 GB SD Card

Modules:

• Default Clock
• MMM-Wallpaper
• MMM-DarkSkyForecast
• MMM-MyCalendar
• MMM-PublicTransportBerlin
• MMM-Todoist (Connected with IFTTT Alexa Shopping List
• MMM-Fuel
• MMM-Remote-Control
• MMM-GoogleSheets (Stundenplan)
• MMM-NowPlayingOnSpotify

Styling Custom CSS:

• I used the custom layout from @earlman
• Next to that I spent a lot of time adjusting my custom CSS

Picture:

Hey everyone! Since last July I updated the Dashboard a bit and added new modules. If you are interested in the config.js and custom.css, I’ll upload the files on github later this week. So you can get in advantage of it.

Here some pics from the most recent dashboard.

@vandyck Right, that is not a Mirror. The title of the post is misleading. I used the MMM as a framework to display on a monitor all the details we need in my family. So let’s call it Family Dashboard 👍😅

Hey there - the instructions above doesn’t worked for me. But I found a solution that works perfectly:

1. Open https://github.com/googlefonts/noto-emoji/tree/master/fonts
2. Download most recent NotoColorEmoji.ttf
3. Copy file in /home/pi/.fonts (if you cant see the .fonts folder please use CTRL+H to display it (Folders with names starting by “.” are hidden on Raspbian))
4. Done!

@mattkab Fantastic! Thank you very much for putting that together. Will test that later the day.

@bballboy21 That is awesome. Thanks for sharing your module!!

@sil3ntstorm Hey, ich nutze noch MMM-MyCalendar. Damit es aber richtig läuft, musste ich noch npm install request und npm install valid-url ausführen. In den letzten Updates vom MagicMirror wurden diese entfernt.

Quick update on this. Maybe someone else is looking for a similar way to automatically scroll through the list. You can added following code to the custom.css file:

/* MMM-Todoist Scrolling Animation */
.MMM-Todoist .divTable {
       white-space: nowrap;
       overflow: hidden;
       height:150px;   /* increase or decrease the height of the scrolling area*/
       box-sizing: border-box;
}

.MMM-Todoist .divTable div {
       -webkit-animation: divTable 25s linear infinite alternate;   /* adjust the seconds for the scrolling speed */
}

@-webkit-keyframes divTable {
      0% { -webkit-transform: translateY(5%); }
    100% { -webkit-transform: translateY(-70%); }
}

So the shopping or ToDo list is scrolling from the top to the bottom and back to the top again. Here an example: http://jsfiddle.net/51d4umwo/1/

Really like it. Thanks for sharing @KristjanESPERANTO

Great job! I also like your Medium article. Thanks for sharing and providing ideas.

Hello @tjat - thanks for sharing and great work! Can you please tell which touchscreen you have? Thanks in advanve.

Really like it. Thanks for sharing @KristjanESPERANTO

Nice, really like the clean and slim design. :thumbs_up: Are you planning to install a PIR sensor? Or is your display running 24/7?

Great work @KristjanESPERANTO. Really, really like this. Is there a way to also publish the github stars and # of forks? I also would love if there is a way to “like” a module.

Hello @UncleRoger - are you planning to publish your module? And can I may ask you what this module will do?

@greedyvegan Nope, I haven’t removed any components from the screen. The screen itself is quite slim, and I have attached it to the slimmest screen mount I could find (please refer to my first post for the specific model).

@sdetweil No worries at all. Thanks for responding. I was able to upgrade with your script. Only MMM-NewsAPI and MMM-MyCalendar needed some attention.

For MMM-NewsAPI I had to install fetch-node and for MMM-MyCalendar I applied the workaround.

Hi @sdetweil, does the log tell me I have to only check MMM-MyCalendar & MMM-GoogleSheets, and all of the other modules are okay?

@sdetweil Thanks you! This is my upgrade.log.

pgrade started - Tue Oct 24 10:52:06 CEST 2023
system is Linux raspberrypi 6.1.21-v8+ #1642 SMP PREEMPT Mon Apr 3 17:24:16 BST 2023 aarch64 GNU/Linux
the os is Distributor ID: Raspbian Description: Raspbian GNU/Linux 11 (bullseye) Release: 11 Codename: bullseye
n (node version manager tool) not installed, doing test run, install skipped
doing test run = true, NO updates will be applied!
Check current Node installation ...
Node currently installed. Checking version number.
Minimum Node version: v20.8.0
Installed Node version: v16.20.2
Node should be upgraded.
Node.js upgrade defered, doing test run
Check current NPM installation ...
NPM currently installed. Checking version number.
Minimum npm version: V10.1.0
Installed npm version: V8.19.4
npm should be upgraded.
npm upgrade defered, doing test run  ...

saving custom.css
remote name = origin
upgrading from version 2.24.0 to 2.25.0
fetching latest revisions
git fetch rc=0
current branch = master
On branch master
Your branch is behind 'origin/master' by 1 commit, and can be fast-forwarded.
  (use "git pull" to update your local branch)

Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
  (use "git restore <file>..." to discard changes in working directory)
	modified:   css/main.css

Untracked files:
  (use "git add <file>..." to include in what will be committed)
	core
	css/save_custom.css
	installers/mm_temp.sh
	installers/pm2_MagicMirror.json
	installers/pm2_MagicMirror_new.json
	run-start.sh

no changes added to commit (use "git add" and/or "git commit -a")
there are 1 local files that are different than the master repo

   css/main.css

save/restore files selection = y
erasing lock files
Saved working directory and index state WIP on master: e87f50e Release 2.24.0 (#3141)
test merge result rc='' , if empty, no conflicts
skipping merge, only test run
Checking for modules with removed libraries
 
	  package.json not found for module MMM-MyCalendar
 
		 bypass adding package.json for module MMM-MyCalendar, doing test run
 
	  package.json not found for module MMM-GoogleSheets
 
		 bypass adding package.json for module MMM-GoogleSheets, doing test run
downloading dumpactivemodules script

processing dependency changes for active modules with package.json files
processing for module MMM-Wallpaper please wait
----------------------------------
skipped processing for MMM-Wallpaper, doing test run
processing complete for module MMM-Wallpaper
processing for module MMM-CountDown please wait
----------------------------------
skipped processing for MMM-CountDown, doing test run
processing complete for module MMM-CountDown
processing for module MMM-OpenWeatherForecast please wait
----------------------------------
skipped processing for MMM-OpenWeatherForecast, doing test run
processing complete for module MMM-OpenWeatherForecast
processing for module MMM-NINA please wait
----------------------------------
skipped processing for MMM-NINA, doing test run
processing complete for module MMM-NINA
processing for module MMM-PublicTransportHafas please wait
----------------------------------
skipped processing for MMM-PublicTransportHafas, doing test run
processing complete for module MMM-PublicTransportHafas
processing for module MMM-Fuel please wait
----------------------------------
skipped processing for MMM-Fuel, doing test run
processing complete for module MMM-Fuel
processing for module MMM-MyVolvo please wait
----------------------------------
skipped processing for MMM-MyVolvo, doing test run
processing complete for module MMM-MyVolvo
processing for module MMM-PIR-Sensor-Lite please wait
----------------------------------
skipped processing for MMM-PIR-Sensor-Lite, doing test run
processing complete for module MMM-PIR-Sensor-Lite
processing for module MMM-NowPlayingOnSpotify please wait
----------------------------------
skipped processing for MMM-NowPlayingOnSpotify, doing test run
processing complete for module MMM-NowPlayingOnSpotify
processing for module MMM-Todoist please wait
----------------------------------
skipped processing for MMM-Todoist, doing test run
processing complete for module MMM-Todoist
processing for module MMM-Jast please wait
----------------------------------
skipped processing for MMM-Jast, doing test run
processing complete for module MMM-Jast
processing for module MMM-NewsAPI please wait
----------------------------------
skipped processing for MMM-NewsAPI, doing test run
processing complete for module MMM-NewsAPI
restoring custom.css
removing git alias
test run, restoring files stashed
Removing vendor/package-lock.json
Removing package-lock.json
Removing fonts/package-lock.json
On branch master
Your branch is behind 'origin/master' by 1 commit, and can be fast-forwarded.
  (use "git pull" to update your local branch)

Changes not staged for commit:
  (use "git add/rm <file>..." to update what will be committed)
  (use "git restore <file>..." to discard changes in working directory)
	modified:   css/main.css
	deleted:    fonts/package-lock.json
	deleted:    package-lock.json
	deleted:    vendor/package-lock.json

Untracked files:
  (use "git add <file>..." to include in what will be committed)
	core
	installers/mm_temp.sh
	installers/pm2_MagicMirror.json
	installers/pm2_MagicMirror_new.json
	run-start.sh

no changes added to commit (use "git add" and/or "git commit -a")
Dropped refs/stash@{0} (c2cb1efe09ca1e3538f822bd9f6caccf74e510ec)
Upgrade ended - Tue Oct 24 10:52:38 CEST 2023

As expected Node and NPM needs to be upgraded and Im aware of the CSS file. But Im a bit confused about the results regarding the modules. Are they fine after the upgrade or not? The log is not clear for me.

Thank you in advance!

@Jalibu Well, I didn’t expect anything different from you. :D