Use arrows to display wind direction

[rhynodge.git] / src / main / kotlin / net / pterodactylus / rhynodge / webpages / weather / wettercom / WetterComTrigger.kt

diff --git a/src/main/kotlin/net/pterodactylus/rhynodge/webpages/weather/wettercom/WetterComTrigger.kt b/src/main/kotlin/net/pterodactylus/rhynodge/webpages/weather/wettercom/WetterComTrigger.kt
index 7409357..8a2f62b 100644 (file)
--- a/src/main/kotlin/net/pterodactylus/rhynodge/webpages/weather/wettercom/WetterComTrigger.kt
+++ b/src/main/kotlin/net/pterodactylus/rhynodge/webpages/weather/wettercom/WetterComTrigger.kt
@@ -65,7 +65,12 @@ class WetterComTrigger : Trigger {
                         div("temperature") { +"%d °C".format(it.temperature.toInt()) }
                         div("rain-probability") { +"%d%%".format((it.rainProbability * 100).toInt()) }
                         div("rain-amount") { +"%d l/m²".format(it.rainAmount.toInt()) }
-                        div("wind-direction") { +it.windDirection.name }
+                        div("wind-direction") {
+                            div {
+                                attributes += "style" to "padding: none; transform: rotate(%ddeg)".format(180 - it.windDirection.degrees)
+                                +"➠"
+                            }
+                        }
                         div("wind-speed") { +"%d km/h".format(it.windSpeed.toInt()) }
                         div("description") { +it.description }
                         div("image") { img(src = it.image) }