Simple card for Cybertruck status values. I based it off this post. I used an overhead image from this [CT folded model] (Bendable Laser Cut Cybertruck Model by steveplusplus - Thingiverse) by steveplusplus. (About steveplusplus - Thingiverse).
type: picture-elements
image: /api/image/serve/c207ed287ff1a60f22e2f3a18b352f00/512x512
elements:
- type: state-label
entity: device_tracker.scary_terry_location
style:
top: 8%
left: 89%
font-size: 100%
font-weight: normal
color: rgb(0,0,0)
- type: state-icon
entity: binary_sensor.scary_terry_status
style:
top: 8%
left: 76%
- type: state-icon
entity: sensor.scary_terry_charging
style:
top: 8%
left: 68%
- type: state-label
entity: climate.scary_terry_climate
style:
top: 8%
left: 58%
- type: state-icon
entity: binary_sensor.scary_terry_front_driver_door
style:
top: 20%
left: 55%
- type: state-icon
entity: binary_sensor.scary_terry_rear_driver_door
style:
top: 20%
left: 42%
- type: state-icon
entity: binary_sensor.scary_terry_rear_passenger_door
style:
top: 42%
left: 55%
- type: state-icon
entity: binary_sensor.scary_terry_front_passenger_door
style:
top: 42%
left: 42%
- type: state-icon
entity: cover.scary_terry_frunk
style:
top: 31%
left: 74%
- type: state-icon
entity: cover.scary_terry_trunk
style:
top: 31%
left: 18%
- type: state-icon
entity: cover.scary_terry_charge_port_door
style:
top: 21%
left: 27%
- type: conditional
conditions:
- entity: binary_sensor.scary_terry_charger_sensor
state: "on"
elements:
- type: state-label
entity: sensor.scary_terry_charging_rate_sensor
tap_action: none
hold_action: none
style:
top: 27%
left: 21%
font-size: 100%
font-weight: normal
color: rgb(0,0,0)
- type: state-label
entity: sensor.scary_terry_inside_temperature
style:
top: 31%
left: 45%
font-size: 100%
font-weight: normal
color: rgb(55,255,255)
- type: state-label
entity: sensor.scary_terry_outside_temperature
style:
top: 8%
left: 20%
font-size: 100%
font-weight: normal
color: rgb(0,0,0)
- type: state-label
entity: sensor.scary_terry_battery_sensor