views:
  - title: Home
    sections:
      - type: grid
        cards:
          - type: picture-elements
            image: /local/floorplan/blank.png
            style:
              top: 0
              left: 0
              transform: translate(0,0)
            elements:
              - type: conditional
                elements:
                  - type: image
                    tap_action:
                      action: none
                    hold_action:
                      action: none
                    style:
                      top: 0
                      left: 0
                      transform: translate(0,0)
                      'on': opacity(100%)
                      'off': opacity(50%)
                    image: /local/floorplan/garage.png
                conditions:
                  - condition: state
                    entity: light.garage_group
                    state: 'on'
              - type: conditional
                elements:
                  - type: image
                    tap_action:
                      action: none
                    hold_action:
                      action: none
                    style:
                      top: 0
                      left: 0
                      transform: translate(0,0)
                      'on': opacity(100%)
                      'off': opacity(50%)
                    image: /local/floorplan/bathroom.png
                conditions:
                  - condition: state
                    entity: light.bathroom_group
                    state: 'on'
              - type: conditional
                elements:
                  - type: image
                    tap_action:
                      action: none
                    hold_action:
                      action: none
                    style:
                      top: 0
                      left: 0
                      transform: translate(0,0)
                      'on': opacity(100%)
                      'off': opacity(50%)
                    image: /local/floorplan/stairs.png
                conditions:
                  - condition: state
                    entity: light.stairs_group
                    state: 'on'
              - type: conditional
                elements:
                  - type: image
                    tap_action:
                      action: none
                    hold_action:
                      action: none
                    style:
                      top: 0
                      left: 0
                      transform: translate(0,0)
                      'on': opacity(100%)
                      'off': opacity(50%)
                    image: /local/floorplan/uploo.png
                conditions:
                  - condition: state
                    entity: light.loo_group
                    state: 'on'
              - type: state-icon
                entity: light.garage_group
                icon: mdi:crop-square
                title: Garage
                tap_action:
                  action: toggle
                hold_action:
                  action: none
                style:
                  opacity: 0%
                  top: 60%
                  left: 8%
                  transform: scale(1,2)
              - type: state-icon
                entity: light.stairs_group
                icon: mdi:crop-square
                title: Stairs_Down
                tap_action:
                  action: toggle
                hold_action:
                  action: none
                style:
                  opacity: 0%
                  top: 35%
                  left: 35%
                  transform: scale(2,2)
              - type: state-icon
                entity: light.stairs_group
                icon: mdi:crop-square
                title: Stairs_Up
                tap_action:
                  action: toggle
                hold_action:
                  action: none
                style:
                  opacity: 0%
                  top: 37%
                  left: 80%
                  transform: scale(3,2)
              - type: state-icon
                entity: light.bathroom_group
                icon: mdi:crop-square
                title: Bathroom
                tap_action:
                  action: toggle
                hold_action:
                  action: none
                style:
                  opacity: 0%
                  top: 65%
                  left: 83%
                  transform: scale(2,2)
              - type: state-icon
                entity: light.loo_group
                icon: mdi:crop-square
                title: Loo_Up
                tap_action:
                  action: toggle
                hold_action:
                  action: none
                style:
                  opacity: 0%
                  top: 30%
                  left: 55%
                  transform: scale(2,2)
    type: sections
    cards: []