• 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.8k 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.
  • ? Offline
    A Former User
    last edited by Aug 28, 2019, 7:18 AM

    Is it possible to use horizontal layout instead vertical?

    E 2 Replies Last reply Aug 28, 2019, 6:15 PM Reply Quote 1
    • E Offline
      earlman @Guest
      last edited by Aug 28, 2019, 6:15 PM

      @Sean yup! The reason I messed around with the CSS so much was to make it much more flexible with different screen sizes. I’ll post a screenshot once I get back to my computer

      1 Reply Last reply Reply Quote 0
      • E Offline
        earlman @Guest
        last edited by Aug 28, 2019, 10:14 PM

        @Sean i like keeping it pretty minimal right now, but here’s what it looks like in landscape 0_1567030482787_25D7C3A6-B9CA-4000-97FB-A1B08E8810AD.png

        ? 1 Reply Last reply Aug 29, 2019, 6:29 AM Reply Quote 0
        • S Offline
          smackenzie5 @earlman
          last edited by Aug 29, 2019, 3:08 AM

          @earlman
          I’m using the default clock, calendar, current weather, and weather forecast. I’m also using google-route. I’d be interested in anything you could do to make the Google map look better in the route module. I assume you don’t care about the modules that run in the background and don’t show on the screen. Thanks

          1 Reply Last reply Reply Quote 0
          • ? Offline
            A Former User @earlman
            last edited by Aug 29, 2019, 6:29 AM

            @earlman
            Looks so nice. I want to try yours.

            1 Reply Last reply Reply Quote -1
            • 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
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 2 / 5
                      2 / 5
                      • First post
                        12/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