{# Add your imports here as the nunjucks is initialized inside #main #} {% from "templates/pill-button.twig.html" import pillButton %}
{% include "images/build-your-team/frame-top.svg" %} {% include "images/build-your-team/frame-bottom.svg" %}
{% for item in data["content"]["screen1"].frames %} {% set idleModeHeadline = data["content"]["team_role"][item.initial_team].idle_mode_headlines[0] %} {% set teamData = data["content"]["team_role"][item.initial_team] %} {% set randomTeamName = data["content"]["team_names"]["part1"][loop.index0] + " " + data["content"]["team_names"]["part2"][loop.index0] %}
{{ teamData.title.fr }}

The {{ randomTeamName }} {{ idleModeHeadline.fr }}

{{ teamData.title.en }}

The {{ randomTeamName }} {{ idleModeHeadline.en }}

{% endfor %}
{{ 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, "animateToScreen2", width="567px", height="140px") }}
{% include "images/build-your-team/planet-ship-path.svg" %}
{{ data.content.screen2.title.fr }}
{{ data.content.screen2.title.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("Next", "goToNextScreen", theme="gray", width="227px", height="137px", fontSize="23px", padding="20px 20px 20px 40px", gap="0px", iconSize="78px", glow=false) }}
{{ data.content.screen3.loading.text.fr }}
{{ data.content.screen3.loading.text.en }}
{% for id, item in data["content"].team_role %}
{% for color in item.glowColors %} {% endfor %}
{% include "images/build-your-team/crew/big-star.svg" %}
{{ item.label.fr }}
{{ item.label.en }}

{{ item.title.fr }} {{ item.title.en }}

{{ item.description.fr }}
{{ item.description.en }}
{{ item.requirements_label.fr }}
{{ item.requirements_label.en }}
{% for requirement in item.requirements %}
{{ requirement.label }}
{% endfor %}
{% endfor %}
{% include "images/global/pastille-exclamation.svg" %}
{{ data.content.screen3.label.fr }}
{{ data.content.screen3.label.en }}
{{ data.content.screen3.text_1.fr }}
{{ data.content.screen3.text_1.en }}
{{ data.content.screen3.text_2.fr }}
{{ data.content.screen3.text_2.en }}
{{ pillButton(data.content.screen3.cta, classes="not-active", "goToNextScreen", width="356px", height="125px", fontSize="28px", iconSize="70px", padding="40px", gap="14px") }}
{% for id, item in data["content"].team_role %}
{% include "images/build-your-team/crew/small-star.svg" %} {{ item.title.fr }} {{ item.title.en }}
{% endfor %}
{% set crewId = selectedCrewId | default("astronaut_crew") %} {% set crewData = data.content.team_role[crewId] %}
{% set crewData = data.content.team_role[crewId] %}
{{ data.content.screen4.title.fr }} {{ data.content.screen4.title.en }}

{{ crewData.title_with_break.fr }} {{ crewData.title_with_break.en }}

{% for i in range(0, 6) %}
{% endfor %}
{% include "images/build-your-team/shapes/four-members.svg" %}
{% include "images/build-your-team/shapes/five-members.svg" %}
{% include "images/build-your-team/shapes/six-members.svg" %}
{{ data.content.screen4.aptitude_label.fr }} {{ data.content.screen4.aptitude_label.en }}
{% for aptitudeId, aptitude in data.content.aptitudes %}
{{ aptitude.label }}
{% include "images/build-your-team/aptitudes-gauge.svg" %}
{% endfor %}
{{ data.content.screen4.requirements_label.fr }} {{ data.content.screen4.requirements_label.en }}
{% set requirements = crewData.requirements %} {% include "templates/build-your-team/team-builder-requirement.twig.html" %}
{{ data.content.screen4.step1.text.fr }}
{{ data.content.screen4.step1.text.en }}
{{ pillButton("Next", "goToNextStep", width="168px", height="72px", fontSize="32px", theme="gray", shape="rounded", icon="none", delay="150", glow=false) }}
{{ data.content.screen4.step2.text.fr }}
{{ data.content.screen4.step2.text.en }}
{{ pillButton("Next", "goToNextStep", width="168px", height="72px", fontSize="32px", theme="gray", shape="rounded", icon="none", delay="150", glow=false) }}
{{ data.content.screen4.step3.text.fr }}
{{ data.content.screen4.step3.text.en }}
{{ pillButton("Next", "goToNextStep", width="168px", height="72px", fontSize="32px", theme="gray", shape="rounded", icon="none", delay="150", glow=false) }}
{{ data.content.team_members.label.fr }} {{ data.content.team_members.label.en }}
{% for id, member in data["content"]["team_members"].members_list | shuffleWithSeed %}
{% include "images/build-your-team/icon-remove.svg" %}
{% include "images/build-your-team/member/star-member.svg" %}
{{ member.role.fr }} {{ member.role.en }}
{% include "images/build-your-team/member/star-member.svg" %}
{{ data.content.screen4.name_label.fr }} {{ data.content.screen4.name_label.en }}

{{ member.name }}

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

{{ member.role.fr }} {{ member.role.en }}

{% endfor %}
{% include "images/build-your-team/instructions-pill-shape.svg" %}
{{ data.content.team_members.instructions.title.fr }} {{ data.content.team_members.instructions.title.en }}

