I like to keep my HA front page light weight, clutter free and perhaps even a bit delightful for maximum partner approval . After testing out various setups using glance and picture cards I ended up building a lightweight banner card that simply combines the three factors big bold text, interactive entity glances and warm fuzzy colors.
So here is my fluffy banner-card for the rest of ya’ll to consume if you too want a less tech-heavy HA view.
I use the card to represent snapshots of rooms instead of for example using a floorplan (which is cool but hard to use imo for every day usage).
The card looks best with 3 entities listed imo, but I do have some that have between 4 and 6 to produce two rows of glance entities.
Oh, if you find the name to be off in any way I must confess I had a hard time coming up with a satisfactory name, but banner-card feels close enough for me as it’s a bit inspired by billboard banners
Right now there is support for the light domain to render a toggle as that simply is my main need. I expect people will start asking for buttons for other domains and I’m sure I’ll add that as the requests come in; Or, please, do provide Pull requests on Github
I did move font sizes into CSS vars and published a 0.2 so you can see what you can do with that.
That is not changing in my photo. The downside of emojis are that they differ from OS to OS, thats why ours look different. The icon is just the weird part of the string in my examples, its an encoded UTF sequence referencing the emoji.
No, I chose to lock it at 3 items and then wrap because thats simply what looked best. All you can do is to order your entities so that you have them logically grouped in order.
@nervetattoo This is great work. Thanks for taking the time to put it together and share it. Is it possible to change the size [width] of each card? If I create a view to use on a wall-mounted tablet it only takes 4 cards
No I mean the entire card. Have a look at the view in this screenshot. Three cards with space for 1 more. I’d like to make each card smaller so I can fit more into the view
Thanks to some contributions and some more motivation after the good reception a 0.4 release was just published that contains some neat updates like switch+cover+media_player support, configurable grid for entities. Read the changelog in the Github release here
sorry to interrupt but would you mind sharing your theme, background image and especially your layout-css-config for the buttons?
I love your buttons in combination with your theme, but I was unable to completely recreate the style.
So it would be awesome to have your theme and button-css-template.