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

    Wedee

    @Wedee

    19
    Reputation
    2.1k
    Profile views
    36
    Posts
    13
    Followers
    0
    Following
    Joined
    Last Online

    Wedee Unfollow Follow

    Best posts made by Wedee

    • Family Info Board

      Hello all,

      Thanks to Michael for his development of the Magic Mirror.

      I had grabbed a Pi to give it a go as a cheap media player. As I was impressed with this little wonder I started looking at what else was I might be able to do with it. Low and behold the magic mirror popped up. I wasn’t interested in a mirror but as a simple family info board it would work quite nicely.

      Needed a gift for the wife, and decided that would give me reason to purchase another PI. So I loaded up and started playing. Here is what I came up with (Thanks to many others on the forums as a gleaned info from so many places).

      0_1481164007673_no_sonos.jpg

      0_1481164030405_sonos.jpg

      Added Modules
      MMM-FAA-Delay
      MMM-Nest
      MMM-Wunderlist
      sonos
      calendar_monthly
      as well as a few tweaks to the Calendar module and a custom.css

      Thanks

      EDIT 10/20/2018
      **Sorry all - with the Family Info Board working so well I haven’t visited the forums for quite a while and didn’t realize that my notifications were off. Here is the Background
      0_1540059761782_bg2.jpg

      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-size: 26px;
        font-family: "Roboto Condensed";
        font-weight: 600;
        border-bottom: 1px solid white;
        line-height: 15px;
        padding-bottom: 5px;
        margin-bottom: 10px;
        color: cadetblue;
      }
      
      body {
        margin: 60px;
        position: absolute;
        height: calc (100% - 120px);
        width: calc (100% - 120px);
        background-image: url('bg2.jpg');
        background-repeat: no-repeat;
        background-size: 1920;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 400;
        font-size: 2em;
        line-height: 1.5em;
        -webkit-font-smoothing: antialiased;
      }
      
      .MMM-Wunderlist, div#module_9_MMM-Wunderlist {
      	width: 550px;
      }
      
      .calendar_monthly, div#module_6_calendar_monthly table.small {
          width: 550px;
      	background-color: rgba(63, 182, 236, 0.23);
          border-radius: 7px;
      	padding: 10px;
      	}
      .calendar, div#module_7_calendar {
      	width: 550px;
      	font-size: 26px;
      }
      
      .MMM-Nest, div#module_8_MMM-Nest {
      	width: 550px;
      }
      
      .MMM-FAA-Delay, div#module_11_MMM-FAA-Delay {
      	width: 550px
      	color: white;
      	font-size: 26px;
      }
      .calendar .time {
        color: white;
        width: 150px;
        padding-left: 10px;
        text-align: right;
        font-size: 75%;
      }
      .calendar .title, .hourv, .clock .date {
       	color: white;
      }
      .dimmed { 
      	color: lavender;
      }
      .normal {
      	color: cadetblue;
      }
      .bright {
      	color: white;
      }
      .clock .time {
        	color: white;
      	font-size: 100px;
      	padding-top: 25px;
      	padding-bottom: 25px;
      }
      .currentweather .wi-sunrise {
        	color: #ff0;
      }
      .currentweather .wi-sunset {
        	color: #eb0;
      }
      .currentweather .wi-night-showers {
              color: #07f;
      }
      .currentweather .wi-degrees {
              color: #415;
      }
      .currentweather  .wi-rain {
              color: #00f;
      }
      .currentweather  .wi-showers {
              color: #07f;
      }
      .currentweather  .wi-night-showers {
              color: #07f;
      }
      .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: #00f;
      }
      .currentweather  .wi-thunderstorm {
              color: #ff0;
      }
      .currentweather  .wi-snow {
              color: #fff;
      }
      .currentweather  .wi-fog {
              color: #999;
      }
      .currentweather  .wi-night-clear {
              color: #fff;
      }
      .currentweather  .wi-night-rain {
              color: #00f;
      }
      .currentweather  .wi-night-thunderstorm {
              color: #ff0;
      }
      .currentweather  .wi-night-snow {
              color: #fff;
      }
      .airport .code {
          font-size: 32px;
      }
      .airport .message {
          font-size: 26px;
      }
      .airport .weather {
      	font-size: 20px;
      }
      
      

      Please keep in mind that this has not been updated from 2016, and may or may not have issue with the latest versions.

      Currently updating (Today) to the latest of everything and its time for a change in look…

      posted in Showcase
      W
      Wedee
    • RE: Screen Margins?

      Try modifying the custom.css and add…

      body {
      margin: 0px;
      height: 100%;
      width: 100%;
      }

      Reboot and see what you get. custom.css is where you should add the code as its loaded last and overrides the settings in the specific css files. This way you can update modules and not lose any custom work.

      posted in Troubleshooting
      W
      Wedee
    • RE: Patience while learning .css - why does the following not work in my custom.css

      Try

      .clock .time, .clock .date {
      color: #628;
      }

      or

      .time, .date {
      color: #628;
      }

      posted in Development
      W
      Wedee
    • RE: Family Info Board

      To get to the API spot use the shortcuts “Here” located in the config section…

      https://github.com/paviro/MMM-Wunderlist

      As to what you want to fill in use this topic for assistance…

      https://forum.magicmirror.builders/topic/388/wunderlist-acess-token

      posted in Showcase
      W
      Wedee
    • RE: showHumidity

      Add…

      .currentweather .wi-sunrise {
      color: #ff0;
      }
      .currentweather .wi-sunset {
      color: #eb0;
      }
      .currentweather .wi-night-showers {
      color: #07f;
      }
      .currentweather .wi-degrees {
      color: #415;
      }
      .currentweather .wi-rain {
      color: #00f;
      }
      .currentweather .wi-showers {
      color: #07f;
      }
      .currentweather .wi-night-showers {
      color: #07f;
      }
      .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: #00f;
      }
      .currentweather .wi-thunderstorm {
      color: #ff0;
      }
      .currentweather .wi-snow {
      color: #fff;
      }
      .currentweather .wi-fog {
      color: #999;
      }
      .currentweather .wi-night-clear {
      color: #fff;
      }
      .currentweather .wi-night-rain {
      color: #00f;
      }
      .currentweather .wi-night-thunderstorm {
      color: #ff0;
      }
      .currentweather .wi-night-snow {
      color: #fff;
      }

      to your custom.css file.

      posted in Troubleshooting
      W
      Wedee
    • RE: Family Info Board

      It is added just below the config: {

      Like this…

      {
      	module: 'MMM-Wunderlist',
              position: 'top_right',  // This can be any of the regions. Best results in left or right regions.
              header: 'XXX', // This is optional
              config: {
                  accessToken: 'xxxxxxx',
      	    clientID: 'xxxxxxx',
      	    lists: ["XXXX"],
      	    fade: false,
      	    interval: "120"
      		      }
      },
      
      posted in Showcase
      W
      Wedee
    • RE: Trying to add a background picture, {Body} doesnt work

      @oscarkindberg You will not be able to float the layer of grey over top. The background services do not support layering. I had tried multi layers for background images and had to make a single background image myself in Gimp to make it work.

      posted in Troubleshooting
      W
      Wedee
    • RE: Family Info Board

      @bhepler

      Sorry just got back from a work trip to Europe. Yes the Family loves the board. Already have made several improvements, and have several more ideas we want to try. I had bought an additional Raspberry Pi to play with and successfully set up Alexa, so I think that is the next major add to the info board.

      After telling a few at work about the idea two more guys have set up a similar board at their place, and their families love it as well.

      posted in Showcase
      W
      Wedee
    • RE: Family Info Board

      As I have already done for many, just shoot me a PM with your email address and I will send the custom.css and background.

      posted in Showcase
      W
      Wedee

    Latest posts made by Wedee

    • RE: Family Info Board

      I imagine the Custom.CSS failure is related to the fact that its calling for an image. I would remove the two lines related to the Background and see if it works then. Other than some colors and of course the forcing of the column widths there is not really much in the custom.css

      In the config.js I sent you via email - you will see I changed to using the module MMM-Profilepicture pointing back at localhost to host backgrounds there. It is much cleaner easier to use. I also switched from wunderlist to todoist for the todo list…

      I have not done much other than change the background for many years now - Wife is asking for a refresh, and we picked up a Narrow hutch someone was throwing away that with a coat of paint some new handles and a new monitor will make for an excellent info board - so once that is refinished i will start anew again but this time the screen will be in portrait.

      Good luck and happy learning

      posted in Showcase
      W
      Wedee
    • RE: MMM-MyScoreboard

      @j-e-f-f

      Just double checked…

      Git Pull “Up to date”

      And pulling from original repo…
      0_1543805279053_b8006c14-1f98-48bd-b7d0-2d86d6516577-image.png

      posted in Sport
      W
      Wedee
    • RE: MMM-MyScoreboard

      @j-e-f-f
      Using your repo - not the fork. Getting this today.

      0_1543805063089_598c5ca7-9a85-4096-94c6-0520c94c950e-image.png

      posted in Sport
      W
      Wedee
    • RE: MMM-MyScoreboard

      @j-e-f-f
      Thanks for the reply. Look forward to the update.

      posted in Sport
      W
      Wedee
    • RE: MMM-MyScoreboard

      @vinp
      I had to use
      sudo rm -rf MMM-MyScoreboard
      as the directory was not empty.

      And had to also throw a
      npm cache clean
      prior to npm install
      to get rid of the install errors regarding “Failed to parse json”

      When my MagicMirror starts I see the header, then it disappears and it is not populating any of today’s NFL games. Configuration is the same as I was using before the issues started. Aside from the data sources nothing else changed in this fork right?

      posted in Sport
      W
      Wedee
    • RE: MMM-MyScoreboard

      @bkeyport @j.e.f.f I would agree, I love the module and there are many configuration / layout options available. Would be nice maybe to utilize the “rolloverHours” set to 0 on NFL that shows all selected teams / divisions for the entire week.

      Thanks for all the work on this awesome module!

      posted in Sport
      W
      Wedee
    • RE: Family Info Board

      I edited the main post with more info… sorry it took so long.

      posted in Showcase
      W
      Wedee
    • RE: Home Info Board

      Sorry, board works so well I haven’t touched for over a year. Didn’t realize that people were still interested.

      I edited my post with my mess of a custom CSS, but yes I just force the width of the columns.

      In the custom CSS if you add width: 550px; to one item for each column it will force it to that width and draw the line the full width. 550px seems to work well with 1920 width and the default pad / margins.

      posted in Custom CSS
      W
      Wedee
    • RE: Family Info Board

      @emos Shoot me a PM with your email and I will add you to the dropbox share i have of the files.

      posted in Showcase
      W
      Wedee
    • RE: Family Info Board

      @emos I believe its just a function of my CSS forcing column widths (width: xxxpx;). As the headers of the module are usually set to “float” the forcing of a width makes them span the entire column.

      I have not touched the mirror in about a year - it just runs.

      posted in Showcase
      W
      Wedee