Skip to content

update flip card descriptions and expand models page intro text #652

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kofi-k merged 1 commit into from
Jun 25, 2026
+62 −14
Merged

update flip card descriptions and expand models page intro text #652

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 23 additions & 6 deletions site/src/jsMain/kotlin/domains/lux/sections/home/FlipCard.kt
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand All @@ -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)
Expand All @@ -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)
Expand Down
47 changes: 39 additions & 8 deletions site/src/jsMain/kotlin/domains/lux/sections/luxmodels/LuxModels.kt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
Expand All @@ -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


Expand Down Expand Up @@ -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(
Expand Down
Loading