Lovelace Card - Desk Entities

desk-card.yaml

- type: vertical-stack
    cards:

    - type: picture-elements
      image: /local/pics/devices/pandorica_card.png
      elements:

      - type: image
        entity: switch.wake_on_lan
        tap_action: none
        image: /local/pics/devices/pandorica_empty.png
        state_image:
          'off': /local/pics/devices/pandorica_dark.png
        style:
          transform: none
          top: 0%
          left: 0%
          width: 100%
          height: 100%
  
      - type: image
        entity: light.desk
        tap_action: none
        image: /local/pics/devices/pandorica_empty.png
        state_image:
          'on': /local/pics/devices/pandorica_desk.png
        style:
          transform: none
          top: 0%
          left: 0%
          width: 100%
          height: 100%

      - type: image
        entity: switch.monitors
        tap_action: none
        image: /local/pics/devices/pandorica_empty.png
        state_image:
          'on': /local/pics/devices/pandorica_monitors.png
        style:
          transform: none
          top: 0%
          left: 0%
          width: 100%
          height: 100%

      - type: image
        entity: light.salt_lamp
        tap_action: none
        image: /local/pics/devices/pandorica_empty.png
        state_image:
          'on': /local/pics/devices/pandorica_salt.png
        style:
          transform: none
          top: 0%
          left: 0%
          width: 100%
          height: 100%

      - type: image
        entity: light.desk
        tap_action: toggle
        image: /local/pics/square.png
        style:
          transform: none
          top: 23%
          left: 9%

      - type: image
        entity: light.salt_lamp
        tap_action: toggle
        image: /local/pics/square.png
        style:
          transform: none
          top: 0%
          left: 48%

      - type: image
        entity: switch.monitors
        tap_action: toggle
        image: /local/pics/square.png
        style:
          transform: none
          top: 43%
          left: 43%

      - type: state-icon
        entity: switch.wake_on_lan
        tap_action: toggle
        style:
          top: 92%
          left: 5%
  
      - type: state-label
        entity: switch.wake_on_lan
        style:
          top: 93%
          left: 13%
          color: rgb(255, 255, 255)
          font-weight: bold
          text-transform: capitalize
  
      - type: state-icon
        entity: light.desk
        tap_action: more-info
        style:
          top: 92%
          left: 74%
          color: white
  
      - type: state-icon
        entity: switch.monitors
        tap_action: more-info
        style:
          top: 92%
          left: 84%
          color: white
  
      - type: state-icon
        entity: light.salt_lamp
        tap_action: more-info
        style:
          top: 92%
          left: 94%
          color: white