diff --git a/lovelace/hallway_dashboard/at_home_dashboard.yaml b/lovelace/hallway_dashboard/at_home_dashboard.yaml index 6bfec38..7747160 100644 --- a/lovelace/hallway_dashboard/at_home_dashboard.yaml +++ b/lovelace/hallway_dashboard/at_home_dashboard.yaml @@ -182,13 +182,88 @@ card: # Column 2 - type: vertical-stack cards: - - type: custom:weather-card - entity: weather.dark_sky - forecast: false - - type: markdown - content: >- - {% set forecast = states('sensor.dark_sky_hourly_summary') %} - {{ forecast }} + - type: custom:stack-in-card + mode: vertical + keep: + background: true + card_mod: + style: | + ha-card { + margin-top: 16px; + } + cards: + - type: custom:simple-weather-card + entity: weather.dark_sky + backdrop: true + secondary_info: + - humidity + - wind_speed + - precipitation_probability + card_mod: + style: | + .weather__info:not(.weather__info--add) { + margin-left: 14px; + } + + - type: custom:air-visual-card + air_pollution_level: sensor.u_s_air_pollution_level + air_quality_index: sensor.u_s_air_quality_index + main_pollutant: sensor.u_s_main_pollutant + hide_title: true + hide_weather: true + country: Sofia + card_mod: + style: | + .grid-container { + grid-template-columns: 70px 30% auto; + grid-template-rows: 0 38px auto; + } + + .face { + border-top-left-radius: 0; + } + + .face img { + height: 40px; + } + + .country { + text-align: left; + padding-left: 16px; + } + + .aplSensor { + justify-content: end; + padding-right: 16px; + padding-top: 16px; + font-size: 1em; + border-top-right-radius: 0; + } + + .mainPollutantSensor { + padding: 0 0 16px 0; + } + + .mainPollutantSensorText { + width: auto; + padding: 0 16px; + margin-left: auto; + margin-right: 16px; + } + + .aqiSensor { + justify-content: start; + padding-left: 16px; + padding-top: 16px; + font-size: 1.5em; + height: auto; + } + + - type: markdown + content: >- + {% set forecast = states('sensor.dark_sky_hourly_summary') %} + It will be {{ forecast[0] | lower }}{{ forecast [1:] }} + - type: custom:decluttering-card template: v3_section_title variables: diff --git a/lovelace/resources.yaml b/lovelace/resources.yaml index a528147..965fe17 100644 --- a/lovelace/resources.yaml +++ b/lovelace/resources.yaml @@ -1,4 +1,4 @@ -- url: /hacsfiles/aftership-card/aftership-card.js +- url: /hacsfiles/air-visual-card/air-visual-card.js type: module - url: /hacsfiles/bar-card/bar-card.js type: module @@ -20,14 +20,14 @@ type: module - url: /hacsfiles/light-entity-card/light-entity-card.js type: module -- url: /hacsfiles/light-popup-card/light-popup-card.js - type: module - url: /hacsfiles/lovelace-card-mod/card-mod.js type: module - url: /hacsfiles/lovelace-fold-entity-row/fold-entity-row.js type: module - url: /hacsfiles/lovelace-layout-card/layout-card.js type: module +- url: /hacsfiles/lovelace-hourly-weather/hourly-weather.js + type: module - url: /hacsfiles/lovelace-multiple-entity-row/multiple-entity-row.js type: module - url: /hacsfiles/lovelace-slider-entity-row/slider-entity-row.js @@ -42,10 +42,10 @@ type: module - url: /hacsfiles/lovelace-state-switch/state-switch.js type: module -- url: /hacsfiles/kb-better-graph-colors/kb-better-graph-colors.js - type: module - url: /hacsfiles/simple-clock-card/simple-clock-card.js type: module +- url: /hacsfiles/simple-weather-card/simple-weather-card-bundle.js + type: module - url: /hacsfiles/lovelace-swipe-navigation/swipe-navigation.js type: module - url: /hacsfiles/lovelace-template-entity-row/template-entity-row.js @@ -54,7 +54,7 @@ type: module - url: /hacsfiles/vacuum-card/vacuum-card.js type: module -- url: /hacsfiles/vertical-stack-in-card/vertical-stack-in-card.js +- url: /hacsfiles/stack-in-card/stack-in-card.js type: module - url: /hacsfiles/weather-card/weather-card.js type: module @@ -66,9 +66,6 @@ type: module - -- url: /hacsfiles/lovelace-folder-card/folder-card.js - type: module - url: /hacsfiles/lovelace-time-picker-card/time-picker-card.js type: module