MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. sithlordhood
    3. Best
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    S
    Offline
    • Profile
    • Following 1
    • Followers 2
    • Topics 3
    • Posts 28
    • Groups 0

    Posts

    Recent Best Controversial
    • My 1st MagicMirror2

      Here is my first MagicMirror:
      alt text alt text

      alt text

      Rear View:
      alt text
      (the green tape covers the very sensitive motion sensor, I went for this one in the end: http://tinyurl.com/jdkb9fw)

      The frame was made from Pine, stained with varnish.
      Vent holes in the top and bottom, small fan in the top to aid airflow.
      The bottom holes also allow for a few Status LED’s (Monitor power / PIR trigger) and also allow access to a potentiometer to adjust the sensitivity of the PIR.
      I also extended 2x USB ports from the Pi to the bottom of the mirror so that I can plug in a keyboard/mouse for maintenance purposes whilst the mirror is still mounted on the wall.

      If there is no PIR trigger for a few minutes the Pi disables HDMI output, putting the monitor into Standby. Detection to monitor back on is 4 seconds, since the sensor is very sensitive I never see the monitor powering back up.

      posted in Show your Mirror
      S
      sithlordhood
    • RE: My 1st MagicMirror2

      @djdwayneanthony Also here is my custom.css - it is only colour changes for the Weather forecast and not my work - copied from someone else’s post here…

      #/*****************************************************

      • 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. *
        *****************************************************/

      body {
      }

      .dimmed {
      color: #666;
      }

      .normal {
      color: #999’
      }

      .bright {
      color: #fff;
      }

      .brightb {
      color: #55acee;
      }
      .currentweather .wi-sunrise {
      color: #ffd700;
      }
      .currentweather .wi-sunset {
      color: #ffa500;
      }
      .currentweather .wi-day-sunny {
      color: #ffff00;
      }
      .currentweather .wi-night-showers {
      color: #55acee;
      }
      .currentweather .wi-degrees {
      color: #415;
      }
      .currentweather .wi-rain {
      color: #55acee;
      }
      .currentweather .wi-showers {
      color: #55acee;
      }
      .currentweather .wi-night-showers {
      color: #55acee;
      }
      .currentweather .wi-night-alt-cloudy-windy {
      color: #aaa;
      }
      .currentweather .wi-night-cloudy {
      color: #aaa;
      }
      .currentweather .wi-cloudy {
      color: #aaa;
      }
      .currentweather .wi-day-cloudy {
      color: #aaa;
      }
      .currentweather .wi-cloudy {
      color: #aaa;
      }
      .currentweather .wi-cloudy-windy {
      color: #aaa;
      }
      .currentweather .wi-showers {
      color: #55acee;
      }
      .currentweather .wi-thunderstorm {
      color: #ff00ff;
      }
      .currentweather .wi-snow {
      color: #fff;
      }
      .currentweather .wi-fog {
      color: #999;
      }
      .currentweather .wi-night-clear {
      color: #fff;
      }
      .currentweather .wi-night-rain {
      color: #55acee;
      }
      .currentweather .wi-night-thunderstorm {
      color: #ff00ff;
      }
      .currentweather .wi-night-snow {
      color: #fff;
      }

      .weatherforecast .wi-sunrise {
      color: #ffd700;
      }
      .weatherforecast .wi-sunset {
      color: #ffa500;
      }
      .weatherforecast .wi-day-sunny {
      color: #ffff00;
      }
      .weatherforecast .wi-night-showers {
      color: #55acee;
      }
      .weatherforecast .wi-degrees {
      color: #415;
      }
      .weatherforecast .wi-rain {
      color: #55acee;
      }
      .weatherforecast .wi-showers {
      color: #55acee;
      }
      .weatherforecast .wi-night-showers {
      color: #55acee;
      }
      .weatherforecast .wi-night-alt-cloudy-windy {
      color: #aaa;
      }
      .weatherforecast .wi-night-cloudy {
      color: #aaa;
      }
      .weatherforecast .wi-cloudy {
      color: #aaa;
      }
      .weatherforecast .wi-day-cloudy {
      color: #aaa;
      }
      .weatherforecast .wi-cloudy {
      color: #aaa;
      }
      .weatherforecast .wi-cloudy-windy {
      color: #aaa;
      }
      .weatherforecast .wi-showers {
      color: #55acee;
      }
      .weatherforecast .wi-thunderstorm {
      color: #ff00ff;
      }
      .weatherforecast .wi-snow {
      color: #fff;
      }
      .weatherforecast .wi-fog {
      color: #999;
      }
      .weatherforecast .wi-night-clear {
      color: #fff;
      }
      .weatherforecast .wi-night-rain {
      color: #55acee;
      }
      .weatherforecast .wi-night-thunderstorm {
      color: #ff00ff;
      }
      .currentweather .wi-night-snow {
      color: #fff;
      }

      }

      posted in Show your Mirror
      S
      sithlordhood
    • RE: My 1st MagicMirror2

      @djdwayneanthony Sure,

      Here is my config.js:

      /* Magic Mirror Config fILE
      *

      • By Michael Teeuw http://michaelteeuw.nl
      • MIT Licensed.
        */

      var config = {
      port: 8080,

      language: 'en',
      timeFormat: 24,
      units: 'metric',
      
      modules: [
      	{
      		module: 'alert',
      		config: {
      			welcome_message: 'Welcome, Magic Mirror boot-up successful!',
      			},
      	},
      	{
      		module: 'MMM-Remote-Control',
      

      //uncomment for url position: ‘top_left’,
      },
      //uncomment {
      //for module: ‘MMM-Snow’,
      //s position: ‘fullscreen_above’,
      //n config: {
      //o flakeCount: 50,
      //w }
      //! },
      {
      module: ‘clock’,
      position: ‘top_left’
      },
      {
      module: ‘calendar’,
      position: ‘top_left’,
      header: ‘The Hoods Calendar’,
      config: {
      maximumEntries: 25,
      maximumNumberOfDays: 365,
      maxTitleLength: 25,
      animationSpeed: 0,
      fadePoint: 1,
      timeFormat: ‘absolute’,
      urgency: 7,
      calendars: [
      {
      symbol: ‘calendar’,
      url: ‘GOOGLE CALENDAR URL’
      }
      ]
      }
      },
      {
      module: ‘currentweather’,
      position: ‘top_right’,
      config: {
      location: ‘Portchester,United Kingdom’,
      locationID: ‘2649692’, //ID from http://www.openweathermap.org
      appid: ‘API KEY’,
      },
      },
      {
      module: ‘weatherforecast’,
      position: ‘top_right’,
      header: ‘Weather Forecast’,
      config: {
      fadePoint: 1,
      location: ‘Portchester,United Kingdom’,
      locationID: ‘2649692’, //ID from http://www.openweathermap.org
      appid: ‘API KEY’,
      showRainAmount: true,
      },
      },
      {
      module: ‘MMM-NetworkScanner’,
      position: ‘top_right’,
      header: ‘Hood Family Mobile Phones’,
      config: {
      devices: [
      { macAddress: “MAC1”, name: " Internet Router", icon: “wifi”},
      { macAddress: “MAC2”, name: “Simon”, icon: “mobile”},
      { macAddress: “MAC3”, name: “Emma”, icon: “mobile”},
      { macAddress: “MAC4”, name: “Jacob”, icon: “mobile”},
      { macAddress: “MAC5”, name: “Rhiannon”, icon: “mobile”},
      ],
      showUnknown: false,
      showOffline: true,
      keepAlive: 240,
      updateInterval: 10,
      },
      },
      {
      module: ‘calendar_monthly’,
      position: ‘top_right’,
      config: {
      fadeSpeed: 2,
      showHeader: ‘true’,
      cssStyle: ‘custom’, //block, clean, slate or custom
      updateDelay: 5,
      },
      },
      {
      module: ‘newsfeed’,
      position: ‘bottom_bar’,
      config: {
      showDescription: true,
      feeds: [
      {
      title: “BBC News”,
      url: “http://feeds.bbci.co.uk/news/rss.xml?edition=uk”
      },
      ],
      showSourceTitle: true,
      showPublishDate: true
      }
      },
      {
      module: ‘MMM-Traffic’,
      position: ‘bottom_bar’,
      classes: ‘dimmed medium’,
      config: {
      api_key: ‘API KEY’,
      mode: ‘driving’,
      origin: ‘ORIGIN’,
      destination: ‘DESTINATION’,
      // arrival_time: ‘0730’, //optional, but needs to be in 24 hour time if used.
      route_name: ‘Simon - Home to Work’,
      changeColor: ‘true’,
      showGreen: ‘true’,
      limitYellow: 15, //Greater than 15% of journey time due to traffic
      limitRed: 30, //Greater than 30% of journey time due to traffic
      traffic_model: ‘pessimistic’,
      interval: 120000 //2 minutes
      },
      },
      {
      module: ‘MMM-Traffic’,
      position: ‘bottom_bar’,
      classes: ‘dimmed medium’, //optional, default is ‘bright medium’, only applies to commute info not r$
      config: {
      api_key: ‘API KEY’,
      mode: ‘driving’,
      origin: ‘ORIGIN’,
      destination: ‘DESTINATION’,
      // arrival_time: ‘0730’, //optional, but needs to be in 24 hour time if used.
      route_name: ‘Emma - Home to Nursery’,
      changeColor: ‘true’,
      showGreen: ‘true’,
      limitYellow: 15, //Greater than 15% of journey time due to traffic
      limitRed: 30, //Greater than 30% of journey time due to traffic
      traffic_model: ‘pessimistic’,
      interval: 120000 //2 minutes
      },
      },
      {
      module: ‘MMM-Traffic’,
      position: ‘bottom_bar’,
      classes: ‘dimmed medium’, //optional, default is ‘bright medium’, only applies to commute info not r$
      config: {
      api_key: ‘API KEY’,
      mode: ‘driving’,
      origin: ‘ORIGIN’,
      destination: ‘DESTINATION’,
      // arrival_time: ‘0730’, //optional, but needs to be in 24 hour time if used.
      route_name: ‘Home to Nana & Grandad Hoods’,
      changeColor: ‘true’,
      showGreen: ‘true’,
      limitYellow: 15, //Greater than 15% of journey time due to traffic
      limitRed: 30, //Greater than 30% of journey time due to traffic
      traffic_model: ‘pessimistic’,
      interval: 120000 //2 minutes
      },
      },
      {
      module: ‘mmm-systemtemperature’,
      position: ‘bottom_bar’,
      classes: ‘small dimmed’,
      config: {
      prependString: 'CPU Temp: ',
      updateInterval: 5000,
      animationSpeed: 0,
      },
      },
      {
      module: ‘updatenotification’,
      position: ‘bottom_bar’,
      },
      ]

      };

      /*************** DO NOT EDIT THE LINE BELOW ***************/
      if (typeof module !== ‘undefined’) {module.exports = config;}
      bolded text


      I have removed api keys, destinations, etc so anything in ITALICS you would require adding your own variable here as described in the modules.

      The Modules I used are:
      alert (default module)
      MMM-Remote-Control
      MMM-Snow (I only configure this ON during the holiday period!)
      clock (default module)
      calendar (default module)
      currentweather (default module)
      weatherforecast (default module)
      MMM-NetworkScanner
      calendar_monthly
      newsfeed (default module)
      MMM-Traffic (used three times, for different commutes)
      mmm-systemtemperature
      updatenotification (default module)

      posted in Show your Mirror
      S
      sithlordhood
    • RE: My 1st MagicMirror2

      @cowboysdude This is the one I used:

      http://www.ebay.co.uk/itm/Car-Dash-Flush-Mount-Dual-USB-1m-Male-to-Female-Extension-Cable-Lead-Panel-MA950-/272413643903?hash=item3f6d1e547f:g:rUkAAOSwDmBY4CTs

      posted in Show your Mirror
      S
      sithlordhood
    • 1 / 1