fresh-home/lovelace/cameras/view-camera-08.yaml

type: vertical-stack
cards:
  - type: custom:frigate-card
    cameras:
      - camera_entity: camera.frigate_cam08
        live_provider: go2rtc
        go2rtc:
          modes:
            - webrtc
          stream: rtsp_cam08_sub
    live:
      auto_mute: all
      layout:
        fit: fill
      preload: true
      draggable: true
      show_image_during_load: false
      lazy_load: false
      controls:
        title:
          mode: none
        timeline:
          mode: none
        thumbnails:
          mode: none
    menu:
      buttons:
        frigate:
          enabled: false
      style: none
    media_viewer:
      draggable: false
      lazy_load: false
    dimensions:
      aspect_ratio_mode: static
      aspect_ratio: '16:9'
    elements:
      - type: image
        image: /local/title-dark-double.png
        style:
          transform: initial
          top: 90%
          left: 0px
          width: 100%
          height: 10%
          opacity: 70%
      - type: image
        entity: camera.frigate_cam08
        image: /local/title-dark-double.png
        aspect_ratio: 100%
        # tap_action:
        #   action: navigate
        #   navigation_path: /ai-yml/ai-cam08
        style:
          transform: initial
          top: 0px
          left: 0px
          width: 100%
          height: 100%
          opacity: 0%

      - type: state-icon
        entity: group.nursery_motion
        style:
          left: 8%
          top: 95%
      - type: state-icon
        entity: binary_sensor.frigate_cam08_speech_sound
        style:
          left: 24%
          top: 95%
      - type: state-icon
        entity: binary_sensor.black_bed_occupied
        style:
          left: 40%
          top: 95%
      - type: state-icon
        entity: binary_sensor.white_bed_occupied
        style:
          left: 60%
          top: 95%
          transform: scaleX(-1) translate(50%, -50%)
      - type: state-icon
        entity: input_boolean.nursery_occupied
        tap_action:
          action: toggle
        style:
          left: 76%
          top: 95%
      - type: state-icon
        entity: binary_sensor.nursery_occupied
        style:
          top: 95%
          left: 92%

      - type: conditional
        conditions:
          - entity: binary_sensor.black_bed_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.black_bed_person_occupancy
            style:
              top: 30%
              left: 23%
      - type: conditional
        conditions:
          - entity: binary_sensor.black_bed_occupied
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.black_bed_occupied
            style:
              top: 30%
              left: 18%
      - type: conditional
        conditions:
          - entity: binary_sensor.white_bed_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.white_bed_person_occupancy
            style:
              top: 65%
              left: 85%
      - type: conditional
        conditions:
          - entity: binary_sensor.white_bed_occupied
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.white_bed_occupied
            style:
              top: 65%
              left: 80%
      - type: conditional
        conditions:
          - entity: binary_sensor.nursery_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.nursery_person_occupancy
            style:
              top: 50%
              left: 50%

      - type: state-icon
        entity: media_player.nursery_hub
        style:
          left: 45%
          top: 16%

      - type: state-icon
        entity: light.nursery_ceiling_hue
        style:
          left: 50%
          top: 3%
        tap_action:
          action: toggle
        hold_action:
          action: more-info

      - type: state-icon
        entity: light.nursery_closet
        style:
          left: 80%
          top: 7%
        tap_action:
          action: toggle
        hold_action:
          action: more-info

      - type: state-icon
        entity: light.black_bed_wled
        style:
          left: 8%
          top: 7%

      - type: state-icon
        entity: select.black_bed_wled_preset
        style:
          left: 8%
          top: 12%

      - type: state-icon
        entity: light.white_bed_wled
        style:
          left: 98%
          top: 65%
      - type: state-icon
        entity: select.white_bed_wled_preset
        style:
          left: 98%
          top: 70%

      - type: state-icon
        entity: binary_sensor.nursery_closet_motion_switch_home_security_motion_detection
        style:
          left: 84%
          top: 22%