Magic Mirror minus the mirror



  • @billp100 That is awesome! I would love to take a look at your config file if you are willing to share. Thanks!



  • @jaymichael78 When I get home, I will upload the config file



  • @billp100 Thumbs up



  • @jaymichael78 Here you go…

    /* Magic Mirror Config Sample
     *
     * By Michael Teeuw http://michaelteeuw.nl
     * MIT Licensed.
     */
    
    var config = {
    	port: 8080,
    	ipWhitelist: ["192.168.1.18", "::ffff:127.0.0.1", "::1"],
    
    	language: 'en',
    	timeFormat: 12,
    	units: 'imperial',
    
    	modules: [
    		{
    			module: 'alert',
    		},
    		{
    			module: 'clock',
    			position: 'top_left'
    			
    		},
    		{
    			module: 'calendar_monthly',
    			position: 'top_left',
    			config: {
    				cssStyle:'slate'
    				}
    		},
    		{
    			module: 'calendar',
    			header: ' Bill  Janice  Vinny ',
    			position: 'top_left',
    			config: {
    				colored: 'true',
    				calendars: [
    					{
    						symbol: 'male',
    						url: 'Calendar link',
    						color:'#4286f4'
    					},
    					{
    						symbol: 'child',
    						url: 'Calendar link',
    						color:'#33cc33'
    					},
    					{
    						symbol: 'female',
    						url: 'Calendar link',
    						color:'#eb42f4'
    					}
    					],
    				        }
    		},
    		{
    			module: 'calendar',
    			header: 'Important Dates',
    			position: 'top_left',
    			config:{
    				colored: 'true',
    				calendars: [
    					{
    						symbol: 'users',
    						url: 'Calendar link',
    						color: '#ffff00'
    					},
    					{	symbol: 'birthday-cake',
    						url: 'Calendar link',
    						color: '#b380ff'
    					}
    					],
    					}
    		},
    		{
    			module: 'MMM-Wunderlist',
    			position: 'bottom_center',
    			header: 'To-Do List',
    			config: {
    				accessToken: 'your access token',
    				clientID: 'your client id',
    				lists: ["MM List"]
    				}
    		},			
    		{
    		
    			module: 'MMM-WunderGround',
        			position: 'top_right',
        			config: {
            		apikey: 'your api key', // private; don't share!
            		pws: 'pws:KNYHUNTI41', //culemborg
            		coloricon: 'true',
    			hourly: '1',
            		fctext: '1',
            		layout: "horizontal",
    			fcdaycount: "3",
            		fcdaystart: "0",
            		hourlyinterval: "3",
            		hourlycount: "2",
            		alerttime: 10000,
            		alerttruncatestring: "english:",
        			roundTmpDecs: 1,
        			UseCardinals: 0,
        			layout: "horizontal",
        			sysstat: 0
    		    		}
    		},
    		{
    			module: 'newsfeed',
    			position: 'bottom_center',
    			config: {
    				feeds: [
    					{
    						title: "Fox News",
    						url: "http://feeds.foxnews.com/foxnews/latest?format=xml"
    					}
    				],
    				showSourceTitle: true,
    				showPublishDate: true
    			}
    		},
    {
                            module: 'MMM-Traffic',
                            position: 'bottom_center',
                            classes: 'dimmed medium', //optional, default is 'bright medium', only applies to commute info not route_name
                            config: {
                            api_key: 'your api key',
                            mode: 'driving',
                            origin: 'starting address',
                            destination: 'destination address',
                            route_name: 'nickname',
                            show_summary: true,
                            changeColor: true,
                            showGreen: true,
                            limitYellow: 5, //Greater than 5% of journey time due to traffic
                            limitRed: 20, //Greater than 20% of journey time due to traffic
                            traffic_model: 'pessimistic',
                            interval: 120000 //2 minutes
                        		}
    },
    {
    			module: 'MMM-MTA',
      			position: 'bottom_center',
      			config: {
        			sStation: 'DPK',
        			mtaAPIKey: '9e9374cf6751033431c1f54a4e7576c3' //API KEY needs to be requested from datamine.mta.info
      },                        
    },
    {
    			module: 'MMM-NHL',
    			position: 'top_right',
    			config: {
    				colored: 'true',
    				focus_on: [2],
    				datesToLookAhead: '7',
    				}
    },
    	]
    
    };
    
    /*************** DO NOT EDIT THE LINE BELOW ***************/
    if (typeof module !== 'undefined') {module.exports = config;}
    


  • @jaymichael78 Here is the custom css

    /*****************************************************
     * Magic Mirror                                      *
     * Custom CSS                                        *
     *                                                   *
     * By Michael Teeuw http://michaelteeuw.nl           *
     * MIT Licensed.                                     *
     *                                                   *
     * Add any custom CSS below.                         *
     * Changes to this files will be ignored by GIT. *
     *****************************************************/
     header {
     text-transform: uppercase;
     font-family: "Roboto Condensed";
     font-size: 20px;
     font-weight: 300;
     }
     body {
     margin: 30px;
     position: absolute;
     height: calc(100%-50px);
     width: calc(100%-50px);
     background-image: url('bg1.jpg'); 	
     backgroung-repeat: no-repeat;
     background-size: 1920;
     }
    
    .newsfeed, div#module_7_newsfeed {
     width: 550px;
     font-size: 12px;
    }
    
    

  • Moderator

    @billp100
    Boolean values and numbers should be written without " or ’



  • @billp100 thanks! This really is nice. You did good work. I appreciate you sharing this seeing the two side by side really helps me understand how to manage this better. Big week, will get back fo it this weekend.



  • @yawns Thank you for the clarification. I wasn’t sure why some values needed the " or ', basically if the config file loaded, I counted that as a success

    @jaymichael78 Thanks for the compliment. Next step is building a frame for it to mount on the fridge. Plus I’ll be still tinkering away at the contents.


  • Moderator

    Some explanation from @strawberry-3-141

    'false' is a string and a string always represents the boolean true, so 'test', 'true' and 'false' all become true it doesn’t matter what the content of the string is.

    There are multiple types:

    • object {}
    • array []
    • number 2, -17 and 3.14
    • string "I am a string" and 'me too'
    • boolean true or false


  • @billp100 this is spectacular.