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

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

      - type: state-icon
        entity: binary_sensor.front_porch_person_occupancy
        style:
          left: 8%
          top: 95%
      - type: state-icon
        entity: binary_sensor.frigate_cam19_speech_sound
        style:
          left: 30%
          top: 95%
      - type: state-icon
        entity: binary_sensor.frigate_cam19_vehicle_occupancy
        style:
          left: 50%
          top: 95%
      - type: state-icon
        entity: input_boolean.front_porch_occupied
        tap_action:
          action: toggle
        style:
          left: 70%
          top: 95%
      - type: state-icon
        entity: input_boolean.doorbell
        style:
          top: 95%
          left: 92%


      - type: conditional
        conditions:
          - entity: binary_sensor.driveway_center_vehicle_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.driveway_center_vehicle_occupancy
            style:
              top: 60%
              left: 14%

      - type: conditional
        conditions:
          - entity: binary_sensor.driveway_east_side_vehicle_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.driveway_east_side_vehicle_occupancy
            style:
              top: 60%
              left: 20%

      - type: conditional
        conditions:
          - entity: binary_sensor.parking_spot_vehicle_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.parking_spot_vehicle_occupancy
            style:
              top: 52%
              left: 15%

      - type: conditional
        conditions:
          - entity: binary_sensor.from_street_vehicle_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.from_street_vehicle_occupancy
            style:
              top: 50%
              left: 40%

      - type: conditional
        conditions:
          - entity: binary_sensor.from_street_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.from_street_person_occupancy
            style:
              top: 53%
              left: 37%

      - type: conditional
        conditions:
          - entity: binary_sensor.front_porch_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.front_porch_person_occupancy
            style:
              top: 88%
              left: 37%

      - type: conditional
        conditions:
          - entity: binary_sensor.front_yard_person_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.front_yard_person_occupancy
            style:
              top: 60%
              left: 65%

      - type: conditional
        conditions:
          - entity: binary_sensor.front_yard_animal_occupancy
            state: "on"
        elements:
          - type: state-icon
            entity: binary_sensor.front_yard_animal_occupancy
            style:
              top: 60%
              left: 70%

      - type: state-icon
        entity: light.front_porch_overhead
        style:
          top: 3%
          left: 50%
        tap_action:
          action: toggle