<![CDATA[Magic Dashboard & Whiteboard]]>The solution is a vertical 23 inch display (23" LG IPS231P FullHD) and a whiteboard of the same size.
They are built together in a wooden frame.

front1.jpg
A Raspberry pi4 runs MagicMirror, it is in the frame behind the display, it is controlled remotely by VNC Viewer.
backside.jpg

I use the following modules

Clock
Calendar
Weather
MMM-AutoDimmer
MMM-Namnsdag
MMM-Moon
MMM-Pinfo
MMM-homeassistant-sensors
MMM-Worldclock
MMM-HTMLSnippet
MMM-EmbedYoutube
MMM-CalendarExt3
with 7 different google calendars
- Family calendar
- Mom’s calendar
- Dad’s calendar
- the daughter’s calendar
- the son’s calendar
- the son’s soccer team
- birthdays

Then also some that are currently disabled:
MMM-HumanClock
MMM-PlaceInfo
MMM-EmbedURL
MMM-Skolmaten
MMM-EyeCandy
MMM-EARTH
MMM-Wallpaper

front2.jpg
front3.jpg

Thanks to all who developed the great modules and keep them alive! :clapping_hands: :grinning_face_with_smiling_eyes: :thumbs_up_medium-light_skin_tone:

]]>https://forum.magicmirror.builders/topic/17926/magic-dashboard-whiteboardRSS for NodeSat, 15 Aug 2026 12:49:04 GMTWed, 26 Jul 2023 19:02:28 GMT60<![CDATA[Reply to Magic Dashboard & Whiteboard on Mon, 11 Sep 2023 15:28:27 GMT]]>@sum2023 Do you mind sharing your CSS code or config? I’m looking to do somethign similar but a newbie here

]]>https://forum.magicmirror.builders/post/110888https://forum.magicmirror.builders/post/110888Mon, 11 Sep 2023 15:28:27 GMT<![CDATA[Reply to Magic Dashboard & Whiteboard on Fri, 18 Aug 2023 00:32:01 GMT]]>@themoe Most of what you need is the root section of main.css, which you can modify by adding it to custom.css

Here’s the defaults, adjust as you desire. However, I will warn you, you may also have to do it on a module by module basis - many modules don’t use these defaults for even their base text.

:root {
  --color-text: #999;
  --color-text-dimmed: #666;
  --color-text-bright: #fff;
  --color-background: #000;
  --font-primary: "Roboto Condensed";
  --font-secondary: "Roboto";
  --font-size: 20px;
  --font-size-xsmall: 0.75rem;
  --font-size-small: 1rem;
  --font-size-medium: 1.5rem;
  --font-size-large: 3.25rem;
  --font-size-xlarge: 3.75rem;
  --gap-body-top: 60px;
  --gap-body-right: 60px;
  --gap-body-bottom: 60px;
  --gap-body-left: 60px;
  --gap-modules: 30px;
}
]]>https://forum.magicmirror.builders/post/110603https://forum.magicmirror.builders/post/110603Fri, 18 Aug 2023 00:32:01 GMT<![CDATA[Reply to Magic Dashboard & Whiteboard on Thu, 17 Aug 2023 21:56:13 GMT]]>https://forum.magicmirror.builders/topic/12815/bright-ui?page=1

https://forum.magicmirror.builders/topic/13108/css-experiments-for-newbies

]]>https://forum.magicmirror.builders/post/110601https://forum.magicmirror.builders/post/110601Thu, 17 Aug 2023 21:56:13 GMT<![CDATA[Reply to Magic Dashboard & Whiteboard on Thu, 17 Aug 2023 21:38:45 GMT]]>@themoe - I’m pretty sure one of the forum members has a custom CSS file that does a white background. If you check out that portion of the forum you can probably find it.

]]>https://forum.magicmirror.builders/post/110599https://forum.magicmirror.builders/post/110599Thu, 17 Aug 2023 21:38:45 GMT<![CDATA[Reply to Magic Dashboard & Whiteboard on Mon, 14 Aug 2023 20:34:26 GMT]]>Very nice solution!

I was thinking about a very similar setup. But I would like to have very thin or no borders between the screen and the whiteboard.

And is there a white background scene for magic mirror with dark font colours?

Best case would be the white of the screen is the same white of the whiteboard.

]]>https://forum.magicmirror.builders/post/110571https://forum.magicmirror.builders/post/110571Mon, 14 Aug 2023 20:34:26 GMT<![CDATA[Reply to Magic Dashboard & Whiteboard on Sun, 30 Jul 2023 18:22:26 GMT]]>@sum2023 - Excellent idea. And great execution.

]]>https://forum.magicmirror.builders/post/110433https://forum.magicmirror.builders/post/110433Sun, 30 Jul 2023 18:22:26 GMT<![CDATA[Reply to Magic Dashboard & Whiteboard on Sun, 30 Jul 2023 08:21:47 GMT]]>@BKeyport ok, thanks

]]>https://forum.magicmirror.builders/post/110431https://forum.magicmirror.builders/post/110431Sun, 30 Jul 2023 08:21:47 GMT<![CDATA[Reply to Magic Dashboard & Whiteboard on Fri, 28 Jul 2023 05:54:02 GMT]]>@zdenek That’s either bottom_bar or CSS to stretch it.

]]>https://forum.magicmirror.builders/post/110403https://forum.magicmirror.builders/post/110403Fri, 28 Jul 2023 05:54:02 GMT<![CDATA[Reply to Magic Dashboard & Whiteboard on Fri, 28 Jul 2023 04:32:05 GMT]]>@sum2023 said in Magic Dashboard & Whiteboard:

MMM-CalendarExt3

amazing - u did something with CSS? Or how did u get agenda view (MMM-CalendarExt3) over all width of screen?
thanks

]]>https://forum.magicmirror.builders/post/110402https://forum.magicmirror.builders/post/110402Fri, 28 Jul 2023 04:32:05 GMT