ui-lovelace.yaml

title: ARS Home
views:
  - icon: mdi:home-assistant
    id: home
    # Name of the view. Will be used as the tooltip for tab icon
    title: Home
    # theme: darkorange
    cards:
      - type: picture-elements
        # title: Main Level
        image: /local/floorplans/main.jpg
        elements:
          - type: image
            entity: input_boolean.alarm_automation
            tap_action:
              action: toggle
            state_image:
              'on': /local/icons/abode_enabled.png
              'off': /local/icons/abode_disabled.png
            style:
              top: 4%
              left: 30%
              width: 7%
          - type: image
            entity: input_boolean.tvtime
            tap_action:
              action: toggle
            state_image:
              'on': /local/icons/tv_enabled.png
              'off': /local/icons/tv_disabled.png
            style:
              top: 4%
              left: 40%
              width: 7%
          - type: image
            entity: switch.security_armed
            tap_action:
              action: toggle
            state_image:
              'on': /local/icons/security_armed_red.png
              'off': /local/icons/security_disarmed.png
            style:
              top: 4%
              left: 50%
              width: 7%
          - type: image
            entity: input_boolean.homeautomation
            tap_action:
              action: toggle
            state_image:
              'on': /local/icons/automation_enabled.png
              'off': /local/icons/automation_disabled.png
            style:
              top: 4%
              left: 60%
              width: 7%
            # Kitchen
          - type: image
            entity: light.kitchen
            tap_action:
              action: toggle
            image: /local/icons/light_bulb_off.png
            state_image:
              'on': /local/icons/light_bulb_on.png
            state_filter:
              'on': brightness(130%) saturate(1.5) drop-shadow(0px 0px 10px gold)
              'off': brightness(80%) saturate(0.8)
            style:
              top: 48%
              left: 11%
              width: 7%
              padding: 50px 50px 100px 50px
          - type: state-icon
            entity: binary_sensor.kitchen_leak
            style:
              top: 42%
              left: 21%
          - type: state-icon
            entity: binary_sensor.powder_room_leak
            style:
              top: 62%
              left: 22%
          - type: image
            entity: camera.porch
            image: /local/icons/camera_porch_streaming.png
            state_image:
              'recording': /local/icons/camera_porch_recording.png
            style:
              top: 90%
              left: 3%
              width: 7%
              transform: none
          - type: image
            entity: camera.sunroom_sunroom
            image: /local/icons/camera_patio_streaming.png
            state_image:
              'recording': /local/icons/camera_patio_recording.png
            style:
              top: 12%
              left: 3%
              width: 7%
              transform: none
          - type: image
            entity: camera.pergola_pergola
            image: /local/icons/camera_backyard_streaming.png
            state_image:
              'recording': /local/icons/camera_backyard_recording.png
            style:
              top: 12%
              left: 90%
              width: 7%
              transform: none
          # - type: icon
          #   icon: mdi:cctv
          #   entity: camera.backyard
          #   style:
          #     top: 11%
          #     left: 90%
          #     transform: rotate(60deg)
          #     --iron-icon-height: 40px
          #     --iron-icon-width: 40px
          #     --iron-icon-stroke-color: black
          #     --iron-icon-fill-color: rgba(50, 50, 50, .75)
          - type: image
            entity: camera.driveway
            image: /local/icons/camera_driveway_streaming.png
            state_image:
              'recording': /local/icons/camera_driveway_recording.png
            style:
              top: 81.5%
              left: 90%
              width: 7%
              transform: none
            # Living Room
          - type: image
            entity: light.living_room_lights
            tap_action:
              action: toggle
            hold_action:
              action: more-info
            image: /local/icons/light_bulb_off.png
            state_image:
              'on': /local/icons/light_bulb_on.png
            state_filter:
              'on': brightness(130%) saturate(1.5) drop-shadow(0px 0px 10px gold)
              'off': brightness(80%) saturate(0.8)
            style:
              top: 38%
              left: 50%
              width: 7%
              padding: 50px 50px 100px 50px
          # - type: custom:circle-sensor-card
          #   entity: sensor.livingroom_temp_rounded
          #   max: 100
          #   min: 60
          #   stroke_width: 10
          #   font_size: 11px
          #   gradient: true
          #   color_stops:
          #     70: '#55FF55'
          #     80: '#5555FF'
          #     90: '#FF5555'
          #   style:
          #     top: 43%
          #     left: 50%
          #     width: 27px
          #     height: 27px
          #     'font-weight': bold
          #     'font-family': Helvetica
          - type: state-label
            entity: sensor.livingroom_temp_rounded
            style:
              top: 43%
              left: 50%
              background: center / contain no-repeat url("/local/icons/ecobee_blank.png")
              text-align: center
              font-size: 12px
              color: white
              font-family: Helvetica
              # 'display': block
              # 'overflow': hidden
              # 'background-color': gray
              # 'background-color': red
              # 'border-radius': 100%
              # 'width': 27px
              # 'height': 27px
              # 'border-radius': 50%
              # 'width': 20px
              # 'height': 20px
              # 'opacity': 0.8
          - type: state-icon
            entity: binary_sensor.living_room_motion
            style:
              top: 27%
              left: 50%
          - type: state-icon
            entity: binary_sensor.back_door_entry_door
            style:
              top: 17%
              left: 15%
          - type: image
            entity: media_player.living_room_tv
            tap_action:
              action: toggle
            image: /local/icons/tv_off2.png
            state_image:
              'on': /local/icons/tv_on2.png
            state_filter:
              'on': drop-shadow(-5px 0 10px gold)
              'off': brightness(80%) saturate(0.8)
            style:
              top: 29%
              left: 68.3%
              width: 2.5%
              padding: 10px 0 10px 30px
            # Guest Room
          - type: state-icon
            entity: binary_sensor.guest_room_motion
            style:
              top: 27%
              left: 85%
          - type: state-icon
            entity: binary_sensor.guest_bathroom_leak
            style:
              top: 42%
              left: 85%
            # Porch
          # - type: state-icon
          #   tap_action: toggle
          #   entity: switch.wemoporch
          #   style:
          #     top: 95%
          #     left: 22%
          - type: image
            entity: switch.wemoporch
            tap_action:
              action: toggle
            image: /local/icons/light_bulb_off.png
            state_image:
              'on': /local/icons/light_bulb_on.png
            state_filter:
              'on': brightness(130%) saturate(1.5) drop-shadow(0px 0px 10px gold)
              'off': brightness(80%) saturate(0.8)
            style:
              top: 93.5%
              left: 20%
              width: 7%
              padding: 10px
          - type: state-icon
            entity: binary_sensor.g4_doorbell_pro_motion
            style:
              top: 95%
              left: 32%
            # Garage
          - type: state-icon
            entity: binary_sensor.mud_room_door_4
            style:
              top: 64%
              left: 56%
          - type: image
            entity: light.lifx5
            tap_action:
              action: toggle
            image: /local/icons/light_bulb_off.png
            state_image:
              'on': /local/icons/light_bulb_on.png
            state_filter:
              'on': brightness(130%) saturate(1.5) drop-shadow(0px 0px 10px gold)
              'off': brightness(80%) saturate(0.8)
            style:
              top: 62%
              left: 78%
              width: 7%
              padding: 10px
          - type: state-icon
            entity: binary_sensor.garage_water_moisture
            style:
              top: 50%
              left: 94%
          - type: image
            entity: switch.driveway
            tap_action:
              action: toggle
            image: /local/icons/light_off.png
            state_image:
              'on': /local/icons/light_on.png
            state_filter:
              'on': drop-shadow(-5px -5px 10px gold)
              'off': brightness(80%) saturate(0.8)
            style:
              top: 79.5%
              left: 72%
              width: 7%
              padding: 10px
              transform: none
          - type: image
            entity: cover.garagedoor
            tap_action:
              action: toggle
            image: /local/icons/garage_door_closed.png
            state_image:
              'open': /local/icons/garage_door_open.png
              'closed': /local/icons/garage_door_closed.png
            style:
              top: 71%
              left: 74%
              width: 7%
              transform: none
            # Study
          - type: state-label
            entity: sensor.study_temp_rounded
            style:
              top: 80%
              left: 49%
              background-color: gray
              background: center / contain no-repeat url("/local/icons/ecobee_blank.png")
              # 'background-color': red
              # 'border-radius': 100%
              text-align: center
              font-size: 12px
              color: white
              font-family: Helvetica
              display: block
              overflow: hidden
          - type: state-icon
            entity: binary_sensor.sunroom_motion_3
            style:
              top: 10%
              left: 16%
          - type: state-icon
            entity: binary_sensor.sun_room_entry_door
            style:
              top: 7%
              left: 20%
              transform: rotate(-90deg)
            # Dining
          # - type: custom:thermostat-card
          #   entity: climate.downstairs
          #   no_card: true
          #   hvac:
          #     attribute: operation
          #   style:
          #     top: 78%
          #     left: 15%
          #     width: 50px
          #     height: 50px
          - type: state-icon
            entity: binary_sensor.front_door
            style:
              top: 89%
              left: 32%
      - type: picture-elements
        # title: Second Level
        image: /local/floorplans/second.jpg
        elements:
          - type: state-icon
            entity: binary_sensor.upstairs_motion_sensor
            style:
              top: 40%
              left: 35%
            # Master
          # - type: custom:thermostat-card
          #   entity: climate.bedroom
          #   no_card: true
          #   hvac:
          #     attribute: operation
          #   style:
          #     top: 79%
          #     left: 92%
          #     width: 50px
          #     height: 50px
          - type: state-icon
            entity: binary_sensor.master_motion
            style:
              top: 55%
              left: 80%
          - type: image
            entity: light.master_lights
            tap_action:
              action: toggle
            hold_action:
              action: more-info
            image: /local/icons/light_bulb_off.png
            state_image:
              'on': /local/icons/light_bulb_on.png
            state_filter:
              'on': brightness(130%) saturate(1.5) drop-shadow(0px 0px 10px gold)
              'off': brightness(80%) saturate(0.8)
            style:
              top: 66%
              left: 80%
              width: 7%
              padding: 10px
          - type: image
            entity: media_player.panasonic_viera_tv
            tap_action:
              action: toggle
            image: /local/icons/tv_off2.png
            state_image:
              'on': /local/icons/tv_on2.png
            state_filter:
              'on': drop-shadow(-5px 0 10px gold)
              'off': brightness(80%) saturate(0.8)
            style:
              top: 54%
              left: 64.25%
              width: 2%
              transform: rotate(180deg)
              padding: 10px 0 10px 30px
            # Kids Room
          - type: image
            entity: light.kids_room_lights
            tap_action:
              action: toggle
            image: /local/icons/light_bulb_off.png
            state_image:
              'on': /local/icons/light_bulb_on.png
            state_filter:
              'on': brightness(130%) saturate(1.5) drop-shadow(0px 0px 10px gold)
              'off': brightness(80%) saturate(0.8)
            style:
              top: 21%
              left: 16%
              width: 7%
              padding: 50px 50px 100px 50px
          - type: state-icon
            entity: binary_sensor.kids_room_moisture
            style:
              top: 63%
              left: 12%

            # Laundry
          - type: state-icon
            entity: binary_sensor.laundry_leak
            style:
              top: 25%
              left: 66%
            # Kids room
          # - type: custom:thermostat-card
          #   entity: climate.upstairs
          #   no_card: true
          #   hvac:
          #     attribute: operation
          #   style:
          #     top: 18%
          #     left: 15%
          #     width: 50px
          #     height: 50px
      # - type: 'custom:config-template-card'
      #   entities:
      #     - sensor.nasdaq_futures_change
      #     - sensor.dow_futures_change
      #     - sensor.s_p_futures_change
      #     - sensor.portfoliochange2
      #   variables:
      #     - parseFloat(states['sensor.portfoliochange2'].state)
      #     - parseFloat(states['sensor.dow_futures_change_pct'].state)
      #     - parseFloat(states['sensor.s_p_futures_change_pct'].state)
      #     - parseFloat(states['sensor.nasdaq_futures_change_pct'].state)
      #   card:
      #     type: 'custom:hui-entities-card'
      #     title: Investments
      #     show_header_toggle: false
      #     entities:
      #       - sensor.pc_networth
      #       - type: custom:card-modder
      #         entity: sensor.pc_investment
      #         style:
      #           --paper-item-icon-color: "${vars[0] < 0 ? 'rgb(194, 39, 45)' : 'rgb(37, 145, 60)'}"
      #         card:
      #           type: "custom:secondaryinfo-entity-row"
      #           entity: sensor.pc_investment
      #           secondary_info: "${'Change: ' + vars[0]}"
      #           icon: "${vars[0] > 0 ? 'mdi:arrow-up-bold-circle' : 'mdi:arrow-down-bold-circle' }"
      #       - type: custom:card-modder
      #         entity: sensor.dow_futures
      #         style:
      #           --paper-item-icon-color: "${
      #             vars[1] < -2.5 ? 'rgb(151, 26, 30)' :
      #             vars[1] < -2.0 ? 'rgb(194, 39, 45)' :
      #             vars[1] < -1.5 ? 'rgb(236, 27, 33)' :
      #             vars[1] < -1.0 ? 'rgb(244, 101, 35)' :
      #             vars[1] < -0.5 ? 'rgb(248, 147, 29)' :
      #             vars[1] < 0 ? 'rgb(255, 194, 15)' :
      #             vars[1] = 0 ? 'rgb(20, 142, 153)' :
      #             vars[1] < 0.5 ? 'rgb(202, 219, 43)' :
      #             vars[1] < 1.0 ? 'rgb(142, 198, 65)' :
      #             vars[1] < 1.5 ? 'rgb(106, 158, 47)' :
      #             vars[1] < 2 ? 'rgb(37, 145, 60)' : 'rgb(0, 111, 58)'}"
      #         card:
      #           type: "custom:secondaryinfo-entity-row"
      #           entity: sensor.dow_futures
      #           secondary_info: "${'Change: ' + states['sensor.dow_futures_change'].state + ' (' +  vars[1] + '%)'}"
      #           icon: "${vars[1] > 0 ? 'mdi:arrow-up-bold-circle' : 'mdi:arrow-down-bold-circle' }"
      #       - type: custom:card-modder
      #         entity: sensor.s_p_futures
      #         style:
      #           --paper-item-icon-color: "${
      #             vars[2] < -2.5 ? 'rgb(151, 26, 30)' :
      #             vars[2] < -2.0 ? 'rgb(194, 39, 45)' :
      #             vars[2] < -1.5 ? 'rgb(236, 27, 33)' :
      #             vars[2] < -1.0 ? 'rgb(244, 101, 35)' :
      #             vars[2] < -0.5 ? 'rgb(248, 147, 29)' :
      #             vars[2] < 0 ? 'rgb(255, 194, 15)' :
      #             vars[2] = 0 ? 'rgb(20, 142, 153)' :
      #             vars[2] < 0.5 ? 'rgb(202, 219, 43)' :
      #             vars[2] < 1.0 ? 'rgb(142, 198, 65)' :
      #             vars[2] < 1.5 ? 'rgb(106, 158, 47)' :
      #             vars[2] < 2 ? 'rgb(37, 145, 60)' : 'rgb(0, 111, 58)'}"
      #         card:
      #           type: "custom:secondaryinfo-entity-row"
      #           entity: sensor.s_p_futures
      #           secondary_info: "${'Change: ' + states['sensor.s_p_futures_change'].state + ' (' +  vars[2] + '%)'}"
      #           icon: "${vars[2] > 0 ? 'mdi:arrow-up-bold-circle' : 'mdi:arrow-down-bold-circle' }"
      #       - type: custom:card-modder
      #         entity: sensor.nasdaq_futures
      #         style:
      #           --paper-item-icon-color: "${
      #             vars[3] < -2.5 ? 'rgb(151, 26, 30)' :
      #             vars[3] < -2.0 ? 'rgb(194, 39, 45)' :
      #             vars[3] < -1.5 ? 'rgb(236, 27, 33)' :
      #             vars[3] < -1.0 ? 'rgb(244, 101, 35)' :
      #             vars[3] < -0.5 ? 'rgb(248, 147, 29)' :
      #             vars[3] < 0 ? 'rgb(255, 194, 15)' :
      #             vars[3] = 0 ? 'rgb(20, 142, 153)' :
      #             vars[3] < 0.5 ? 'rgb(202, 219, 43)' :
      #             vars[3] < 1.0 ? 'rgb(142, 198, 65)' :
      #             vars[3] < 1.5 ? 'rgb(106, 158, 47)' :
      #             vars[3] < 2 ? 'rgb(37, 145, 60)' : 'rgb(0, 111, 58)'}"
      #         card:
      #           type: "custom:secondaryinfo-entity-row"
      #           entity: sensor.nasdaq_futures
      #           secondary_info: "${'Change: ' + states['sensor.nasdaq_futures_change'].state + ' (' +  vars[3] + '%)'}"
      #           icon: "${vars[3] > 0 ? 'mdi:arrow-up-bold-circle' : 'mdi:arrow-down-bold-circle' }"
      #       - sensor.10_year_treasury
      - type: entities
        title: Information
        show_header_toggle: false
        entities:
          - sensor.plex
          - sensor.usdinr
          - type: cast
            name: Home
            view: home
            hide_if_unavailable: true
      - type: entities
        title: Lights
        entities:
          - entity: light.living_room_lights
            toggle: true
          - entity: light.sunroom_lights
            state_header: Light
            type: custom:multiple-entity-row
            entities:
              - entity: input_boolean.sunroomeffects
                name: Colorloop
                toggle: true
            toggle: true
          - entity: light.deck_floor
            type: custom:slider-entity-row
            toggle: true
          - entity: group.deck_wall_lights
            state_header: Light
            type: custom:multiple-entity-row
            entities:
              - entity: input_boolean.deckeffects
                name: Colorloop
                toggle: true
            toggle: true
          - entity: light.pergola
            toggle: true
          - entity: light.kitchen
            type: custom:slider-entity-row
            toggle: true
          - type: divider
          - entity: light.master_1
            type: custom:slider-entity-row
            toggle: true
          - entity: light.master_2
            type: custom:slider-entity-row
            toggle: true
          - entity: light.master_3
            type: custom:slider-entity-row
            toggle: true
          - type: divider
          - entity: light.wb4_d
            type: custom:slider-entity-row
            toggle: true
          - entity: light.wb4_d_3
            type: custom:slider-entity-row
            toggle: true
          - entity: light.kp1
            type: custom:slider-entity-row
            toggle: true
      - type: entities
        title: Switches
        entities:
          - entity: switch.wemoswitch
            secondary_info: last-changed
            state_color: true
          - entity: switch.wemoinsight
            type: custom:multiple-entity-row
            name: Wemo Insight
            toggle: True
            state_color: true
            secondary_info: last-changed
            entities:
              - entity: sensor.wemoinsight_current_power
                unit: w
                name: Power
          - entity: switch.smart_wifi
            type: custom:multiple-entity-row
            name: Kasa Office
            toggle: True
            state_color: true
            secondary_info: last-changed
            entities:
              - entity: sensor.kasa_smart_plug_2_current
                unit: A
                name: Current
              - entity: sensor.kasa_smart_plug_2_current_consumption
                unit: w
                name: Power
          - entity: switch.kasa_plug_3
            type: custom:multiple-entity-row
            name: Kasa 3
            toggle: True
            state_color: true
            secondary_info: last-changed
            entities:
              - entity: sensor.kasa_plug_3_current
                unit: A
                name: Current
              - entity: sensor.kasa_plug_3_current_consumption
                unit: w
                name: Power
          - entity: switch.aeon_switch
            secondary_info: last-changed
            state_color: true
          - entity: switch.wifi_plug
            secondary_info: last-changed
            state_color: true
          - entity: switch.study_fan
            type: "custom:secondaryinfo-entity-row"
            secondary_info: '[[ sensor.rpi_cpu_thermal_1_temperature ]] °F'
            state_color: true
          - entity: switch.attic_switch_socket
            state_color: true
          - entity: switch.smart_socket_5
            state_color: true
          - entity: switch.socket_1
            state_color: true
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: tile
                entity: alarm_control_panel.simplisafe_2
                features:
                  - type: "alarm-modes"
                    modes:
                      - armed_home
                      - armed_away
                      - disarmed
                name: SimpliSafe
                icon: mdi:shield-home
                layout: vertical

      - type: entities
        title: Unifi Doorbell
        show_header_toggle: false
        entities:
          - type: custom:mushroom-entity-card
            entity: binary_sensor.front_door_doorbell
            secondary_info: last-changed
            entity: binary_sensor.g4_doorbell_pro_motion
            secondary_info: last-changed
          - entity: binary_sensor.front_door_doorbell
            secondary_info: last-changed
          - entity: binary_sensor.g4_doorbell_pro_motion
            secondary_info: last-changed
      - type: horizontal-stack
        cards:
          - type: entity-button
            name: Patio
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.cast_patio
            entity: script.cast_patio
            icon: mdi:cast-connected
          - type: entity-button
            name: Porch
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.cast_porch
            entity: script.cast_porch
            icon: mdi:cast-connected
          - type: entity-button
            name: Driveway
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.cast_driveway
            entity: script.cast_driveway
            icon: mdi:cast-connected
          - type: entity-button
            name: Backyard
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.cast_backyard
            entity: script.cast_backyard
            icon: mdi:cast-connected
          - type: entity-button
            name: All
            tap_action:
              action: call-service
              service: script.turn_on
              service_data:
                entity_id: script.cast_cycle_cameras
            entity: script.cast_cycle_cameras
            icon: mdi:cast-connected
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: tile
                entity: climate.bedroom
                features:
                - type: "climate-hvac-modes"
                  hvac_modes:
                    - heat
                    - cool
                    - "off"
                    - fan
              - type: tile
                entity: climate.upstairs
                features:
                - type: "climate-hvac-modes"
                  hvac_modes:
                    - heat
                    - cool
                    - "off"
                    - fan
          - type: horizontal-stack
            cards:
              - type: tile
                entity: climate.downstairs
                features:
                - type: "climate-hvac-modes"
                  hvac_modes:
                    - heat
                    - cool
                    - "off"
                    - fan

      - type: horizontal-stack
        cards:
          - type: custom:mushroom-template-card
            primary: Alok
            secondary: |
              {% set speed = states('sensor.alok_composite_speed') | float(0) %}
              {% if speed > 1 %}
                🚗 {{ speed | round(0) }} mph
              {% elif is_state('person.alok', 'home') %}
                Home
              {% elif states('person.alok') not in ['unknown', 'unavailable', 'not_home'] %}
                {{ states('person.alok') | replace('_', ' ') | title }}
              {% else %}
                Away
              {% endif %}
            picture: "{{ state_attr('person.alok', 'entity_picture') }}"
            entity: person.alok
            icon_color: |
              {% set speed = states('sensor.alok_composite_speed') | float(0) %}
              {% if speed > 1 %} orange
              {% elif is_state('person.alok', 'home') %} green
              {% else %} grey
              {% endif %}
            badge_icon: |
              {% set speed = states('sensor.alok_composite_speed') | float(0) %}
              {% if speed > 1 %} mdi:car
              {% elif is_state('person.alok', 'home') %} mdi:home
              {% else %} mdi:map-marker
              {% endif %}
            badge_color: |
              {% set speed = states('sensor.alok_composite_speed') | float(0) %}
              {% if speed > 1 %} orange
              {% elif is_state('person.alok', 'home') %} green
              {% else %} grey
              {% endif %}
            fill_container: true
            tap_action:
              action: more-info
          - type: custom:mushroom-template-card
            primary: Rashmi
            secondary: |
              {% set speed = states('sensor.rashmi_composite_speed') | float(0) %}
              {% if speed > 1 %}
                🚗 {{ speed | round(0) }} mph
              {% elif is_state('person.rashmi', 'home') %}
                Home
              {% elif states('person.rashmi') not in ['unknown', 'unavailable', 'not_home'] %}
                {{ states('person.rashmi') | replace('_', ' ') | title }}
              {% else %}
                Away
              {% endif %}
            picture: "{{ state_attr('person.rashmi', 'entity_picture') }}"
            entity: person.rashmi
            icon_color: |
              {% set speed = states('sensor.rashmi_composite_speed') | float(0) %}
              {% if speed > 1 %} orange
              {% elif is_state('person.rashmi', 'home') %} green
              {% else %} grey
              {% endif %}
            badge_icon: |
              {% set speed = states('sensor.rashmi_composite_speed') | float(0) %}
              {% if speed > 1 %} mdi:car
              {% elif is_state('person.rashmi', 'home') %} mdi:home
              {% else %} mdi:map-marker
              {% endif %}
            badge_color: |
              {% set speed = states('sensor.rashmi_composite_speed') | float(0) %}
              {% if speed > 1 %} orange
              {% elif is_state('person.rashmi', 'home') %} green
              {% else %} grey
              {% endif %}
            fill_container: true
            tap_action:
              action: more-info
          - type: custom:mushroom-template-card
            primary: Arnav
            secondary: |
              {% set speed = states('sensor.arnav_composite_speed') | float(0) %}
              {% if speed > 1 %}
                🚗 {{ speed | round(0) }} mph
              {% elif is_state('person.arnav', 'home') %}
                Home
              {% elif states('person.arnav') not in ['unknown', 'unavailable', 'not_home'] %}
                {{ states('person.arnav') | replace('_', ' ') | title }}
              {% else %}
                Away
              {% endif %}
            picture: "{{ state_attr('person.arnav', 'entity_picture') }}"
            entity: person.arnav
            icon_color: |
              {% set speed = states('sensor.arnav_composite_speed') | float(0) %}
              {% if speed > 1 %} orange
              {% elif is_state('person.arnav', 'home') %} green
              {% else %} grey
              {% endif %}
            badge_icon: |
              {% set speed = states('sensor.arnav_composite_speed') | float(0) %}
              {% if speed > 1 %} mdi:car
              {% elif is_state('person.arnav', 'home') %} mdi:home
              {% else %} mdi:map-marker
              {% endif %}
            badge_color: |
              {% set speed = states('sensor.arnav_composite_speed') | float(0) %}
              {% if speed > 1 %} orange
              {% elif is_state('person.arnav', 'home') %} green
              {% else %} grey
              {% endif %}
            fill_container: true
            tap_action:
              action: more-info
  - icon: mdi:weather-cloudy
    id: weather
    title: Weather
    cards:
      - type: weather-forecast
        entity: weather.home
        show_forecast: true
      - type: entities
        title: Weather
        show_header_toggle: false
        entities:
          - weather.home
      - type: custom:vertical-stack-in-card
        cards:
          - type: entities
            title: Room Sensors
            show_header_toggle: false
            entities:
              - entity: binary_sensor.guest_room_motion
                type: custom:multiple-entity-row
                name: Guest Room
                secondary_info: last-changed
                show_state: false
                entities:
                  - entity: sensor.guest_room_illuminance
                    name: Illuminance
                  - entity: sensor.guest_motion_device_temperature
                    name: Temp
                    format: precision0
              - entity: sensor.study_temperature_2
                type: custom:multiple-entity-row
                name: Study
                secondary_info: last-changed
                show_state: false
                entities:
                  - entity: sensor.study_humidity
                    name: Humidity
                  - entity: sensor.study_temperature_2
                    name: Temp
                    format: precision0
              - entity: binary_sensor.sunroom_motion_3
                type: custom:multiple-entity-row
                name: Sun Room
                secondary_info: last-changed
                show_state: false
                entities:
                  - entity: sensor.sunroom_humidity
                    name: Humidity
                  - entity: sensor.sunroom_temperature
                    name: Temp
                    format: precision0
              - entity: binary_sensor.living_room_motion
                type: custom:multiple-entity-row
                name: Living Room
                secondary_info: last-changed
                show_state: false
                entities:
                  - entity: sensor.vent_humidity_sensor
                    name: Vent Humidity
                    format: precision0
                  - entity: sensor.vent
                    name: Vent Temp
                    format: precision0
                  - entity: sensor.downstairs_humidity
                    name: Humidity
                    format: precision0
                  - entity: sensor.living_room_temperature_homekit
                    name: Temp
                    format: precision0
              - entity: binary_sensor.master_motion
                type: custom:multiple-entity-row
                name: Master
                secondary_info: last-changed
                show_state: false
                entities:
                  - entity: sensor.master_vent_humidity_sensor
                    name: Vent Humidity
                    format: precision0
                  - entity: sensor.master_vent
                    name: Vent Temp
                    format: precision0
                  - entity: sensor.bedroom_humidity
                    name: Humidity
                  - entity: sensor.master_temperature
                    name: Temp
                    format: precision0
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                name: Laundry
                entity: binary_sensor.laundry_leak
                styles:
                  card:
                    - font-size: 12px
                state:
                  - value: 'on'
                    icon: mdi:water
                    color: 'red'
                  - value: 'off'
                    icon: mdi:water-off
              - type: custom:button-card
                name: Kitchen Sink
                entity: binary_sensor.kitchen_leak
                styles:
                  card:
                    - font-size: 12px
                state:
                  - value: 'on'
                    icon: mdi:water
                    color: 'red'
                  - value: 'off'
                    icon: mdi:water-off
              - type: custom:button-card
                name: Powder Room
                entity: binary_sensor.powder_room_leak
                styles:
                  card:
                    - font-size: 12px
                state:
                  - value: 'on'
                    icon: mdi:water
                    color: 'red'
                  - value: 'off'
                    icon: mdi:water-off
              - type: custom:button-card
                name: Guest Bath
                entity: binary_sensor.guest_bathroom_leak
                styles:
                  card:
                    - font-size: 12px
                state:
                  - value: 'on'
                    icon: mdi:water
                    color: 'red'
                  - value: 'off'
                    icon: mdi:water-off
              - type: custom:button-card
                name: Laundry Room
                entity: binary_sensor.laundry_leak
                styles:
                  card:
                    - font-size: 12px
                state:
                  - value: 'on'
                    icon: mdi:water
                    color: 'red'
                  - value: 'off'
                    icon: mdi:water-off

      - type: picture-entity
        entity: camera.meteogram
      # - id: 8d8b4c4a0e494b278ba93ea016ae35cd
      #   type: picture-entity
      #   entity: camera.wundergroundradar
      - type: iframe
        aspect_ratio: 90%
        url: https://embed.windy.com/embed2.html?lat=34.072&lon=-84.051&zoom=5&level=surface&overlay=rain&menu=&message=true&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=true&detailLat=34.072&detailLon=-84.051&metricWind=mph&metricTemp=%C2%B0F&radarRange=-1

  - icon: mdi:camera
    id: cameras
    title: Cameras
    cards:
      - type: picture-entity
        entity: camera.driveway_person
        show_name: false
        show_state: false
      - type: picture-entity
        entity: camera.porch_person
        show_name: false
        show_state: false
      - type: picture-entity
        entity: camera.pergola_person
        show_name: false
        show_state: false
      - type: picture-entity
        entity: camera.sunroom_person
        show_name: false
        show_state: false

      # - type: picture-glance
      #   camera_image: camera.g4_doorbell_pro_high
      - type: picture-glance
        title: Front Door
        entities:
          - binary_sensor.front_door_doorbell
          - binary_sensor.g4_doorbell_pro_motion
          - binary_sensor.front_door_person_detected
        camera_image: camera.g4_doorbell_pro_high
      - type: picture-glance
        camera_image: camera.g4_doorbell_pro_package_camera
        entities:
          - binary_sensor.front_door_package_detected
      - type: picture-entity
        entity: camera.worldtime
        show_name: false
        show_state: false
      # - type: picture-entity
      #   entity: camera.garage
      #   show_name: false
      #   show_state: false
      - type: picture-glance
        aspect_ratio: 0%
        camera_image: camera.garage
        camera_view: live
        title: Garage
        entities:
          - cover.garagedoor
          - light.lifx5

  - icon: mdi:play-circle-outline
    id: media
    title: Media
    cards:
      - type: custom:mini-media-player
        entity: media_player.shieldtv
        artwork: cover
        hide:
          volume: true
        shortcuts:
          columns: 3
          buttons:
            - icon: mdi:kodi
              type: script
              id: script.shieldtv_kodi
            - icon: mdi:plex
              type: script
              id: script.shieldtv_plex
            - icon: mdi:youtube
              type: script
              id: script.shieldtv_youtube
            - icon: mdi:netflix
              type: script
              id: script.shieldtv_netflix
            - icon: mdi:alpha-t-circle-outline
              type: script
              id: script.shieldtv_thoptv
            - icon: mdi:vpn
              type: script
              id: script.shieldtv_windscribe

      - type: entities
        title: Entertainment
        show_header_toggle: false
        entities:
          - sensor.living_room
          - input_select.livingroomharmony
          - input_select.hdmiswitcher
          - input_select.hdmiinput
          - input_number.harmonyvolume
          - script.tv_off
      - type: custom:auto-entities
        card:
          type: entities
          title: Players
          show_header_toggle: false
        filter:
          include:
            - domain: "media_player"
          exclude:
            - state: "unavailable"
            - entity: "*plex*"
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                color_type: blank-card
              - type: custom:button-card
                entity: switch.sonos_speech_enhance
                name: Speech
                icon: mdi:comment-check-outline
                action: toggle
                color_type: icon
                styles:
                  card:
                    - font-size: 12px
              - type: custom:button-card
                entity: switch.sonos_night_sound
                name: Night
                icon: mdi:weather-night
                action: toggle
                color_type: icon
                styles:
                  card:
                    - font-size: 12px
              - type: custom:button-card
                color_type: blank-card
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                color_type: blank-card
              - type: custom:button-card
                color_type: card
                color: rgb(223, 255, 97)
                icon: mdi:volume-minus
                styles:
                  card:
                    - height: 40px
                tap_action:
                  action: call-service
                  service: media_player.volume_down
                  service_data:
                    entity_id: media_player.family_room_2
              - type: custom:button-card
                entity: sensor.sonos_volume
                show_state: true
                show_icon: false
                show_name: false
                layout: vertical
                styles:
                  card:
                    - height: 40px
              - type: custom:button-card
                color_type: card
                color: rgb(223, 255, 97)
                icon: mdi:volume-plus
                styles:
                  card:
                    - height: 40px
                tap_action:
                  action: call-service
                  service: media_player.volume_up
                  service_data:
                    entity_id: media_player.family_room_2
              - type: custom:button-card
                color_type: blank-card
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                color_type: blank-card
              - type: custom:button-card
                color_type: card
                color: rgb(223, 255, 97)
                icon: mdi:plex
                tap_action:
                  action: call-service
                  service: rest_command.plex
              - type: custom:button-card
                color_type: card
                color: rgb(223, 255, 97)
                icon: mdi:youtube
                tap_action:
                  action: call-service
                  service: rest_command.youtube
              - type: custom:button-card
                color_type: card
                color: rgb(223, 255, 97)
                icon: mdi:netflix
                tap_action:
                  action: call-service
                  service: rest_command.netflix
              - type: custom:button-card
                color_type: blank-card
          - type: media-control
            entity: media_player.family_room_2
      - type: entities
        title: Light Operations
        show_header_toggle: false
        entities:
          - input_boolean.lifxeffects
          - input_number.lifxspread
          - input_number.lifxchange
          - input_number.lifxtransition
          - input_number.lifxbrightness
          - type: divider
          - script.sonoslinein
          - script.master_colorloop
          - script.master_random
          - script.master_reset
      - type: media-control
        entity: media_player.livingroomsonos
        artwork: cover
      - type: media-control
        entity: media_player.kodi_nstv
      # - type: media-control
      #   entity: media_player.living_room_tv
      - type: media-control
        entity: media_player.living_room_home
      - type: custom:mini-media-player
        entity: media_player.ftv_master
        artwork: cover
      # - type: media-control
      #   entity: media_player.panasonic_viera_tv
      # - type: media-control
      #   entity: media_player.samsungctl
      # - type: media-control
      #   entity: media_player.living_room_tv
      # - type: media-control
      #   entity: media_player.shieldtv
      # - type: media-control
      #   entity: media_player.ftv_master
  - icon: mdi:cog
    id: settings
    title: Settings
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: picture-entity
                entity: person.alok
                state_image:
                  'home': /local/icons/alok_home.png
                  'not_home': /local/icons/alok_not_home.png
                show_name: false
                show_state: false
              - type: picture-entity
                entity: person.rashmi
                state_image:
                  'home': /local/icons/rashmi_home.png
                  'not_home': /local/icons/rashmi_not_home.png
                show_name: false
                show_state: false
              - type: picture-entity
                entity: person.arnav
                state_image:
                  'home': /local/icons/arnav_home.png
                  'not_home': /local/icons/arnav_not_home.png
                show_name: false
                show_state: false
      - type: entities
        title: HASS Details
        show_header_toggle: false
        entities:
          - input_select.current_theme
          - input_boolean.devmode
          - input_boolean.alarm_automation
          - person.alok
          - person.rashmi
          - person.arnav
          - switch.shelly_garage
          - input_boolean.sleeping
          - entity: sensor.master_temp_change
            name: Master Temp change
          - binary_sensor.master_cooling
          - sensor.master_thermostat
          - type: attribute
            entity: binary_sensor.master_cooling
            attribute: gradient
            name: Master Gradient
      - type: entities
        title: Network Details
        show_header_toggle: false
        entities:
          - input_text.ubuntarr_public_ip
          - binary_sensor.internet_connected

      # - type: horizontal-stack
      #   cards:
      #     - type: custom:button-card
      #       entity: switch.firehd_rishaan
      #       name: Fire Tab
      #       icon: mdi:tablet
      #       color: rgb(250, 218, 79)
      #       color_type: icon
      #       style:
      #         - font-size: 12px
      #         - text-transform: capitalize
      #     - type: custom:button-card
      #       entity: switch.googlenesthub
      #       name: Nest Hub
      #       icon: mdi:tablet-dashboard
      #       color: rgb(250, 218, 79)
      #       color_type: icon
      #       style:
      #         - font-size: 12px
      #         - text-transform: capitalize
      #     - type: custom:button-card
      #       entity: switch.lenovolaptop
      #       name: Lenovo
      #       icon: mdi:laptop
      #       color: rgb(250, 218, 79)
      #       color_type: icon
      #       style:
      #         - font-size: 12px
      #         - text-transform: capitalize
      #     - type: "custom:button-card"
      #       entity: switch.rpi_aiy
      #       name: RPi AIY
      #       icon: mdi:raspberry-pi
      #       color: rgb(250, 218, 79)
      #       color_type: icon
      #       style:
      #         - font-size: 12px
      #         - text-transform: capitalize
      #     - type: custom:button-card
      #       entity: switch.toshibaaio
      #       name: Toshiba
      #       icon: mdi:desktop-mac-dashboard
      #       color: rgb(250, 218, 79)
      #       color_type: icon
      #       style:
      #         - font-size: 12px
      #         - text-transform: capitalize
      #     - type: custom:button-card
      #       entity: switch.samsungtv
      #       name: Sammy
      #       icon: mdi:television-classic
      #       color: rgb(250, 218, 79)
      #       color_type: icon
      #       style:
      #         - font-size: 12px
  - icon: mdi:cctv
    id: cameras_panel
    title: Cameras
    panel: true
    cards:
      - type: horizontal-stack
        cards:
          - type: vertical-stack
            cards:
              - type: picture-entity
                entity: camera.driveway_2
                camera_view: live
                show_name: false
                show_state: false
              - type: picture-entity
                entity: camera.sunroom
                show_name: false
                show_state: false
                camera_view: live
          - type: vertical-stack
            cards:
              - type: picture-entity
                entity: camera.porch_2
                show_name: false
                show_state: false
                camera_view: live
              - type: picture-entity
                entity: camera.pergola_fluent
                show_name: false
                show_state: false
                camera_view: live
  - icon: mdi:home-floor-1
    id: room_cards
    title: Rooms
    cards:
      - type: 'custom:banner-card'
        background: '#9494b8'
        heading: "\U0001F6CC Master"
        row_size: 3
        entities:
          - entity: binary_sensor.master_motion
            map_state:
              'on':
                value: 'mdi:motion-sensor'
            name: Motion
            value: 'mdi:walk'
          - entity: sensor.master_remote_temperature
            name: Temperature
          - entity: sensor.bedroom_humidity
            name: Humidity
          - entity: light.master_lights
            name: Light
          - entity: climate.master_homekit
            name: Thermostat
            map_state:
              cool: mdi:snowflake
          - entity: media_player.panasonic_viera_tv
          - entity: media_player.master
          - entity: media_player.ftv_master
          - entity: media_player.tv_living_room_tv
      - type: 'custom:banner-card'
        background: '#EDE7B0'
        heading: "\U0001F4BB Study"
        row_size: 4
        entities:
          - entity: sensor.humidity_158d0001ab3b2b
            name: Humidity
          - entity: sensor.temperature_158d0001ab3b2b
            name: Temp
          - entity: switch.study_fan
            name: Closet Fan
          - entity: sensor.canon_ts6300_series
            name: Printer
            map_state:
              idle:
                value: "mdi:printer"
              printing:
                value: "mdi:printer-wireless"
          - entity: sensor.canon_ts6300_series_black_bk
            name: Black(BK)
            when:
              state: [">", 0]
          - entity: sensor.canon_ts6300_series_black_pgbk
            name: Black(PGBK)
            when:
              state: [">", 0]
          - entity: sensor.canon_ts6300_series_cyan
            name: Cyan
            when:
              state: [">", 0]
          - entity: sensor.canon_ts6300_series_magenta
            name: Magenta
            when:
              state: [">", 0]
          - entity: sensor.canon_ts6300_series_yellow
            name: Yellow
            when:
              state: [">", 0]
      - type: 'custom:hui-entities-card'
        show_header_toggle: off
        entities:
          # - type: section
          #   label: 'Synology DS1515+'
          - type: 'custom:hui-vertical-stack-card'
            cards:
              - type: horizontal-stack
                cards:
                  - type: picture
                    style: |
                      ha-card {
                          --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                          --ha-card-background: "rgba(0, 0, 0, 0.0)";
                          --ha-card-box-shadow: 'none';
                      }
                    image: /local/icons/synology_ds1515.png
                  - type: 'custom:button-card'
                    layout: icon_name_state2nd
                    show_icon: true
                    show_state: true
                    styles:
                      grid:
                        - grid-template-columns: 50px auto
                      icon:
                        # - padding: 0px 20px
                        - height: 30px
                        # - width: 30px
                      card:
                        - --ha-card-background: "rgba(0, 0, 0, 0.0)"
                        - --ha-card-box-shadow: 'none'
                      state:
                        - padding: 0px 20px
                        - justify-self: start
                        - font-family: Roboto, sans-serif
                        - font-size: 15px
                      name:
                        - padding: 0px 20px 5px
                        - justify-self: start
                        - color: var(--secondary-text-color)
                    entity: sensor.ds1515_uptime
                    name: Uptime
                    icon: mdi:clock-outline
              - type: 'custom:config-template-card'
                variables:
                  - states['sensor.ds1515_volume_1_total_size'].state
                  - states['sensor.ds1515_volume_1_used_space'].state
                entities:
                  - sensor.ds1515_volume_1_total_size
                  - sensor.ds1515_volume_1_used_space
                card:
                  type: 'custom:bar-card'
                  title_position: inside
                  show_icon: true
                  align: split
                  columns: 1
                  max: 100
                  unit_of_measurement: "%"
                  severity:
                      - from: 0
                        to: 50
                        color: "#3498db"
                      - from: 51
                        to: 75
                        color: "#f39c12"
                      - from: 76
                        to: 100
                        color: "#e45e65"
                  # positions:
                  #   icon: 'off'
                  #   indicator: 'off'
                  style: |
                        ha-card {
                          --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                          --ha-card-background: "rgba(0, 0, 0, 0.0)";
                          --ha-card-box-shadow: 'none';
                        }
                  entity: sensor.ds1515_volume_1_used_space
                  name: "${ 'Space (' + vars[1] + '/' + vars[0] + ')' }"
              - type: horizontal-stack
                cards:
                  - type: custom:bar-card
                    title_position: inside
                    show_icon: true
                    align: split
                    columns: 1
                    max: 100
                    unit_of_measurement: "%"
                    severity:
                      - from: 0
                        to: 50
                        color: "#3498db"
                      - from: 51
                        to: 75
                        color: "#f39c12"
                      - from: 76
                        to: 100
                        color: "#e45e65"
                    style: |
                          ha-card {
                            --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                            --ha-card-background: "rgba(0, 0, 0, 0.0)";
                            --ha-card-box-shadow: 'none';
                          }
                    entity: sensor.ds1515_memory_usage_real
                    name: RAM
                  - type: custom:bar-card
                    title_position: inside
                    show_icon: true
                    align: split
                    columns: 1
                    max: 100
                    unit_of_measurement: "%"
                    severity:
                      - from: 0
                        to: 50
                        color: "#3498db"
                      - from: 51
                        to: 75
                        color: "#f39c12"
                      - from: 76
                        to: 100
                        color: "#e45e65"
                    style: |
                          ha-card {
                            --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                            --ha-card-background: "rgba(0, 0, 0, 0.0)";
                            --ha-card-box-shadow: 'none';
                          }
                    entity: sensor.ds1515_cpu_utilization_total
                    name: CPU
              - type: custom:bar-card
                title_position: inside
                show_icon: true
                align: split
                columns: 1
                max: 100
                unit_of_measurement: "%"
                severity:
                  - from: 0
                    to: 50
                    color: "#3498db"
                  - from: 51
                    to: 75
                    color: "#f39c12"
                  - from: 76
                    to: 100
                    color: "#e45e65"
                style: |
                      ha-card {
                        --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                        --ha-card-background: "rgba(0, 0, 0, 0.0)";
                        --ha-card-box-shadow: 'none';
                      }
                entity: sensor.ds1515_volume_1_volume_used
                name: HDD

              - type: custom:mini-graph-card
                height: 30
                line_width: 2
                font_size: 70
                hours_to_show: 48
                points_per_hour: 1
                show:
                  extreme: true
                  fill: true
                style: |
                  ha-card {
                    --ha-card-background: "rgba(0, 0, 0, 0.0)";
                    --ha-card-box-shadow: 'none';
                    border-radius: 2px;
                  }
                entities:
                  - sensor.ds1515_volume_1_average_disk_temp
                name: Disk Temperature
                color_thresholds:
                  - value: 90
                    color: "#3498db"
                  - value: 95
                    color: "#f39c12"
                  - value: 100
                    color: "#E45E65"
      - type: history-graph
        title: 'Master Bathroom Vent'
        entities:
          - entity: sensor.master_vent
            name: Temperature
          - entity: sensor.master_vent_humidity_sensor
            name: Humidity
      - type: history-graph
        title: 'Living Room Vent'
        entities:
          - entity: sensor.vent
            name: Temperature
          - entity: sensor.vent_humidity_sensor
            name: Humidity

      - type: custom:history-explorer-card
        combineSameUnits: true
        showUnavailable: false
        defaultTimeRange: 6h
        header: 'Ecobee Downstairs'
        stateColors:
          sensor.heating: red
          sensor.cooling: blue
          sensor.idle: grey
        graphs:
          - type: line
            entities:
              - entity: weather.home
                color: orangered
                name: Outside Temperature
                attribute: temperature
              - entity: sensor.vent
                color: '#3e95cd'
                fill: rgba(151,187,205,0.15)
                name: Living Room Vent
          - type: timeline
            labelsVisible: false
            entities:
              - entity: sensor.downstairs_thermostat
                name: ''
      # - type: custom:webrtc-camera
      #   url: rtmp://192.168.2.76/live/driveway
      - type: area
        area: sunroom
        show_camera: true
      - type: area
        area: driveway
        show_camera: true
      - type: area
        area: porch
        show_camera: true