• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Magic Mirror Redesign WIP :D

Scheduled Pinned Locked Moved Showcase
47 Posts 21 Posters 30.6k Views 26 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • E Offline
    earlman
    last edited by earlman Aug 29, 2019, 6:12 PM Aug 29, 2019, 6:10 PM

    Project Update (& Installation Instructions)

    @skibro @bachoo786 @Sean @smackenzie5
    Alrighty y’all! Got some great news for those who wanna try this setup out. Heads up though—might take a bit of time to set up,
    so don’t expect to get it looking right in a couple clicks.

    First, I’ve added Pexels support to MMM-Wallpaper (thanks @kolbyjack for the quick response).

    As for everything else, all the instructions for setting it up can be found here

    Though I’ve been doing development work for a while, this is one of my first open-source projects, so I’ll definitely do my best to help you guys out if you need it.

    S 1 Reply Last reply Aug 31, 2019, 10:33 PM Reply Quote 0
    • L Offline
      lavolp3 Module Developer @earlman
      last edited by lavolp3 Aug 30, 2019, 10:27 PM Aug 30, 2019, 10:25 PM

      @earlman I have to say I really love the grid concept. I have a monitor sitting in the lower right corner of the mirror and a grid design would look much better.
      Can you share your main.css or is it on GitHub?
      Sorry just saw the latest reply with all the information I needed. Thanks man!!

      How to troubleshoot modules
      MMM-soccer v2, MMM-AVStock

      E 1 Reply Last reply Sep 1, 2019, 3:48 AM Reply Quote 0
      • S Offline
        smackenzie5 @earlman
        last edited by Aug 31, 2019, 10:33 PM

        @earlman
        Thanks for putting this together.
        Finally had some time to work on this today but got the following error message when running it for the first time:

        pi@raspberrypi:~ $ cd MagicMirror
        pi@raspberrypi:~/MagicMirror $ sudo npm start
        
        > magicmirror@2.7.1 start /home/pi/MagicMirror
        > sh run-start.sh
        
        Starting MagicMirror: v2.7.1
        Loading config ...
        WARNING! Could not validate config file. Starting with default configuration. Please correct syntax errors at or above this line: /home/pi/MagicMirror/config/config.js:116
            				pexels_key: [my API key was here],
            				             ^^^^^^
        
        SyntaxError: Invalid or unexpected token
            at new Script (vm.js:74:7)
            at createScript (vm.js:246:10)
            at Object.runInThisContext (vm.js:298:10)
            at Module._compile (internal/modules/cjs/loader.js:678:28)
            at Object.Module._extensions..js (internal/modules/cjs/loader.js:722:10)
            at Module.load (internal/modules/cjs/loader.js:620:32)
            at tryModuleLoad (internal/modules/cjs/loader.js:559:12)
            at Function.Module._load (internal/modules/cjs/loader.js:551:3)
            at Module.require (internal/modules/cjs/loader.js:658:17)
            at require (internal/modules/cjs/helpers.js:20:18)
        Loading module helpers ...
        Initializing new module helper ...
        Module helper loaded: updatenotification
        No helper found for module: helloworld.
        All module helpers loaded.
        Starting server on port 8080 ... 
        Server started ...
        Connecting socket for: updatenotification
        Sockets connected & modules started ...
        Launching application.
        

        Here’s my config.js:

        {
        			module: "MMM-Wallpaper",
        			position: "fullscreen_below",
        			config: { // See "Configuration options" for more information.
        				source: "pexels",
            				slideInterval: 60 * 1000, // Change slides every minute
            				orientation: "vertical",
            				pexels_key: [my API key was here],
            				pexels_search: "beach"
        				}
          		},
        

        Thoughts?

        Thanks,
        Scott

        S 1 Reply Last reply Sep 1, 2019, 12:00 AM Reply Quote 0
        • S Offline
          sdetweil @smackenzie5
          last edited by Sep 1, 2019, 12:00 AM

          @smackenzie5 said in Magic Mirror Redesign WIP :D:

          exels_key: [my API key was here],

          you need to get a pexels api key and put in where the text says

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          S 1 Reply Last reply Sep 1, 2019, 2:14 AM Reply Quote 0
          • S Offline
            smackenzie5 @sdetweil
            last edited by Sep 1, 2019, 2:14 AM

            @sdetweil
            Yeah, I have the Pexels API key.
            Replaced it with those words just for the forum post.

            @earlman
            BTW - getting the Pexels API key was immediate, no wait

            Thanks,
            Scott

            S 1 Reply Last reply Sep 1, 2019, 3:29 AM Reply Quote 0
            • S Offline
              sdetweil @smackenzie5
              last edited by sdetweil Sep 1, 2019, 3:46 AM Sep 1, 2019, 3:29 AM

              @smackenzie5 did you put quotes around the key value? If not, that would explain the config error message

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • E Offline
                earlman
                last edited by Sep 1, 2019, 3:45 AM

                @smackenzie5 nice good news, glad it was quick to get.

                What sdetweil said, did ya put quotes around the key?

                S 1 Reply Last reply Sep 1, 2019, 7:14 AM Reply Quote 0
                • E Offline
                  earlman @lavolp3
                  last edited by Sep 1, 2019, 3:48 AM

                  @lavolp3 Yup, no problem :D hope it works out, if you’re having layout troubles feel free to post a screenshot. Haven’t tested this on a more filled out layout so I’d be curious how it looks

                  1 Reply Last reply Reply Quote 0
                  • S Offline
                    smackenzie5 @earlman
                    last edited by Sep 1, 2019, 7:14 AM

                    @earlman @sdetweil
                    Yeah, that would be the problem…
                    Works now - thanks.

                    Two pictures, before and after:
                    0_1567321977815_Before.png
                    0_1567321988962_After.png

                    Obviously, have some work to do on the After but it’s too late tonight to get started with that.

                    Thanks,
                    Scott

                    1 Reply Last reply Reply Quote 0
                    • N Offline
                      nobita @earlman
                      last edited by Sep 3, 2019, 3:23 AM

                      @earlman
                      I have question
                      how to add emoji or Icon on Header Text
                      Thanks for hint

                      E 1 Reply Last reply Sep 3, 2019, 3:41 AM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 2 / 5
                      2 / 5
                      • First post
                        17/47
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy