That was my original purpose of this project. This is where I am at right now, I’m still adding things, and stylizing. Pay no attention to the colors, just practicing css and helping see the different sections.
I plan on building a frame to mount this to the side panel of my fridge.
This forum was moved to another machine and updated to a recent version. If you are unable to login please delete your browser cookies and cache and restart your browser.A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.
Read the statement by Michael Teeuw here.
B
Best posts made by billp100
-
RE: Magic Mirror minus the mirror
-
RE: Magic Mirror minus the mirror
@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;}
-
RE: Magic Mirror minus the mirror
@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; }