Started By
Message

re: Update pg 3 - 43" bar information home assistant display now in beta!

Posted on 6/30/26 at 1:01 pm to
Posted by AaronDeTiger
baton rouge
Member since Jun 2014
2461 posts
Posted on 6/30/26 at 1:01 pm to
I like that design, clean and modern. Are you creating everything to be handled in one custom lovelace card? In my opinion, that's the way to go. You can control every pixel at that point.
Posted by CAD703X
Liberty Island
Member since Jul 2008
93972 posts
Posted on 6/30/26 at 2:52 pm to
quote:

Are you creating everything to be handled in one custom lovelace card? In my opinion, that's the way to go. You can control every pixel at that point.
i'm not at that level yet.

right now i'm doing some experiments to get a white 'chaser' halo to run around the back of the active card like a backlit LED

my next step is to break everything down into common libraries so its easier to apply to any of the cards. still not 100% sure i know where i'm going because every time i see something cool i'm like 'oooo, i want that' so i can't seem to nail down the card designs just yet.

tell me a little more about how i would turn this into one lovelace card? i had to convert the top card of the vacuum display to HTML because i was getting flickering between every map update so the solution was to always have an 'a' and 'b' cached image instead of the native dreame integration and then swap between them so there's no overhead to cause that brief flicker when it re-renders the card.
Posted by AaronDeTiger
baton rouge
Member since Jun 2014
2461 posts
Posted on 6/30/26 at 4:18 pm to
The vacuum flicker fix is the same instinct. You took over the render instead of letting the integration do it. That's the whole idea, just taken all the way.

Instead of stacking separate cards, you register one card with HA. Inside it you own everything. Every card, every pixel, every animation. HA hands you the data, you decide what gets drawn and when. Nothing re-renders unless you say so, so the flicker just goes away. You can do that same a/b swap everywhere once you're drawing it all yourself.

Don't design all the cards up front though, that's the trap I fell into, wanting every cool thing I saw. What actually unblocked me was building the shared pieces first. One place for colors, one for animation timing, one for layout. Then every card pulls from those. That's your common libraries step. Do it early, because after that, adding a new card is fast and they all match automatically. Your halo can now be applied to every new card easily and tweaked in one place.
Posted by CAD703X
Liberty Island
Member since Jul 2008
93972 posts
Posted on 6/30/26 at 4:39 pm to
halo is in a shared css right now. here's my first redraw of the irrigation card.

looks great on a 43", looks like shite in this pic

the halo changes from yellow to green as it flows around the highlighted card. background is still too dark; i want the cards to mimic the avalanche one more with the drop shadow.

OLD


NEW



still wrapping my head around your suggestion..i can't believe you read that whole paragraph about me using the 'a' and 'b' images



OLD


NEW
This post was edited on 6/30/26 at 4:50 pm
Posted by AaronDeTiger
baton rouge
Member since Jun 2014
2461 posts
Posted on 6/30/26 at 5:48 pm to
Dude!

1. Read the read me.
2. Copy and paste the custom instructions into your AI projects custom instructions.
3. Drop Family-Dashboard, GUI, Engine, Tiles specs into your AI project knowledge.
4. Enter this as your first message in the AI project:
quote:

COLD START — AUDIT & PLAN
You're now set up as the build assistant for my Home Assistant dashboard, modeled on Aaron's "Wall" system. You have four specs in your project knowledge: family-dashboard, gui, engine, tiles. Before we build anything, I need you to do two things, in order. Don't write any code yet.
1. Audit Aaron's system (what you've been handed).
Read all four specs end to end. Then tell me back, in plain English:

What this system actually is — the engine architecture, the single-custom-card approach, how tiles/faces work, how the specs relate to each other.
The hard rules and invariants I'll be inheriting (animation constraints, the doors, module discipline, write/validation discipline, the session ritual).
Anywhere a spec value is stripped (>>>[SOMETHING]<<<) or is specific to Aaron's house (his cameras, calendars, hardware, entity IDs) that won't apply to mine.

