4k Dashboard

[Python]

Very nice layout!

I have a Model 3 on order and already have teslamate setup. I’m looking forward to making a “Tesla Dashboard” specific for my garage similar to how you’re showing your P85 and power use.

[cyberphox]

@aardal1 I wish I had to patience and creativity to really dive into CSS…instead I just wait for something like this to come along and shamelessly try and copy the code!
Great looking board!

[cowboysdude]

@cyberphox Eh don’t feel bad… I many of us do the same. LOL

I’d be VERY interested in his css for this…

[frog]

@cyberphox

Have you looked at https://github.com/tchellomello/python-ring-doorbell

[cyberphox]

@frog I haven’t…although I’m unsure what it has to do with CSS

[mvrlogins]

@python

I have a Model X and also use Teslamate

I’ve incorporated that into my mirror as below:

Using this module -
https://github.com/spitzlbergerj/MMM-TeslaLogger

And a little node script within an iframe to get the map

[SoleLo]

@Aardal1 can you share your custom code for MMM-Teslamate?

[N6NG]

@mvrlogins Nice mirror… How did you keep the calendar from fading the time section…I’ve been trying and can’t find out where to turn off the fade… Thanks
Dennis N6NG

[sdetweil]

@N6NG from the doc
.

[N6NG]

@sdetweil I don’t find fadePoint in the config.js file. Do I need to add it or is it in the calendar.css ?

[sdetweil]

@N6NG those are config.js settings

if not specified, then the default value is used.

so you can use
fade: false
to turn off fade

or
fadepoint:4
(for example to start the fade at 4th entry)

[N6NG]

@sdetweil I added the fadePoint ok but it only works on the event name. All the times are still faded which is what I don’t want faded.

[BKeyport]

@cowboysdude As am I. This would be VERY interesting.

[N6NG]

@BKeyport That’s why I asked the person with the 4K mirror.
He had the calendar without faded times and that’s what I want to do.

[mvrlogins]

@N6NG

Sorry for the late reply - missed your post

Following is my calendar config in config.sys

      module: 'calendar',
      position: 'top_right',
      header: 'CALENDAR',
      config: {
       
        maximumEntries: 21,
        maxTitleLength: 25,
        fade: false,
        displaySymbol: false,
        timeFormat: 'relative',
        nextDaysRelative: true,
        dateFormat: 'ddd MMM DD HH:mm',
        fullDayEventDateFormat: 'ddd MMM DD',
        calendars: [
          {
         
            symbol: 'home',
            url: 'webcal://p49-caldav.icloud.com/published/2/abcdefghijkl......mnopqrs',
            maximumEntries: 19
          },

Hope that helps

[N6NG]

@mvrlogins Thanks…
Dennis

[rdwilbrink]

your mirror looks nice. Can you share your css?

[greedyvegan]

thanks for this, it’s very inspiring.

[cyberphox]

Didd the CSS ever get shared?