{{ data.content.team_members.instructions.text.fr }} {{ data.content.team_members.instructions.text.en }}

{% include "images/build-your-team/instructions-pill-button.svg" %}
{% include "images/build-your-team/shapes/expert-shape.svg" %}
{% include "images/build-your-team/icon-reset.svg" %} {{ data.content.screen4.cta.fr }} {{ data.content.screen4.cta.en }}
{% include "images/build-your-team/icon-hint.svg" %} {{ data.content.screen4.hint_cta.fr }} {{ data.content.screen4.hint_cta.en }}
{% set selectedMemberId = selectedMemberId | default("member1") %}
{{ data.content.team_members.team_members.fr }} {{ data.content.team_members.team_members.en }}
{% for memberID, member in data.content.team_members.members_list %}

{{ member.name }}

{{ member.role.fr }} {{ member.role.en }}

{{ member.description.fr }} {{ member.description.en }}

{% include "images/build-your-team/icon-infos.svg" %}
{% for aptitude in member.aptitudes %}
{{ data.content.aptitudes[aptitude.id].label }}
{% include "images/build-your-team/aptitudes-member-gauge.svg" %}
{% endfor %}
{{ pillButton("Add to
Team", "teamBuilder.addMember", arg=memberID , width="315px", height="168px", fontSize="28px", theme="white", icon="arrow-down", iconSize="91px", padding="40px", delay="150", glowColors=crewData.glowColors) }}
{% endfor %}
{% include "images/build-your-team/crew/icon-check.svg" %}

{{ data.content.screen4.team_completed.title.fr }} {{ data.content.screen4.team_completed.title.en }}

{{ data.content.screen4.team_completed.text.fr }} {{ data.content.screen4.team_completed.text.en }}

{{ pillButton(data.content.screen4.team_completed.cta, "goToNextScreen", width="315px", height="168px", fontSize="28px", theme="white", icon="arrow-left", iconSize="91px", padding="40px", delay="250", glowColors=["#A5F2A6","#E9F9A2"]) }}
{{ data.content.screen4.aptitudes_label.fr }} {{ data.content.screen4.aptitudes_label.en }}
{% include "images/build-your-team/icon-close.svg" %}
{% for aptitudeId, aptitude in data.content.aptitudes %}
{{ aptitude.label }}

{{ aptitude.description }}

{% endfor %}
{{ data.content.screen5.loading.text.fr }}
{{ data.content.screen5.loading.text.en }}
{{ data.content.screen5.label.fr }} {{ data.content.screen5.label.en }}

{{ data.content.screen5.title.fr }} {{ data.content.screen5.title.en }}

{% include "images/build-your-team/icon-reset.svg" %}
{{ pillButton("Select name", "goToNextScreen", width="356px", height="125px", fontSize="28px", padding="40px", gap="14px") }} {# {{ pillButton("Skip", "goToNextScreen", classes="skip-button", theme="gray", glow=false, width="239px", height="125px", fontSize="28px", iconSize="70px", icon="custom", iconPath="images/build-your-team/icon-close-reverse.svg", padding="20px 20px 20px 40px", gap="20px") }} #}
{% set crewId = selectedCrewId | default("astronaut_crew") %} {% set item = data.content.team_role[crewId] %}
{{ data.content.screen7.title.fr }} {{ data.content.screen7.title.en }}

{{ item.title.fr }} {{ item.title.en }}

{# Text is swapped by TeamReport when a crew is selected, the ids are used by the ship animation #} {% for event in item.timeline %}

{{ event.title.fr }} {{ event.title.en }}

{{ event.text.fr }} {{ event.text.en }}

{% endfor %}
{% include "images/build-your-team/events-path.svg" %}
{{ data.content.screen7.aptitudes_label.fr }} {{ data.content.screen7.aptitudes_label.en }}
{% for aptitudeId, aptitude in data.content.aptitudes %}
{{ aptitude.label }}
{% include "images/build-your-team/render-aptitudes-gauge.svg" %}
{% endfor %}
{% include "images/build-your-team/icon-warning-gradient.svg" %}

{{ data.content.screen7.unexpected_event.title.fr }} {{ data.content.screen7.unexpected_event.title.en }}

{# Filled by TeamReport with the event of the team's most filled non goal aptitude #}
{% include "images/build-your-team/pastille-exclamation.svg" %}
{{ data.content.screen7.wrong_team.label.fr }}
{{ data.content.screen7.wrong_team.label.en }}
{# Filled by TeamReport with the selected crew's wrong team message #}

{{ data.content.screen7.tasks_label.fr }} {{ data.content.screen7.tasks_label.en }}
{% set requirements = item.requirements %} {% include "templates/build-your-team/team-builder-requirement.twig.html" %}
{{ pillButton(data.content.screen4.cta, "resetTeamSelection", icon="reload", theme="white", shape="left", fontSize="19px", gap="20px", iconSize="60px", width="237px", height="107px", delay="250", glow=true, glowColors=item.glowColors) }} {{ pillButton("Close Game", "screenSaverCloseGame", classes="close", "reset", theme="black", shape="right", padding="40px 40px 40px 20px", fontSize="19px", gap="20px", iconSize="60px", width="237px", height="107px", delay="250", icon="dash", glow=false) }}
{% include "templates/still-there.twig.html" %}