Not really a mirror at all - but is really helpful

[dinkybluebug245]

My MagicMirror isnt a mirror at all - its a display that is on in my kitchen. It has two modes - normal - shown below, which shows calendar, what is currently playing on my Sonos speaker in my kitchen, weather, and headlines.

and also a ‘party’ mode, where all that other info is hidden, and only shows me and my guests what music is playing

Happy to share my custom CSS code with anyone that wants to see this.

[paviro]

Would be great if you would upload your CSS to Github and share it here! :)

[yawns]

Wow, looks really cool when it’s used without a mirror.

[dinkybluebug245]

thanks - Uploaded the code here.

https://github.com/dinkybluebug/MMM-CustomCSSv2

[yawns]

@dinkybluebug245
maybe a dumb question, but what did you do to the calendar module to make it show the day and the time for each entry?

[dinkybluebug245]

This post is deleted!

[yawns]

@dinkybluebug245

it looks like this.

If I change it to timeFormat: 'absolute' I see the real date (e.g. November 26th) but still no time.

[dinkybluebug245]

This post is deleted!

[dinkybluebug245]

@yawns Ive uploaded my version of calendar.js to github. access it here : https://github.com/dinkybluebug/MMM-CustomCSSv2

It has amended javascript for calendar to show day of week and time.

[dinkybluebug245]

I had installed the remote control module too, and tweaked it slightly, so I can move between Normal and Party mode, instead of using bash scripts via SHH

[yawns]

@dinkybluebug245 said in Not really a mirror at all - but is really helpful.:

@yawns Ive uploaded my version of calendar.js to github. access it here : https://github.com/dinkybluebug/MMM-CustomCSSv2

It has amended javascript for calendar to show day of week and time.

Thanks for this, very much appreciated!

[MichMich]

I really really really like your setup! :) Nice work!

[dinkybluebug245]

@MichMich Thanks Michael - Im new to all this - so appreciate your comment

[schlachtkreuzer6]

@dinkybluebug245 hey nice work! What did you change in the remote control module to switch between partymodus and normal?

[dinkybluebug245]

@schlachtkreuzer6 In Nodehelper.js - I changed lines 104-117. I didnt need the option of monitor on and off, as I have a PIR sensor attached to my display.

if (query.action === 'MONITORON')
		{
			exec('cp ../MagicMirror/css/party_custom.css ../MagicMirror/css/custom.css', opts, function(error, stdout, stderr){ self.checkForExecError(error, stdout, stderr, res); });
			exec('cp ../MagicMirror/config/party_config.js ../MagicMirror/config/config.js', opts, function(error, stdout, stderr){ self.checkForExecError(error, stdout, stderr, res); });
			exec('pm2 restart mm', opts, function(error, stdout, stderr){ self.checkForExecError(error, stdout, stderr, res); });
			return true;
		}
		if (query.action === 'MONITOROFF')
		{
			exec('cp ../MagicMirror/css/normal_custom.css ../MagicMirror/css/custom.css', opts, function(error, stdout, stderr){ self.checkForExecError(error, stdout, stderr, res); });
			exec('cp ../MagicMirror/config/normal_config.js ../MagicMirror/config/config.js', opts, function(error, stdout, stderr){ self.checkForExecError(error, stdout, stderr, res); });
			exec('pm2 restart mm', opts, function(error, stdout, stderr){ self.checkForExecError(error, stdout, stderr, res); });
			return true;
		}

As the functions had changed, I then changed the text displayed in the app , by changing the text in the remote.html file. Line 80- 87

               <div id="monitor-on-button" class="menu-element button main-menu">
                    <span class="fa fa-fw fa-glass" aria-hidden="true"></span>
                    <span class="text">Party Mode</span>
                </div>
                <div id="monitor-off-button" class="menu-element button main-menu">
                    <span class="fa fa-fw fa-calendar" aria-hidden="true"></span>
                     <span class="text">Calendar Mode</span>
                </div>```

[Bangee]

nice work! :-)

[nobita]

@dinkybluebug245 , I Would like to know what is your forecast weather module? It not like from openweathermap.org , Thanks so much your kinds

[yawns]

According to his config on github he uses MMM-WunderGround

[nobita]

How to Build frame around MMM-WunderGround and Calendar,Thanks for your help

[yawns]

@nobita
Please take a look at his css file, escpacially this part:

.calendar, div#module_2_MMM-WunderGround table.small {
	background-color: rgba(63, 182, 236, 0.23);
    border-radius: 10px;
	padding: 10px;
	box-shadow: 5px 5px 5px 1px #d3d3d3;
	
}

Add these to your custom.css file and play around with it