{% include "images/etoiles/earth.svg" %}
{{ data.content.initial_screen.title.fr }}
{{ data.content.initial_screen.title.en }}
{% include "templates/level-selector.twig.html" %}
{% set types = ['n', 'o', 'h', 'c', 'p', 's'] %} {% for i in range(0, 30) %} {% set type = types[i % (types | length)] %}
{% endfor %}
{% import "templates/top-tooltip.twig.html" as topTooltip %} {{ topTooltip.topTooltip({"allLevels": data.content.screen_2.top_tooltip}) }} {% import "templates/tooltip.twig.html" as tooltip %} {{ tooltip.tooltip("level2_screen3_success", data, "close", "closeTooltip") }} {{ tooltip.tooltip("level2_screen3_fail", data, "close", "closeTooltip") }}
{% for i in range(0, 3) %}
{% endfor %} {% for i in range(0, 6) %}
{% endfor %}
{% for molecule in data.content.screen_3.level3.atoms %}
{% endfor %}
{% for i in range(0, 5) %}
{% endfor %} {# Foreach steps #} {% for step in data.content.screen_3.level3.steps %} {# Steps UI #}
{{ step.title.fr }}
{{ step.title.en }}
{% if loop.index == 3 %} {% include "images/etoiles/level3/step3-icon-2.svg" %} {% endif %}
{% for option in step.options %}
{{ option.fr }}
{{ option.en }}
{% endfor %}
Je valide
Submit
{# Top tooltip for each step #} {% import "templates/tooltip.twig.html" as tooltip %} {{ tooltip.tooltip("level3_step" + loop.index + "_success", data, "close", "level3GoToStep", (loop.index + 1)) }} {{ tooltip.tooltip("level3_step" + loop.index + "_fail", data) }} {% endfor %}
{% for i in range(0, 4) %}
{% endfor %}
{# Finale tooltip #} {{ tooltip.tooltip("level3_step5_a", data) }} {{ tooltip.tooltip("level3_step5_b", data) }}
{% import "templates/top-tooltip.twig.html" as topTooltip %} {{ topTooltip.topTooltip({"level3": data.content.screen_3.level3.top_tooltip}) }}
{% for i in range(0, 5) %}
{% endfor %}
{% for i in range(0, 150) %} {% set variation = (i % 3 + 1) %}
{% endfor %}
{% set level = 1 %} {% include "templates/etoiles/screen-4-shared.twig.html" %}
{% for i in range(0, 3) %}
{% set loopable = "true" if i == 0 else "false" %}
{% endfor %}
{% set types = ['n', 'o', 'h', 'c', 'p', 's'] %} {% for i in range(0, 50) %} {% set type = types[i % (types | length)] %}
{% endfor %}
{% set level = 2 %} {% include "templates/etoiles/screen-4-shared.twig.html" %} {% include "templates/etoiles/additional-floating-stars.twig.html" %}
{% for i in range(0, 3) %} {% set loopable = "true" if i == 0 else "false" %}
{% endfor %} {{ tooltip.tooltip("level3_screen4", data, "seve-etoile") }}
{% include "templates/etoiles/timeline.twig.html" %} {% include "templates/language-switcher.twig.html" %}
{% include "images/home-button.svg" %}
{% include "images/help-button.svg" %}
{% include "templates/still-there.twig.html" %}