--- title: Porch/Backyard icon: mdi:home-circle-outline panel: true visible: - user: 1614b22cbef54f979741cf8a6b3413ec # Alex - user: 76e8af2547254ef0ab523ae1ad0bf81a # Tanya cards: - type: custom:layout-card layout_type: custom:vertical-layout layout: max_cols: 3 cards: - type: vertical-stack cards: - type: custom:stack-in-card cards: - type: grid columns: 2 square: false cards: - type: custom:mushroom-entity-card entity: input_boolean.porch_light_state name: Porch icon: mdi:lightbulb-group tap_action: action: toggle card_mod: style: "ha-card { border: none; }" - type: custom:paper-buttons-row preset: mushroom styles: justify-content: flex-end base_config: styles: button: margin-top: 12px margin-right: 12px buttons: - layout: icon icon: mdi:lightbulb-group tap_action: action: call-service service: input_select.select_option service_data: entity_id: input_select.porch_scenes option: "All" styles: button: color: "{% if is_state('input_boolean.porch_light_state', 'on') and is_state('input_select.porch_scenes', 'All') %}#FFC107{% else %}#44739E{% endif %}" background-color: "{% if is_state('input_boolean.porch_light_state', 'on') and is_state('input_select.porch_scenes', 'All') %}#FFF3D7{% else %}#F4F4F4{% endif %}" - layout: icon icon: mdi:outdoor-lamp tap_action: action: call-service service: input_select.select_option service_data: entity_id: input_select.porch_scenes option: "Porch Only" styles: button: color: "{% if is_state('input_boolean.porch_light_state', 'on') and is_state('input_select.porch_scenes', 'Porch Only') %}#FFC107{% else %}#44739E{% endif %}" background-color: "{% if is_state('input_boolean.porch_light_state', 'on') and is_state('input_select.porch_scenes', 'Porch Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}" - layout: icon icon: mdi:outdoor-lamp tap_action: action: call-service service: input_select.select_option service_data: entity_id: input_select.porch_scenes option: "Garage Only" styles: button: color: "{% if is_state('input_boolean.porch_light_state', 'on') and is_state('input_select.porch_scenes', 'Garage Only') %}#FFC107{% else %}#44739E{% endif %}" background-color: "{% if is_state('input_boolean.porch_light_state', 'on') and is_state('input_select.porch_scenes', 'Garage Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}" - type: horizontal-stack cards: - type: tile entity: light.porch_01 icon: mdi:outdoor-lamp color: orange features: - type: "light-brightness" tap_action: action: toggle hold_action: action: more-info - type: tile entity: light.garage_gate_01 icon: mdi:outdoor-lamp color: orange features: - type: "light-brightness" tap_action: action: toggle hold_action: action: more-info - type: horizontal-stack cards: - type: tile entity: light.frontyard_decoration_01 name: Frontyard Decoration icon: mdi:string-lights color: orange tap_action: action: toggle hold_action: action: more-info - type: custom:stack-in-card cards: - type: grid columns: 2 square: false cards: - type: custom:mushroom-entity-card entity: input_boolean.backyard_light_state name: Backyard icon: mdi:lightbulb-group tap_action: action: toggle card_mod: style: "ha-card { border: none; }" - type: custom:paper-buttons-row preset: mushroom styles: justify-content: flex-end base_config: styles: button: margin-top: 12px margin-right: 12px buttons: - layout: icon icon: mdi:lightbulb-group tap_action: action: call-service service: input_select.select_option service_data: entity_id: input_select.backyard_scenes option: "All" styles: button: color: "{% if is_state('input_boolean.backyard_light_state', 'on') and is_state('input_select.backyard_scenes', 'All') %}#FFC107{% else %}#44739E{% endif %}" background-color: "{% if is_state('input_boolean.backyard_light_state', 'on') and is_state('input_select.backyard_scenes', 'All') %}#FFF3D7{% else %}#F4F4F4{% endif %}" - layout: icon icon: mdi:outdoor-lamp tap_action: action: call-service service: input_select.select_option service_data: entity_id: input_select.backyard_scenes option: "Wall Only" styles: button: color: "{% if is_state('input_boolean.backyard_light_state', 'on') and is_state('input_select.backyard_scenes', 'Wall Only') %}#FFC107{% else %}#44739E{% endif %}" background-color: "{% if is_state('input_boolean.backyard_light_state', 'on') and is_state('input_select.backyard_scenes', 'Wall Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}" - layout: icon icon: mdi:led-strip-variant tap_action: action: call-service service: input_select.select_option service_data: entity_id: input_select.backyard_scenes option: "Pergola Only" styles: button: color: "{% if is_state('input_boolean.backyard_light_state', 'on') and is_state('input_select.backyard_scenes', 'Pergola Only') %}#FFC107{% else %}#44739E{% endif %}" background-color: "{% if is_state('input_boolean.backyard_light_state', 'on') and is_state('input_select.backyard_scenes', 'Pergola Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}" - type: horizontal-stack cards: - type: tile entity: light.backyard_01 icon: mdi:outdoor-lamp color: orange features: - type: "light-brightness" tap_action: action: toggle hold_action: action: more-info - type: tile entity: light.backyard_pergola_01 icon: mdi:led-strip-variant color: orange features: - type: "light-brightness" tap_action: action: toggle hold_action: action: more-info - type: custom:layout-break - type: vertical-stack cards: - type: 'custom:webrtc-camera' url: 'rtsp://10.10.10.1:7447/uLwsAUCTOoL2XBJs' title: 'Doorbell' muted: true mode: webrtc,mse - type: 'custom:webrtc-camera' url: 'rtsp://10.10.10.1:7447/9fJVNqwlimxGsti4' title: 'Backyard' muted: true mode: webrtc,mse - type: 'custom:webrtc-camera' url: 'rtsp://10.10.10.1:7447/hwDkiwOwIpvfjYfs' title: 'Side 1' muted: true mode: webrtc,mse - type: 'custom:webrtc-camera' url: 'rtsp://10.10.10.1:7447/GN0drubWN55tCDqr' title: 'Side 2' muted: true mode: webrtc,mse - type: 'custom:webrtc-camera' url: 'rtsp://10.10.10.1:7447/QmCaW7biBuX81RVu' title: 'Entrance' muted: true mode: webrtc,mse - type: 'custom:webrtc-camera' url: 'rtsp://10.10.10.1:7447/5jzOyi0guCMhbGq8' title: 'Frontyard' muted: true mode: webrtc,mse - type: 'custom:webrtc-camera' url: 'rtsp://10.10.10.1:7447/RqYpjyveu7AF3v6f' title: 'Driveway' muted: true mode: webrtc,mse - type: custom:layout-break - type: vertical-stack cards: - type: custom:mini-media-player entity: media_player.backyard artwork: cover