MMM-Rainbow - Animated text color transition.

Update info: As suggested, I have added the option to assign the random colors to specific modules or to all modules. See the config below to see how to use.

Preview

Modular

Non-Modular

Installation

Installation is very simple, just clone the git into your modules directory then add the module to your config.

cd ~/MagicMirror/modules
git clone https://github.com/aSeann/MMM-Rainbow

Using the module

To use this module, add the following configuration block to the modules array in the config/config.js file:

var config = {
    modules: [
        {
		module: "MMM-Rainbow",
		/*	Position not required as it has no UI.	*/
		config: {
			fadeTime: 1500,		//	Duration in milliseconds it takes for the color to fade.
			nextColor: 1500,	//	Duration in milliseconds until the next random color is generated and set.
			modular: false,		//	
			moduleList: [		//	Only required if modular is true.
				"MMM-iClock",
				"MMM-Showtimes"
			]
		}
	},
    ]
}

MMM-Console - On screen console output.

I created this module to give more of a "nerdy" feel to my mirror. Displaying the developers console log directly to the mirror.

For the moment it's quite basic. The current config only allows you to change the number of lines displayed and the color for each function.

Preview

Installation

Installation is very simple, just clone the git into your modules directory then add the module to your config.

cd ~/MagicMirror/modules
git clone https://github.com/aSeann/MMM-Console

Using the module

To use this module, add the following configuration block to the modules array in the config/config.js file:

var config = {
    modules: [
        {
        	module: "MMM-Console",
        	header: "Console Output",
        	position: "bottom_left",
        	config: {
        		lines: 15,
        	}
        
        },

MMM-Showtimes - Local Cinema Showtimes.

Unfortunately this is UK only for now. If there's enough interest I will source a better API for global use.
Although I'm sure most of you could easily alter a few lines with an API of your choice to find cinemas close to you.

Preview

Installation

Installation is very simple, just clone the git into your modules directory then add the module to your config.

cd ~/MagicMirror/modules
git clone https://github.com/aSeann/MMM-Showtimes

Using the module

To use this module, add the following configuration block to the modules array in the config/config.js file:

var config = {
    modules: [
        {
		module: "MMM-Showtimes",
		position: "top_right",
		config: {
			movies: 5,			//	Number of movies to display at each time.
			cinema: 9521,		//	Get your local cinema ID from http://www.cinelist.co.uk/
			scrollTime: 3000,	//	Duration in milliseconds to display the next film in the list and remove the first.
			title: "Cinema Listings"	//	What ever you want the title to be, e.g. "Cinema Listings"
		}
	},
    ]
}

MMM-iClock - Live Clock module with updates on the minute every minute.

I'm running my MM on a Raspberry Pi and as you can imagine, looping something every second isn't great.
I have decided to recreate the clock module which updates every minute, on the minute and is looped to do so every 60 seconds after calculating the distance between the next minute on the initial load.

**Updates**
I have made the clock somewhat more customisable. You can now choose if you want the clock to update each second or minute. Redesigned the module adding an analogue clock around the digital version. Users can choose the size of the analogue display and the color for all elements contained inside. Users can also choose if they want the digital time displayed (0 = no display, 1 = permanent display, 2 = show for 5 seconds on every minute.) Choose if you want the analogue clock displayed at all, and finally if you would like all elements to have a glow effect or not.

Reccommended settings for displaying only the digital time would be to alter size to “0px”.

Previews

Installation

Installation is very simple, just clone the git into your modules directory then add the module to your config.

cd ~/MagicMirror/modules
git clone https://github.com/aSeann/MMM-iClock

Using the module

To use this module, add the following configuration block to the modules array in the config/config.js file:

var config = {
    modules: [
        {
	    module: "MMM-iClock",
	    position: "top_center",
	    config:{
	        seconds: false,		//	true = update every second, false = update every minute.
	        size: "350px",		//	Size of analogue clock, also changes margin for digital clock.
	        color: "white",		//	Can be hex, rgb, rgba or color name.
	        digital: 1,		//	0 (no display), 1 (permanent display) or 2 (show for 5 seconds on every miniute).
	        analogue: true,		//	false (no display), true (permanent display).
	        glow: true,		//	false (no display), true (permanent display).
	    }
	},
    ]
}

In case anyone is interested, I have managed to get the console output from anytime after the console module is loaded.

@mykle1 Awesome. Guess you’re treating me to a movie tomorrow then.
I actually have a small issue which i just realized, do you think you could help?
Basically for some reason the css will only display 5 show times, the others seem to overflow, which is then hidden by the default “main.css” i used ul (the movie) display:block, and then ul li (the time) display inline-block and a set width, normally this would just put the next list item on a new line but not on this occasion. Any clue?

Apologies for the bump, but I have added a few updates people may be interested in.

@ganget Sure man, seems simple enough. You could always customize the clock module, or recreate your own and just add a class name to the clock, then alter MMM-Rainbow.js to only change the css for that module. I cheated when creating this module by using jQuery so it’s really simple to mess with. But if you do need any help, feel free to give me a message.

@ganget Have a look at the js Here
This is how I made my clock update every minute, on the minute. Could be done better i’m sure but this works.

@mykle1 LMFAO, as you can see I literally use the same thing as a template for my modules. Thanks for the heads up, i’ll change it now.