@monkey-house sure thing here you go
#################################################################
# #
# Playroom - Smart Fan Card #
# #
#################################################################
- type: custom:card-modder
card:
type: picture-elements
image: /local/lovelace/playroom/playroom-fan_2.jpg
elements:
- type: state-icon
entity: fan.xiaomi_smart_fan
style: {color: white, left: 5%, top: 88%}
- type: state-label
entity: fan.xiaomi_smart_fan
style: {color: white, left: 11%, top: 89%}
- type: state-label
entity: sensor.playroom_fan_speed_level
style: {color: white, left: 20%, top: 89%}
- type: state-label
entity: sensor.playroom_fan_speed
style: {color: white, left: 35%, top: 89%}
prefix: "Speed : "
- type: state-label
entity: sensor.playroom_fan_angle
style: {color: white, left: 54%, top: 89%}
prefix: "Angle : "
- type: state-label
entity: sensor.playroom_fan_oscillate
style: {color: white, left: 74%, top: 89%}
prefix: "Oscillate : "
- type: state-icon
entity: sensor.playroom_fan_battery
style: {color: white, left: 88%, top: 88%}
- type: state-label
entity: sensor.playroom_fan_battery
style: {color: white, left: 94%, top: 89%}
- type: state-label
entity: sensor.playroom_fan_temperature
style:
top: 12%
left: 5%
color: rgb(255, 255, 255)
transform: translate(0%,-50%)
pointer-events: none
text-shadow: 1px 1px black
font-family: Trebuchet MS
font-size: 90%
font-weight: bold
border-left-style: solid
border-color: rgb(34, 154, 210)
background-color: rgb(54, 65, 78)
opacity: 0.8
- type: state-label
entity: sensor.playroom_fan_humidity
style:
top: 12%
right: 5%
color: rgb(255, 255, 255)
transform: translate(0%,-50%)
pointer-events: none
text-shadow: 1px 1px black
font-family: Trebuchet MS
font-size: 90%
font-weight: bold
border-right-style: solid
border-color: rgb(34, 154, 210)
background-color: rgb(54, 65, 78)
opacity: 0.8
style:
background-image: url("/local/lovelace/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
overflow: hidden
Complete config can be found here