plant card

cards:
  - type: 'custom:flex-horseshoe-card'
    entities:
      - entity: sensor.miflower_moisture
        decimals: 0
        icon: 'mdi:memory'
        name: ' '
        area: orchidee
      - entity: sensor.miflower_conductivity
        decimals: 0
        unit: ''
        name: 'fertilizer '
        icon: 'mdi:emoticon-poop'
      - entity: sensor.miflower_light_intensity
        decimals: 0
        unit: ''
        name: light lx
    show:
      scale_tickmarks: true
    layout:
      hlines:
        - id: 0
          xpos: 50
          ypos: 38
          length: 40
          styles:
            - stroke: var(--primary-text-color);
            - stroke-width: 2;
            - opacity: 0.5;
            - stroke-linecap: round;
          color: '#FFF6E3'
      vlines:
        - id: 0
          xpos: 50
          ypos: 56
          length: 20
          styles:
            - stroke: var(--primary-text-color);
            - opacity: 0.5;
            - stroke-width: 2;
            - stroke-linecap: round;
      states:
        - id: 0
          entity_index: 0
          xpos: 50
          ypos: 30
          styles:
            - font-size: 3em;
            - opacity: 0.9;
        - id: 1
          entity_index: 1
          xpos: 46
          ypos: 54
          styles:
            - font-size: 1.8em;
            - text-anchor: end;
        - id: 2
          entity_index: 2
          xpos: 54
          ypos: 54
          styles:
            - font-size: 1.8em;
            - text-anchor: start;
      names:
        - id: 0
          entity_index: 0
          xpos: 50
          ypos: 100
          styles:
            - font-size: 1.2em;
        - id: 1
          entity_index: 1
          xpos: 46
          ypos: 62
          styles:
            - font-size: 0.9em;
            - text-anchor: end;
            - opacity: 0.7;
        - id: 2
          entity_index: 2
          xpos: 54
          ypos: 62
          styles:
            - font-size: 0.9em;
            - text-anchor: start;
            - opacity: 0.7;
      areas:
        - id: 0
          entity_index: 0
          xpos: 50
          ypos: 85
          styles:
            - font-size: 1.5em;
    horseshoe_state:
      color: '#FFF6E3'
    horseshoe_scale:
      min: 0
      max: 100
      color: var(--primary-background-color)
      width: 6
    color_stops:
      '0': '#FFF6E3'
      '10': '#FFE9B9'
      '20': '#FFDA8A'
      '30': '#FFCB5B'
      '40': '#FFBF37'
      '50': '#ffb414'
      '60': '#FFAD12'
      '70': '#FFA40E'
      '80': '#FF9C0B'
      '90': '#FF8C06'
  - type: 'custom:flex-horseshoe-card'
    entities:
      - entity: sensor.miflower_moisture
        decimals: 0
        icon: 'mdi:memory'
        name: ' '
        area: orchidee
      - entity: sensor.miflower_conductivity
        decimals: 0
        unit: ''
        name: ' '
        icon: 'mdi:emoticon-poop'
      - entity: sensor.miflower_light_intensity
        decimals: 0
        unit: ''
        name: ' '
      - entity: sensor.miflower_temperature
        decimals: 0
        unit: ''
        name: ' '
    show:
      scale_tickmarks: true
    layout:
      hlines:
        - id: 0
          xpos: 50
          ypos: 38
          length: 40
          styles:
            - stroke: var(--primary-text-color);
            - stroke-width: 2;
            - opacity: 0.5;
            - stroke-linecap: round;
          color: '#FFF6E3'
      vlines:
        - id: 0
          xpos: 50
          ypos: 56
          length: 20
          styles:
            - stroke: var(--primary-text-color);
            - opacity: 0.5;
            - stroke-width: 2;
            - stroke-linecap: round;
      states:
        - id: 0
          entity_index: 0
          xpos: 50
          ypos: 30
          styles:
            - font-size: 3em;
            - opacity: 0.9;
        - id: 1
          entity_index: 1
          xpos: 46
          ypos: 54
          styles:
            - font-size: 1.8em;
            - text-anchor: end;
        - id: 2
          entity_index: 2
          xpos: 54
          ypos: 54
          styles:
            - font-size: 1.8em;
            - text-anchor: start;
        - id: 3
          entity_index: 3
          xpos: 39
          ypos: 79
          styles:
            - font-size: 1.8em;
            - text-anchor: start;

      icons:
        # Icons 0 refers to the second entity in the list, ie index 1
        - id: 1
          entity_index: 1
          xpos: 39
          ypos: 65
          align: end
          size: 1.3
        - id: 2
          entity_index: 2
          xpos: 75
          ypos: 65
          align: end
          size: 1.3


      names:
        - id: 0
          entity_index: 0
          xpos: 50
          ypos: 100
          styles:
            - font-size: 1.2em;
        - id: 1
          entity_index: 1
          xpos: 46
          ypos: 62
          styles:
            - font-size: 0.9em;
            - text-anchor: end;
            - opacity: 0.7;
        - id: 2
          entity_index: 2
          xpos: 54
          ypos: 62
          styles:
            - font-size: 0.9em;
            - text-anchor: start;
            - opacity: 0.7;
        - id: 3
          entity_index: 3
          xpos: 50
          ypos: 80
          styles:
            - font-size: 0.9em;
            - text-anchor: start;
            - opacity: 0.7;
      areas:
        - id: 0
          entity_index: 0
          xpos: 50
          ypos: 99
          styles:
            - font-size: 1.5em;
    horseshoe_state:
      color: '#FFF6E3'
    horseshoe_scale:
      min: 0
      max: 100
      color: var(--primary-background-color)
      width: 6
    color_stops:
      '0': '#FFF6E3'
      '10': '#FFE9B9'
      '20': '#FFDA8A'
      '30': '#FFCB5B'
      '40': '#FFBF37'
      '50': '#ffb414'
      '60': '#FFAD12'
      '70': '#FFA40E'
      '80': '#FF9C0B'
      '90': '#FF8C06'
type: horizontal-stack