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

type: vertical-stack
cards:
  - type: custom:frigate-card
    cameras_global:
      dimensions:
        layout:
          fit: fill
    status_bar:
      style: none
    cameras:
      - camera_entity: camera.frigate_cam14
        live_provider: go2rtc
        go2rtc:
          modes:
            - webrtc
          stream: rtsp_cam14_sub
    live:
      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_cam14
        image: /local/title-dark-double.png
        aspect_ratio: 100%
        tap_action:
          action: navigate
          navigation_path: /ai-yml/ai-cam14
        style:
          transform: initial
          top: 0px
          left: 0px
          width: 100%
          height: 100%
          opacity: 0%

      - type: state-icon
        entity: group.back_yard_motion
        style:
          left: 8%
          top: 95%
      - type: state-icon
        entity: binary_sensor.frigate_cam14_speech_sound
        style:
          left: 30%
          top: 95%
      - type: state-icon
        entity: sensor.back_yard_animal_count
        style:
          left: 50%
          top: 95%
      - type: state-icon
        entity: input_boolean.back_yard_occupied
        tap_action:
          action: toggle
        style:
          left: 70%
          top: 95%
      - type: state-icon
        entity: binary_sensor.back_yard_occupied
        style:
          top: 95%
          left: 92%

      - type: conditional
        conditions:
          - entity: binary_sensor.back_yard_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.back_yard_person_occupancy
            style:
              top: 45%
              left: 45%
      - type: conditional
        conditions:
          - entity: binary_sensor.back_yard_animal_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.back_yard_animal_occupancy
            style:
              top: 45%
              left: 55%