- My Forums
- Tiger Rant
- LSU Recruiting
- SEC Rant
- Saints Talk
- Pelicans Talk
- More Sports Board
- Fantasy Sports
- Golf Board
- Soccer Board
- O-T Lounge
- Tech Board
- Home/Garden Board
- Outdoor Board
- Health/Fitness Board
- Movie/TV Board
- Book Board
- Music Board
- Political Talk
- Money Talk
- Fark Board
- Gaming Board
- Travel Board
- Food/Drink Board
- Ticket Exchange
- TD Help Board
Customize My Forums- View All Forums
- Show Left Links
- Topic Sort Options
- Trending Topics
- Recent Topics
- Active Topics
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 CAD703X
Posted on 6/30/26 at 1:01 pm to CAD703X
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 on 6/30/26 at 2:52 pm to AaronDeTiger
quote:i'm not at that level yet.
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.
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 on 6/30/26 at 4:18 pm to CAD703X
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.
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 on 6/30/26 at 4:39 pm to AaronDeTiger
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

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 on 6/30/26 at 5:48 pm to CAD703X
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:
5. Have your mind blown :)
GitHub
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 on 6/30/26 at 6:01 pm to CAD703X
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 on 6/30/26 at 9:57 pm to Dallaswho
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 on 7/1/26 at 8:30 am to AaronDeTiger
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!!
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 on 7/1/26 at 10:01 am to CAD703X
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.

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 on 7/1/26 at 12:11 pm to CAD703X
That's fricking awesome! 
This post was edited on 7/1/26 at 12:12 pm
Posted on 7/2/26 at 11:33 am to CAD703X
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.

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 on 7/2/26 at 12:04 pm to AaronDeTiger
i can and shall report back!
that's pretty awesome btw
that's pretty awesome btw
Popular
Back to top

1





