{# 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="168px", height="72px", fontSize="32px", theme="gray", shape="rounded", icon="none", delay="250", glow=false) }}
{% for propertyName, property in data["content"]["game"].properties %}
{{ property.label.en }} {{ property.label.fr }}
{{ property.default_value }} {{ property.default_value }}
{{ property.params.en }} {{ property.params.fr }}
{% endfor %}
{{ data.content.screen3.description_default.fr }}
{{ data.content.screen3.description_default.en }}
{{ pillButton("Restart Game", "screenSaverCloseGame", theme="black",width="325px", height="107px", shape="left", fontSize="22px", iconSize="73px", delay="250", icon="reload", glow=false) }}
{% include 'templates/build-your-rover/rover-ui.twig.html' %} {# Build rover instance #} {% from 'templates/build-your-rover/rover.twig.html' import rover %} {{ rover(data.content.game.rover, 'editable-rover') }}
... ...
... ...
{{ data.content.screen3.color_selection.en }} {{ data.content.screen3.color_selection.fr }}
{% for color in data["content"]["game"].colors %}
{% endfor %}
{{ data.content.screen3.step1.text.fr }}
{{ data.content.screen3.step1.text.en }}
{{ pillButton("Next", "goToNextStep", width="168px", height="72px", fontSize="32px", theme="gray", shape="rounded", icon="none", delay="250", glow=false) }}
{{ data.content.screen3.step3.text.fr }}
{{ data.content.screen3.step3.text.en }}
{% for btnOptions, option in data["content"]["game"].options_btn %} {% if loop.index is even %} {{ pillButton(option.label, "game.roverUI.setOptionType", btnOptions, theme="black", width="327px", height="150px", iconSize="129px", delay="0", gap="0px", padding="0 50px 0 20px", fontSize="24px", shape="left", icon="custom", iconPath=option.icon, glow=true, glowColors=["#F4EEE6"]) }} {% else %} {{ pillButton(option.label, "game.roverUI.setOptionType", btnOptions, theme="black", width="327px", height="150px", iconSize="129px", delay="0", gap="0px", padding="20px 20px 20px 50px", fontSize="24px", icon="custom", iconPath=option.icon, glow=true,glowColors=["#F4EEE6"]) }} {% endif %} {% endfor %}
{{ pillButton("Finish rover", "goToScreen", arg=4, classes="finishVehicle" , theme="white", shape="left", width="315px", height="167px", delay="250", gap="0px", fontSize="32px", icon="none", glow=true,glowColors=["#DAF6BC"]) }}
{{ data.content.screen4.title.fr }}
{{ data.content.screen4.title.en }}
{# Build rover instance #} {{ rover(data.content.game.rover, 'final-rover') }} {#
Human Scale
#}
{{ data.content.screen4.text_1.fr }} {{ data.content.screen4.text_1.en }}
{{ data.content.screen4.text_2.fr }}
{{ data.content.screen4.text_2.en }}
{{ data.content.screen4.label.fr }}
{{ data.content.screen4.label.en }}

{{ data.content.screen4.strengths_label.en }} {{ data.content.screen4.strengths_label.fr }}

    {% for strength in data.content.screen4.strengths %}
  • {{ strength.title.en }} {{ strength.title.fr }}
    • {% endfor %}

{{ data.content.screen4.potential_label.en }} {{ data.content.screen4.potential_label.fr }}

{% for task in data.content.screen4.tasks %}
{{ task.title.en }} {{ task.title.fr }}
{% endfor %}
{{ pillButton("Play Again", "goToScreen", arg="3", theme="white", shape="left", fontSize="22px", gap="20px", padding="40px", iconSize="67px", width="265px", height="120px", delay="250", icon="reload", glowColors=["#49BACD", "#F36688", "#F9804F"]) }} {{ pillButton("Close Game", "screenSaverCloseGame", classes="close", "reset", theme="black", shape="right", padding="40px 40px 40px 30px", fontSize="22px", gap="20px", iconSize="67px", width="265px", height="120px", delay="250", icon="dash", glow=false) }}
{% include "templates/still-there.twig.html" %}