25 lines
1.2 KiB
HTML
25 lines
1.2 KiB
HTML
{% set answer_label = ["A", "B", "C", "D"] -%}
|
|
{% if picture_question or (answer_pictures[0] and layout in ["1", "9", None]) -%}
|
|
{# OHM-13: Fix layout for 4x times picture in row to 2x2 field #}
|
|
<div class="question r-fit-text layout-8">
|
|
{% else -%}
|
|
<div class="question r-fit-text layout-{{ layout }}">
|
|
{% endif -%}
|
|
<div class="question-text">{{ number }}: {{ question }}</div>
|
|
{% if picture_question -%}
|
|
<div class="question-picture"><img class="r-stretch" src="picture/{{ picture_question }}.svg"></div>
|
|
{% endif -%}
|
|
<div class="answers">
|
|
{% if answers[0] -%}
|
|
{% for answer in answers|shuffle_answers -%}
|
|
<p{% if not answer.correct %} class="fragment semi-fade-out" data-fragment-index="1" {% endif -%}><b>{{ answer_label[loop.index - 1] }}:</b> {{ answer.content }}</p>
|
|
{% endfor -%}
|
|
{% endif -%}
|
|
{% if answer_pictures[0] -%}
|
|
{% for answer in answer_pictures|shuffle_answers -%}
|
|
<div class="question-picture{% if not answer.correct %} fragment semi-fade-out{% endif -%}" {% if not answer.correct -%} data-fragment-index="1" {% endif -%}><b>{{ answer_label[loop.index - 1] }}:</b><img class="r-stretch" src="picture/{{ answer.content }}.svg"></div>
|
|
{% endfor -%}
|
|
{% endif -%}
|
|
</div>
|
|
</div>
|