My Ventusky conditional cards that change the card layer shown, depending on the weather type from weather.home.
Radar - rainy, pouring, lightning-rainy, cloudy.
Wind Gusts - windy, windy-variant.
Temperature/Freezing Level - snow, snowy-rainy, hail.
Clouds/Fog - fog.
Satellite - exceptional, sunny, partly cloudy, clear-night.
Below is some examples, all below cards exist on one lovelace dashboard and will only display upon weather condition, device type or fire toggle helper being active.
SHOWS VENTUSKY ON SCREEN LARGER THAN PHONE
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 768px)'
- condition: state
entity: input_boolean.fire_toggle
state: 'off'
- condition: and
conditions:
- condition: or
conditions:
- condition: state
entity: weather.home
state: rainy
- condition: state
entity: weather.home
state: pouring
- condition: state
entity: weather.home
state: lightning-rainy
- condition: state
entity: weather.home
state: cloudy
card:
type: iframe
url: https://www.ventusky.com/?p=-41.00;146.48;7&l=radar&w=0DhtxSTyB
aspect_ratio: 62%
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 768px)'
- condition: state
entity: input_boolean.fire_toggle
state: 'off'
- condition: and
conditions:
- condition: or
conditions:
- condition: state
entity: weather.home
state: windy-variant
- condition: state
entity: weather.home
state: windy
card:
type: iframe
url: https://www.ventusky.com/?p=-40.98;146.38;7&l=gust&w=0DhtxSTyB
aspect_ratio: 62%
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 768px)'
- condition: state
entity: input_boolean.fire_toggle
state: 'off'
- condition: and
conditions:
- condition: or
conditions:
- condition: state
entity: weather.home
state: snowy
- condition: state
entity: weather.home
state: snowy-rainy
- condition: state
entity: weather.home
state: hail
card:
type: iframe
url: >-
https://www.ventusky.com/?p=-41.59;146.33;6&l=freezing&t=20240228/1300&w=0DhtxSTyB
aspect_ratio: 62%
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 768px)'
- condition: state
entity: input_boolean.fire_toggle
state: 'off'
- condition: and
conditions:
- condition: or
conditions:
- condition: state
entity: weather.home
state: fog
card:
type: iframe
url: >-
https://www.ventusky.com/?p=-40.98;146.38;7&l=clouds-fog&w=0DhtxSTyB
aspect_ratio: 62%
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 768px)'
- condition: state
entity: input_boolean.fire_toggle
state: 'off'
- condition: and
conditions:
- condition: or
conditions:
- condition: state
entity: weather.home
state: exceptional
- condition: state
entity: weather.home
state: sunny
- condition: state
entity: weather.home
state: partlycloudy
- condition: state
entity: weather.home
state: clear-night
card:
type: iframe
url: https://www.ventusky.com/?p=-41.58;146.73;6&l=satellite
aspect_ratio: 62%
SHOWS VENTUSKY MOBILE VIEW ON PHONE
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 0px) and (max-width: 767px)'
card:
type: conditional
conditions:
- condition: or
conditions:
- condition: state
entity: weather.home
state: rainy
- condition: state
entity: weather.home
state: pouring
- condition: state
entity: weather.home
state: lightning-rainy
- condition: state
entity: weather.home
state: cloudy
card:
type: iframe
url: >-
https://www.ventusky.com/?p=-41.00;146.48;7&l=radar&w=0DhtxSTyB
aspect_ratio: '9:16'
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 0px) and (max-width: 767px)'
card:
type: conditional
conditions:
- condition: or
conditions:
- condition: state
entity: weather.home
state: windy-variant
- condition: state
entity: weather.home
state: windy
card:
type: iframe
url: https://www.ventusky.com/?p=-40.98;146.38;7&l=gust&w=0DhtxSTyB
aspect_ratio: '9:16'
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 0px) and (max-width: 767px)'
card:
type: conditional
conditions:
- condition: or
conditions:
- condition: state
entity: weather.home
state: snowy
- condition: state
entity: weather.home
state: snowy-rainy
- condition: state
entity: weather.home
state: hail
card:
type: iframe
url: >-
https://www.ventusky.com/?p=-41.59;146.33;6&l=freezing&t=20240228/1300&w=0DhtxSTyB
aspect_ratio: '9:16'
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 0px) and (max-width: 767px)'
card:
type: conditional
conditions:
- condition: or
conditions:
- condition: state
entity: weather.home
state: fog
card:
type: iframe
url: >-
https://www.ventusky.com/?p=-40.98;146.38;7&l=clouds-fog&w=0DhtxSTyB
aspect_ratio: '9:16'
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 0px) and (max-width: 767px)'
card:
type: conditional
conditions:
- condition: or
conditions:
- condition: state
entity: weather.home
state: exceptional
- condition: state
entity: weather.home
state: sunny
- condition: state
entity: weather.home
state: partlycloudy
- condition: state
entity: weather.home
state: clear-night
card:
type: iframe
url: https://www.ventusky.com/?p=-41.58;146.73;6&l=satellite
aspect_ratio: '9:16'
SHOWS DEA HOTSPOTS ON DEVICE LARGER THAN PHONE
I use DEA Hotspots for fire monitoring. With a Fire Toggle Helper to switch between Weather View and Fire View.
Zoomed in imagery from this site is fantastic.
- type: conditional
conditions:
- condition: state
entity: input_boolean.fire_toggle
state: 'on'
- condition: and
conditions:
- condition: screen
media_query: '(min-width: 768px)'
card:
type: iframe
url: >-
https://hotspots.dea.ga.gov.au/restore/bd22f211-6d55-4592-854e-72763b63fa19
aspect_ratio: 62%