2. Audit MY current setup (what I'm bringing).
Ask me for whatever you need to understand my starting point — my hardware, how HA is running, what's on my dashboard today, which integrations/entities I actually have, what display I'm targeting, and what I want the dashboard to do and feel like. Don't assume mine matches Aaron's. Pull the differences out explicitly.
3. Give me a rebuild plan.
Once you understand both sides, produce a phased plan to rebuild my dashboard in this system:

What I adopt from Aaron's engine wholesale vs. what has to change for my hardware/entities.
The order of operations — what gets stood up first (engine scaffold, then which tiles), and why.
The tile list for my house, mapped to my real integrations/entities, with anything I'm missing flagged.
Where my setup will need decisions I haven't made yet (kiosk method, screen-off, network, burn-in defense).

Present the plan and stop. I'll confirm before any code gets written. Don't re-litigate Aaron's settled architecture calls — adopt the method, adapt the specifics.

5. Have your mind blown :)

GitHub
Posted by AaronDeTiger
baton rouge
Member since Jun 2014
2461 posts
Posted on 6/30/26 at 6:01 pm to
This is the prompt I just put in cold in my project. When I get back from taking out the trash he'll have the plan ready. Then I'll tweak it and tell him to build. When I come back after cooking dinner, it'll be working on the screen

quote:

my daughter had a cool idea. She wants a blast of confetti to fall from the top edge of the screen when somebody wins a chess game. If its 2 player, use their names or White/Black if no names entered and say something like Aaron Wins! It shouldnt feel Metro. It should be a nice hero type of animation that breaks away from our metro theme just for this instance. something like how sticky notes just feels different and lives on top of Metro. If its vs CPU, and the real player loses, we also need some sort of You Lost bad pulsing red glow type of feel, like red spinning police lights are off screen. Investigate and give me your thoughts on how we can improve this and make it really cool and unique. Then after i approve the plan, you code.
Posted by AaronDeTiger
baton rouge
Member since Jun 2014
2461 posts
Posted on 6/30/26 at 9:57 pm to


Project complete.

I know you're lurking Dallas. What have you been working on?

ETA: thats my week of Independence Day auto theme kicking in. Handles the lights too.
This post was edited on 6/30/26 at 10:07 pm
Posted by CAD703X
Liberty Island
Member since Jul 2008
93972 posts
Posted on 7/1/26 at 8:30 am to
Wtf you beat your little girl you heartless man.

Really well done.

I'm about to design my friend's setup and it's going to be massive so I need to stop procrastinate and take your suggestions to heart on that.

Did I mention he ordered a wifi elevator from temu he's installing himself?

My original plan called for the robot vac take the elevator from floor to floor automatically but that got left on the editing room floor when he didn't get automatic doors we could open when the vac approached.


eta update your add-ons you slacker!!
This post was edited on 7/1/26 at 9:46 am
Posted by CAD703X
Liberty Island
Member since Jul 2008
93972 posts
Posted on 7/1/26 at 10:01 am to
USA!
USA!
USA!

you inspired me again..i got a new dash just for july 4 i'm working on...



the countdown for the bbq and fireworks just kills me.

Posted by AaronDeTiger
baton rouge
Member since Jun 2014
2461 posts
Posted on 7/1/26 at 12:11 pm to
That's fricking awesome!
This post was edited on 7/1/26 at 12:12 pm
Posted by AaronDeTiger
baton rouge
Member since Jun 2014
2461 posts
Posted on 7/2/26 at 11:33 am to
I'm attempting to bring my hurricane card public as an integration. Would you mind trying to add it to your dashboard?

Install via HACS as a custom repository: (HACS > three-dot menu > Custom repositories > paste this URL > type: Integration > Add > Download > restart Home Assistant). Then add the integration under Settings > Devices & Services > Add Integration > Hurricane Tracker. Finally, hard-refresh your browser (Ctrl/Cmd+Shift+R) and add card manual type: custom:hurricane-card to a dashboard.


This post was edited on 7/2/26 at 11:42 am
Posted by CAD703X
Liberty Island
Member since Jul 2008
93972 posts
Posted on 7/2/26 at 12:04 pm to
i can and shall report back!

that's pretty awesome btw
Jump to page
Page First 9 10 11
Jump to page
first pageprev pagePage 11 of 11Next pagelast page
refresh

Back to top
logoFollow TigerDroppings for LSU Football News
Follow us on X, Facebook and Instagram to get the latest updates on LSU Football and Recruiting.

FacebookXInstagram