Carte imaginaire HA

Hello,

Après avoir passé un bon moment en visitant cette expo:

j'ai demande à mon ia préférée de générer un truc dans le genre... c'est mon fond d'écran actuel

Hello

au 4 coins via les icone , les clic possible pour appel fonction ou autres, ou juste cela pour faire jolie ?

Salut.

Mon juste décoratif chez moi mais c'est une bonne idée de dashboard.

Il manque la contrée Bogue !

Hello,

ça manque de lego :upside_down_face:

cdt

Test Card

2 « J'aime »

Habitants des lieux imaginaires :rofl:

j'adore le graph !! :star_struck:

Les bugs sont bien présents, un peu partout

le nouveau elder scrolls: HASSrim !

je viens d'aller voir ce que cela eté , jeu video ...
je suis d'un monde ou je connais que dalle dans ce dommaine !

Re,

j'avais pas de bougie sous la main, mais je pense qu'on comprend bien l'idée :smiley:

Peek 31-05-2026 19-42

code
type: custom:button-card
entity: switch.prise_ventilateur_labo
show_name: false
show_state: false
show_entity_picture: true
size: 100px
styles:
  card:
    - background: transparent
    - border: none
    - box-shadow: none
    - height: 150px
    - width: 150px
  custom_fields:
    flamme:
      - position: absolute
      - top: 10px
      - left: 50%
      - transform: translateX(-50%)
      - width: 20px
      - height: 30px
      - pointer-events: none
state:
  - value: "on"
    entity_picture: /local/plan3D/piece maxi/ventilo.gif
    custom_fields:
      flamme: |
        <div class="candle-flame"></div>
  - value: "off"
    entity_picture: /local/plan3D/piece maxi/ventilo.png
tap_action:
  action: toggle
extra_styles: >
  /* Force le curseur "main fermée" */

  :host {
    cursor: grabbing !important;
  }

  :host * {
    cursor: grabbing !important;
  }


  /* Style de la flamme */

  .candle-flame {
    width: 15px;
    height: 25px;
    background: linear-gradient(to bottom, #fff 0%, #ffa500 40%, #ff4500 80%, rgba(0,0,0,0) 100%);
    border-radius: 50% 50% 20% 20% / 60% 60% 40% 40%;
    animation: flicker 0.1s infinite alternate;
    filter: drop-shadow(0 0 10px rgba(255, 165, 0, 0.8));
  }

  @keyframes flicker {
    0% { transform: scale(1) rotate(-1deg); opacity: 0.95; }
    100% { transform: scale(1.05) rotate(1deg); opacity: 1; filter: drop-shadow(0 0 12px rgba(255, 165, 0, 1)); }
  }

:grin:

cdt