mirror of
https://github.com/CeeWeasel/fresh-home.git
synced 2026-08-09 18:40:14 -04:00
CeeWeasel
122 lines
2.5 KiB
YAML
122 lines
2.5 KiB
YAML
type: picture-elements
|
|
#background image for header
|
|
image: /local/bg500x225.png
|
|
elements:
|
|
- type: custom:mushroom-template-card
|
|
primary: "{{states('input_select.master_bathroom_mode')}}"
|
|
entity: input_select.master_bathroom_mode
|
|
tap_action:
|
|
action: more-info
|
|
style:
|
|
font-style: italic
|
|
left: 25%
|
|
top: 88%
|
|
|
|
- type: state-label
|
|
entity: sensor.bathroom_multisensor_air_temperature
|
|
style:
|
|
left: 15%
|
|
top: 35%
|
|
font-size: 180%
|
|
- type: state-label
|
|
entity: sensor.bathroom_multisensor_relative_humidity
|
|
style:
|
|
left: 85%
|
|
top: 35%
|
|
font-size: 180%
|
|
text-align: right
|
|
#Card title
|
|
- type: custom:mushroom-title-card
|
|
title: "Master Bathroom"
|
|
style:
|
|
font-size: 130%
|
|
left: -2%
|
|
top: -10%
|
|
transform: initial
|
|
#top left icon spot
|
|
- type: state-icon
|
|
entity: binary_sensor.bathroom_occupied
|
|
style:
|
|
left: 68%
|
|
top: 9%
|
|
# - type: state-icon
|
|
# entity: binary_sensor.master_bathroom_motion
|
|
# style:
|
|
# left: 68%
|
|
# top: 9%
|
|
# - type: state-icon
|
|
# entity: binary_sensor.bathroom_getting_humid
|
|
# style:
|
|
# left: 76%
|
|
# top: 9%
|
|
- type: state-icon
|
|
entity: binary_sensor.bathroom_multisensor_too_humid
|
|
style:
|
|
left: 76%
|
|
top: 9%
|
|
- type: state-icon
|
|
entity: switch.master_bathroom_vent_switch
|
|
style:
|
|
left: 84%
|
|
top: 9%
|
|
tap_action:
|
|
action: toggle
|
|
hold_action:
|
|
action: more-info
|
|
#top icon spot #3
|
|
- type: state-icon
|
|
entity: input_boolean.bathroom_occupied
|
|
style:
|
|
left: 92%
|
|
top: 9%
|
|
tap_action:
|
|
action: toggle
|
|
hold_action:
|
|
action: more-info
|
|
|
|
#button #4
|
|
- type: "custom:button-card"
|
|
color: auto
|
|
entity: light.master_bathroom_hue
|
|
show_name: false
|
|
style:
|
|
left: 25%
|
|
top: 65%
|
|
styles:
|
|
card:
|
|
- border-radius: 50px
|
|
- width: 50px
|
|
- height: 50px
|
|
icon:
|
|
- width: 30px
|
|
- height: 30px
|
|
tap_action:
|
|
action: toggle
|
|
hold_action:
|
|
action: more-info
|
|
|
|
#button #5
|
|
- type: "custom:button-card"
|
|
color: auto
|
|
entity: media_player.bathroom_mini
|
|
show_name: false
|
|
show_entity_picture: true
|
|
style:
|
|
left: 75%
|
|
top: 65%
|
|
styles:
|
|
card:
|
|
#- border-radius: 50px
|
|
- width: 50px
|
|
- height: 50px
|
|
icon:
|
|
- width: 45px
|
|
- height: 45px
|
|
tap_action:
|
|
action: more-info
|
|
# 12,31,50,69,88
|
|
# 14,38,62,86
|
|
# 25,50,75
|
|
# 33,66
|
|
# 50
|