{# Add your imports here as the nunjucks is initialized inside #main #} {% from "templates/pill-button.twig.html" import pillButton %}
{% include "images/build-your-rover/background.svg" %}
{{ data.content.screen1.title.fr }}
{{ data.content.screen1.title.en }}
{{ data.content.screen1.text.fr }}
{{ data.content.screen1.text.en }}
{{ pillButton(data.content.screen1.cta, "goToNextScreen", width="567px", height="140px") }} Rover
{% include "images/global/pastille-exclamation.svg" %}
{{ data.content.screen2.label.fr }}
{{ data.content.screen2.label.en }}
{{ data.content.screen2.text_1.fr }}
{{ data.content.screen2.text_1.en }}
{{ data.content.screen2.text_2.fr }}
{{ data.content.screen2.text_2.en }}
{{ pillButton(data.content.screen2.cta, "goToNextScreen", width="305px", height="107px", fontSize="20px", iconSize="60px", padding="24px", gap="14px") }}
{{ data.content.screen3.step2.text.fr }}
{{ data.content.screen3.step2.text.en }}
{{ pillButton("Next", "goToNextStep", width="305px", height="107px", fontSize="20px", iconSize="60px", padding="24px", gap="14px") }}
{% for propertyName, property in data["content"]["screen3"].properties %}
{{ property.label.en }} {{ property.label.fr }}
{{ property.value }}
{{ property.params }}
{% endfor %}
{{ pillButton("Quit", "screenSaverCloseGame", theme="none", gap="15px", padding="0", height="68px", shape="rounded-left", fontSize="32px", delay="250", icon="arrow-left", glow=false) }}
{{ data.content.screen3.description_default.fr }}
{{ data.content.screen3.description_default.en }}
...
...
{% for color in data["content"]["screen3"].colors %}
{% endfor %}
{{ data.content.screen3.step1.text.fr }}
{{ data.content.screen3.step1.text.en }}
{{ pillButton("Next", "goToNextStep", width="305px", height="107px", fontSize="20px", iconSize="60px", padding="24px", gap="14px") }}
{{ data.content.screen3.step3.text.fr }}
{{ data.content.screen3.step3.text.en }}
{% include "templates/still-there.twig.html" %}