title: Home
views:
  - theme: Backend-selected
    path: default_view
    title: Home
    icon: mdi:home
    type: custom:grid-layout
    layout:
      grid-template-columns: 1fr 1fr 1fr
      grid-template-rows: auto
      grid-template-areas: |
        "sidebar main main"
      mediaquery:
        '(max-width: 600px)':
          grid-template-columns: 100%
          grid-template-areas: |
            "sidebar"
            "main"
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            layout:
              margin: 0
              gap: 0
              grid-template-columns: 1fr 1fr
              mediaquery:
                '(max-width: 600px)':
                  grid-template-columns: 100%
            cards:
              - type: custom:simple-thermostat
                entity: climate.hallway
                step_size: 1
                layout:
                  step: row
                  sensors:
                    labels: false
                  mode:
                    names: false
                    headings: false
                hide:
                  state: true
                card_mod:
                  style: |
                    .current-wrapper {
                      flex-wrap: nowrap !important;  
                    }
                    .modes {
                      padding: 0;
                    }
                    .modes:last-of-type {
                      display: none;
                    }
                    ha-card {
                      padding-bottom: 0 !important;
                    }
              - type: custom:simple-thermostat
                entity: climate.mancave
                step_size: 1
                layout:
                  step: row
                  sensors:
                    labels: false
                  mode:
                    names: false
                    headings: false
                hide:
                  state: true
                card_mod:
                  style: |
                    .current-wrapper {
                      flex-wrap: nowrap !important;  
                    }
                    .modes {
                      padding: 0;
                    }
                    ha-card {
                      padding-bottom: 0 !important;
                    }
          - type: vertical-stack
            cards:
              - type: horizontal-stack
                cards:
                  - type: custom:mini-graph-card
                    card_mod:
                      style: |
                        ha-card { padding: 0 !important; }
                    entities:
                      - entity: sensor.backyard_temperature
                        name: Temperature
                  - type: custom:mini-graph-card
                    card_mod:
                      style: |
                        ha-card { padding: 0 !important; }
                    entities:
                      - entity: sensor.backyard_humidity
                        name: Humidity
                  - type: custom:mini-graph-card
                    card_mod:
                      style: |
                        ha-card { padding: 0 !important; }
                    entities:
                      - entity: sensor.purpleair_pressure
                        name: Pressure
                  - type: custom:mini-graph-card
                    icon: mdi:air-purifier
                    card_mod:
                      style: |
                        ha-card { padding: 0 !important; }
                    entities:
                      - entity: sensor.purpleair_aqi_a
                        name: AQI
                    color_thresholds:
                      - value: 0
                        color: '#43a047'
                      - value: 150
                        color: '#ffa600'
                      - value: 300
                        color: '#db4437'
                      - value: 4000
                        color: '#0000ff'
              - type: horizontal-stack
                cards:
                  - type: custom:mini-graph-card
                    card_mod:
                      style: |
                        ha-card { padding: 0 !important; }
                    entities:
                      - entity: sensor.aranet4_xxx_temperature
                        name: 👶 Temp
                  - type: custom:mini-graph-card
                    card_mod:
                      style: |
                        ha-card { padding: 0 !important; }
                    entities:
                      - entity: sensor.aranet4_xxx_humidity
                        name: 👶 Humidity
                    color_thresholds:
                      - value: 0
                        color: '#db4437'
                      - value: 35
                        color: '#ffa600'
                      - value: 50
                        color: '#43a047'
                      - value: 70
                        color: '#ffa600'
                      - value: 90
                        color: '#db4437'
                  - type: custom:mini-graph-card
                    icon: mdi:molecule-co2
                    card_mod:
                      style: |
                        ha-card { padding: 0 !important; }
                    entities:
                      - entity: sensor.aranet4_xxx_carbon_dioxide
                        name: 👶 CO2
                    color_thresholds:
                      - value: 0
                        color: '#43a047'
                      - value: 1100
                        color: '#ffa600'
                      - value: 1600
                        color: '#db4437'
                      - value: 1800
                        color: '#0000ff'
                  - type: custom:mini-graph-card
                    icon: mdi:air-purifier
                    card_mod:
                      style: |
                        ha-card { padding: 0 !important; }
                    entities:
                      - entity: sensor.purpleair_indoor_aqi
                        name: AQI
                    color_thresholds:
                      - value: 0
                        color: '#43a047'
                      - value: 160
                        color: '#ffa600'
                      - value: 200
                        color: '#db4437'
                  - type: custom:mini-graph-card
                    icon: mdi:lungs
                    card_mod:
                      style: |
                        ha-card { padding: 0 !important; }
                    entities:
                      - entity: sensor.owlet_spo2
                        name: 👶 Oxy
                    color_thresholds:
                      - value: 0
                        color: '#db4437'
                      - value: 90
                        color: '#43a047'
          - type: horizontal-stack
            cards:
              - camera_view: live
                type: picture-glance
                title: ' '
                entities: []
                camera_image: camera.front_door
                aspect_ratio: '16:9'
                entity: camera.front_door
              - camera_view: live
                type: picture-glance
                title: ' '
                entities: []
                camera_image: camera.backyard
                aspect_ratio: '16:9'
                entity: camera.backyard
              - camera_view: live
                type: picture-glance
                title: ' '
                entities: []
                camera_image: camera.192_168_0_180
                aspect_ratio: '16:9'
                entity: camera.192_168_0_180
          - square: false
            columns: 6
            type: grid
            cards:
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.left_bed_light_socket
                name: Left Bed
                icon: mdi:lamp
                show_state: true
                icon_height: 30px
                card_mod:
                  style: |
                    ha-card { padding: 6% 0 !important; }
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.right_bed_light_socket
                name: Right Bed
                icon: mdi:lamp
                show_state: true
                icon_height: 30px
                card_mod:
                  style: |
                    ha-card { padding: 6% 0 !important; }
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                name: Patio
                icon: mdi:string-lights
                show_state: true
                entity: switch.patio_lights_socket_1
                icon_height: 30px
                card_mod:
                  style: |
                    ha-card { padding: 6% 0 !important; }
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.living_room_light_socket_1
                name: Living Room
                icon: mdi:floor-lamp
                show_state: true
                icon_height: 30px
                card_mod:
                  style: |
                    ha-card { padding: 6% 0 !important; }
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.man_cave_lamp_socket
                icon: mdi:floor-lamp-dual
                name: Mancave
                show_state: true
                icon_height: 30px
                card_mod:
                  style: |
                    ha-card { padding: 6% 0 !important; }
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: lock.front_door_2
                show_state: true
                icon_height: 30px
                card_mod:
                  style: |
                    ha-card { padding: 6% 0 !important; }
        view_layout:
          grid-area: main
      - type: vertical-stack
        cards:
          - type: custom:clock-weather-card
            entity: weather.home
            sun_entity: sun.sun
            weather_icon_type: line
            animated_icon: true
            forecast_days: 3
            locale: en-US
            time_format: 24
            hide_today_section: false
            hide_forecast_section: false
            hide_clock: false
            hide_date: false
          - initial_view: dayGridMonth
            type: calendar
            entities:
              - calendar.aleksey
            card_mod:
              style:
                ha-full-calendar:
                  $: |
                    .header { 
                       flex-direction: row !important; 
                       align-items: center !important;
                       flex-wrap: nowrap !important;
                    }
                    .header h1 { 
                      font-size: 16px; 
                      margin: 0; 
                      word-wrap: nowrap;
                    }
                    #calendar {
                      min-height: 262px !important;
                    }
                    .controls div:last-child {
                      display: flex;
                      flex-direction: row;
                      flext-wrap: nowrap;
                    }
                    .today {
                      margin-right: 0 !important;
                      margin-inline-end: 0 !important;
                    }
          - type: horizontal-stack
            cards:
              - hours_to_show: 6
                graph: line
                type: sensor
                entity: sensor.envoy_xxx_current_power_production
                detail: 2
                name: Primary
              - hours_to_show: 6
                graph: line
                type: sensor
                entity: sensor.envoy_xxx_current_power_production
                detail: 2
                name: Secondary
        view_layout:
          grid-area: sidebar