Is anyone using their MM/RPi to monitor their broadband speed and uptime? I intend to use speedtest-cli with an MM graphing/display module. Just curious about how much bandwidth and memory it consumes, performance on an RPi, any existing/purpose-built modules, or other ideas/thoughts. Thanks!

@elaniobro IIRC, your folder and filename should match the Module.register() call exactly. So your folder should be MMM-my-module (and NOT MMM-MY-module). You also have an error in loader.js so that’s my guess. It’s doesnt look like loader.js does any manipulation except to add/compare to loadedFiles.

@maxbachmann You could write it in a CSV/tabular format and use a converter to transform it into JSON array format. You can also do it locally if you’re so inclined.

Does MM on the Zero start successfully without your custom module? Have you checked the naming of your module folder, files, config on the Zero? When you edit the files remotely in nano, do they look right (no encoding issues, etc)?

@twosquirrels It looks like you need to use the using_nunjucks branch. The default branch is still (it seems to me, on my phone) 1.0 – it doesn’t contain an .njk template file.

@himanshulotia Yes.

First, you can set colored: true in the config, then add color: "#d9b4b2” and color: "#a0cfe2" per the docs.

Second, have a look at the FontAwesome 4 docs. You could likely insert them into your headings. For how to insert images, you could probably use CSS if you can find the right selectors.

@twosquirrels Does MMM-MyCalendar support a column layout? I can’t find any reference to a columns property for its config: https://github.com/jclarke0000/MMM-MyCalendar/blob/master/README.md

@postremalone Fastest way to show MM is to have the RPi already running, then simply turn on the the display. Check out this thread here for use with a PIR or other sensor/button. Apparently, because it already draws such little power, there is no desire to implement suspend on RPi.

As for speeding up boot, as @lavolp3 said, the issue is not the logo, but booting the OS. You can strip down the Raspbian boot for speed, but it will never be instantaneous (sub 1 sec). You can apparently get down to 10 seconds with a stripped down distro and Class 10 SD card.

@rak I suggest you avoid using z-indexing, margins and absolutely positioning unless you added them (and understand their effects).

Here’s a site doing fundamentally what you want: https://css-tricks.com/methods-contrasting-text-backgrounds/

.clock div.time.bright.large.light {
  color: white;
  mix-blend-mode: difference;
}

I expect that it should work, but will depend on how the wallpaper is inserted into the DOM.

@zdenek No problem, it happens to all of us. Glad to hear it’s working!

@zdenek Go here. Follow the instructions to create an OAuth string, that will look something like this:
https://todoist.com/oauth/authorize?client_id=0123456789abcdef&scope=data:read,data:delete&state=secretstring

@jakuk It needs to say top_left, although I suspect that it does.

When you quit MM, how does the display appear – is the desktop small and in the middle, or fullscreen? It could also be an overscan issue but shouldn’t put everything “in the middle”.

You could also try to revert to the default config.js to determine if MM layout is working correctly.

@jakuk Start at this post. The CSS will change the style of each module (size, font, etc) but to have them appear in the appropriate regions, it’s best to use your module configurations in config.js.

@twosquirrels So, I suspect (but cannot be certain) that this is your problem. I’ve not found great browser support for EXIF image rotation. There are a variety of command line approaches available, and even some GUI apps.

@pierrepi I posted recently on how to “stash” your changes in git. You don’t want to commit them, except to share with others.

@juju Yep, just body {}: custom.css at GitHub

@mrcoffee What does your config look like? Quickly reading the readme, it seems it should be:

modules: [
  {
  module: 'MMM-iHaveBeenThere',
  position: 'lower_third',
    config: {
      ...
      zoomLevel: 0
    }
  }
]

You can also check out the map examples at AMCharts on which it is built.

The default zoomLevel is 4.5. Have you tried incrrmenting it down (e.g. 4, 3.5, 3, etc) to see if it’s working and does what you want?

@hsukup1 It’s not an easy problem. The crowdsourced solutions are not good, and the private solutions are not cheap. There’s MyGasFeed, but like GasBuddy it relies on crowdsourced data. Do you need station-specific data? AAA has state and municipal data available on their website.

It looks like Geico also offers prices via the mobile app. You could install it, perform the search, and inspect the traffic and query. It could very well be making unobfuscated calls to the API. Just keep in mind that relying on that method, it may eventually break (especially if you attract attention with abuse of the API).

@chef The POST request isn’t sending it an image, it’s sending the URL to the image (e.g. http://192.168.2.18:9920/security/values/2). The problem is, it already has a cached copy of that image. I suggest you append a timestamp to trick electron into re-fetching the same image/resource.

You want to pass it a URL-encoded value, so use %3F as ? and just append your timestamp, like so:

http://192.168.2.48:8080/api/v1/modules/alert/show_ALERT?timer=10500&imageUrl=http://192.168.2.18:9920/security/values/2%3F
{INSERT TIMESTAMP HERE}&imageHeight=220px

@kj3rra Not sure that @strawberry-3.141 will agree with the approach, but you can actually achieve the same thing with just CSS animations (and avoid creating a module).

Try either the following in your css/custom.css file:

 /* this will cause the image to fade out for about 2 seconds every 2 minutes */
body{ animation: fading 60s infinite alternate; }
@keyframes fading {
  0%, 98% { opacity: 1; }
  100% { opacity: 0; }
}

- or -

 /* this will cause the image to slide down, across 10px after 30 seconds, for 30 seconds, then back up */
body{ animation: slide 60s linear infinite alternate;}
@keyframes slide {
  0%, 49% { transform: translate(0, 0); }
  50%, 100% { transform: translate(10px, 10px); }
}

You can adjust the time value (i.e. 60s) to more/less as you like (but be careful, 2% of one hour is over 2 minutes). You can also adjust the percentages, and use decimal percents, like 0.5% if needed. CSS 2D transforms should not take too much memory or cause issues on an RPi. I assume that Chromium/Electron supports CSS 3 animations. YMMV.