From 8edd0ff138d0deefd6d2d83475e312d0e2e662a3 Mon Sep 17 00:00:00 2001 From: kofi-k Date: Thu, 25 Jun 2026 13:32:44 +0000 Subject: [PATCH] update flip card descriptions and expand models page intro text --- .../domains/lux/sections/home/FlipCard.kt | 29 +++++++++--- .../lux/sections/luxmodels/LuxModels.kt | 47 +++++++++++++++---- 2 files changed, 62 insertions(+), 14 deletions(-) diff --git a/site/src/jsMain/kotlin/domains/lux/sections/home/FlipCard.kt b/site/src/jsMain/kotlin/domains/lux/sections/home/FlipCard.kt index 6ae399b0..d70e2bda 100644 --- a/site/src/jsMain/kotlin/domains/lux/sections/home/FlipCard.kt +++ b/site/src/jsMain/kotlin/domains/lux/sections/home/FlipCard.kt @@ -40,8 +40,14 @@ data class LuxFlipCardItem( nl = "Integrale energiesimulaties" ), description = LocalizedText( - en = "LUX is multi-level (from company to country) and multi-commodity (from electricity to heat and hydrogen).", - nl = "LUX kent meerdere niveaus (van bedrijf naar land) en meerdere soorten energie (van elektriciteit naar warmte en waterstof)" + en = """ + LUX is applicable at the building, neighborhood, municipality, and regional levels, and can + include all energy carriers (such as electricity, gas, hydrogen, and heat). + """.trimIndent(), + nl = """ + LUX is toepasbaar op pand, buurt, gemeente en regio-niveau, en kan alle energiedragers (zoals + elektra, gas, waterstof en warmte) meenemen. + """.trimIndent() ), icon = { MdiLightbulb(it) @@ -53,8 +59,13 @@ data class LuxFlipCardItem( nl = "Interactieve digitale tweeling" ), description = LocalizedText( - en = "LUX loads all GIS and energy data of your area and lets you run a variety of what-if simulations.", - nl = "LUX laadt alle GIS- en energiedata van jouw gebied en laat je verschillende wat-als scenario’s uitproberen." + en = """ + LUX loads energy and GIS data from your system to then explore various what-if scenarios itself. + """.trimIndent(), + nl = """ + LUX laadt energie- en GIS-data van jou systeem in om vervolgens zelf verschillende wat-als + scenario's te verkennen + """.trimIndent() ), icon = { MdiElectricBolt(it) @@ -66,8 +77,14 @@ data class LuxFlipCardItem( nl = "Besluitvorming ondersteunen" ), description = LocalizedText( - en = "LUX makes the hard calculations within seconds, so your discussions can focus on the hard decisions.", - nl = "LUX doet het rekenwerk in een paar seconden, zodat jouw discussie zich kan richten op de besluitvorming." + en = """ + LUX visually and dynamically simulates the energy system, thereby guiding your discussion + regarding decision-making. + """.trimIndent(), + nl = """ + LUX speelt het energiesysteem visueel en dynamisch na, daarmee begeleidt het jou discussie + rondom besluitvorming. + """.trimIndent() ), icon = { MdiDiversity2(it) diff --git a/site/src/jsMain/kotlin/domains/lux/sections/luxmodels/LuxModels.kt b/site/src/jsMain/kotlin/domains/lux/sections/luxmodels/LuxModels.kt index 33a9709b..e07b180b 100644 --- a/site/src/jsMain/kotlin/domains/lux/sections/luxmodels/LuxModels.kt +++ b/site/src/jsMain/kotlin/domains/lux/sections/luxmodels/LuxModels.kt @@ -1,12 +1,12 @@ package energy.lux.frontend.domains.lux.sections.luxmodels import androidx.compose.runtime.* +import com.varabyte.kobweb.compose.css.TextAlign import com.varabyte.kobweb.compose.foundation.layout.Arrangement import com.varabyte.kobweb.compose.foundation.layout.Column import com.varabyte.kobweb.compose.ui.Alignment import com.varabyte.kobweb.compose.ui.Modifier -import com.varabyte.kobweb.compose.ui.modifiers.background -import com.varabyte.kobweb.compose.ui.modifiers.margin +import com.varabyte.kobweb.compose.ui.modifiers.* import com.varabyte.kobweb.compose.ui.toAttrs import com.varabyte.kobweb.core.rememberPageContext import energy.lux.frontend.components.widgets.LangText @@ -16,8 +16,11 @@ import energy.lux.frontend.domains.lux.sections.luxmodels.components.* import energy.lux.frontend.domains.lux.widgets.TwinModelsGrid import energy.lux.frontend.domains.lux.widgets.headings.HeaderText import energy.lux.frontend.theme.SitePalette +import org.jetbrains.compose.web.css.AlignItems import org.jetbrains.compose.web.css.cssRem +import org.jetbrains.compose.web.css.percent import org.jetbrains.compose.web.css.px +import org.jetbrains.compose.web.dom.Div import org.jetbrains.compose.web.dom.P @@ -63,15 +66,43 @@ fun LuxModels() { enText = "Models", nlText = "Modellen", ) - P( + Div( Modifier - .margin(0.px) + .alignItems(AlignItems.Center) + .textAlign(TextAlign.Center) + .width(80.percent) + .maxWidth(100.percent) .toAttrs() ) { - LangText( - en = "Explore our collection of energy models for different regions and applications.", - nl = "Ontdek onze collectie energiemodellen voor verschillende regio's en toepassingen." - ) + P( + Modifier + .margin(0.px) + .toAttrs() + ) { + LangText( + en = """ + Discover our collection of energy models with LUX in various application areas. + """.trimIndent(), + nl = """ + Ontdek onze collectie van energiemodellen met LUX op de verschillende toepassingsgebieden. + """.trimIndent() + ) + } + P { + LangText( + en = """ + There are a number of public models accessible to everyone. Most models are restricted to + specific users. You can log in with your username and password. Some model pages have + subpages that you can navigate to view various models. + """.trimIndent(), + nl = """ + Er zijn een aantal publieke modellen toegankelijk voor iedereen. De meeste modellen zijn + afgeschermd voor specifieke gebruikers. Met uw gebruikersnaam en wachtwoord kunt u + inloggen. Sommige modelpagina's hebben nog subpagina's waarheen u kunt navigeren om + verschillende modellen te bekijken. + """.trimIndent() + ) + } } SearchBar(