Temperature text in svg and HTML

[Trzinka]

Ah yes, I need new help because I just don't understand how to do it, so I tried something!

In Inkscape I made a new folder named text and added 6 elements to which I assigned an ID equal to the HA entity ID.

Is this even the right way?

In floor plan card i add:

                    - name: Temperature
                      entities:
                        - sensor.povprecje_temperature_di
                        - sensor.povprecje_temperature_jedilnica
                        - sensor.povprecje_temperature_kopalnica
                        - sensor.povprecje_temperature_michele
                        - sensor.povprecje_temperature_nata
                        - sensor.povprecje_temperature_spalnica
                        - sensor.povprecje_temperature_vhod
                      state_action:
                        - service: floorplan.text_set
                          service_data: >-
                            ${(entity.state !== undefined) ?
                            Math.round(entity.state * 10) / 10 + "°" :
                            "unknown"}
                        - service: floorplan.class_set
                          service_data:
                            class: static-temp

In browser Dev Tools i can see

Od HA dobim povprečno temperaturo za vsako sobo posebej!

in CSS i have:

.static-temp {
  fill: none;
  stroke: none;
  font-size: 10px;
  color: aliceblue;	
  font-style: italic;	
  z-index: 10;
}

Apparently, again, my current knowledge ends here!

[Trzinka]

With the help of watching a video and a bit of surfing the web, I solved the problem!!!

In Inkscape I added text over the sidebar to get this:

Then I checked through Dev tools to see what the hell was going on:

Fixed in fp.yaml

                    - entities:
                        - sensor.povprecje_temperature_di
                        - sensor.povprecje_temperature_jedilnica
                        - sensor.povprecje_temperature_kopalnica
                        - sensor.povprecje_temperature_michele
                        - sensor.povprecje_temperature_nata
                        - sensor.povprecje_temperature_spalnica
                        - sensor.povprecje_temperature_vhod
                      state_action:
                        - service: floorplan.text_set
                          service_data: >-
                            ${(entity.state !== undefined) ?
                            Math.round(entity.state * 10) / 10 + "°" :
                            "unknown"}
                        - service: floorplan.class_set
                          service_data:
                            class: static-temp
                      tap_action: null

and add in fp.css

tspan {
	fill: rgb(60, 122, 255);
	stroke: none;
	font-size: 50px !important;
	z-index: 10;
}

Final result:

This one was tough