{% extends "base.html" %} {% block content %}
{#
#} {#
#} {# {% set perc = session['game3']['completed_task']*100/3 %}#} {#
#} {#
#} {#
#} {# {% if session['game3']['current_task'] == 1 %}#} {# {% set task1_status = 'is-active' %}#} {# {% elif session['game3']['current_task'] == 2 %}#} {# {% set task2_status = 'is-active' %}#} {# {% elif session['game3']['current_task'] == 3 %}#} {# {% set task3_status = 'is-active' %}#} {# {% elif session['game3']['current_task'] == 4 %}#} {##} {##} {# {% endif %}#} {# {% if session['game3']['current_task'] == 1 %}#} {#
#} {#
#} {# T1, T2, and PD#} {#
#} {#
#} {# {% elif session['game3']['current_task'] == 2 %}#} {#
#} {#
#} {# T1, T2, and PD#} {#
#} {#
#} {# TR, TE, and FA#} {#
#} {#
#} {# {% elif session['game3']['current_task'] == 3 %}#} {#
#} {#
#} {# T1, T2, and PD#} {#
#} {#
#} {# TR, TE, and FA#} {#
#} {#
#} {# CSF, GM, and WM#} {#
#} {#
#} {# {% endif %}#} {#
#} {# {% if session['game3']['current_task'] == 1 %}#} {# {% set task1_status = 'is-active' %}#} {# {% elif session['game3']['current_task'] == 2 %}#} {# {% set task2_status = 'is-active' %}#} {# {% elif session['game3']['current_task'] == 3 %}#} {# {% set task3_status = 'is-active' %}#} {# {% endif %}#} {#
#} {#

Instructions

#} {#

#} {# Explore each of the MR weighted scan types on Panel 1 on the right. Hit "RUN" and note how contrast changes with each of them. Refer to the Messages Panel for further directions.#} {#

#} {#

Task

#} {#
#} {#

#} {# Answer the question below to test your knowledge and move on to the next task!#} {#
Which scan makes CSF look dark?#} {#

#} {# {% for subfield in G3Form.P1_q %}#} {# {% if subfield.id == "P1_q" %}#} {# {{ subfield(class="btn-check ", autocomplete="off",checked=session['game3']['P1_q']=='T1') }}#} {# {% elif subfield.id == "P1_q-1" %}#} {# {{ subfield(class="btn-check ", autocomplete="off",checked=session['game3']['P1_q']=='T2') }}#} {# {% else %}#} {# {{ subfield(class="btn-check ", autocomplete="off", checked=session['game3']['P1_q']=='PD') }}#} {# {% endif %}#} {##} {# {{ subfield.label(class="btn btn-outline-primary d-flex align-items-center justify-content-center") }}#} {##} {# {% endfor %}#} {#
#} {#
#} {# #} {#

#} {#
#} {##} {#
#} {#
#} {#

Instructions

#} {#

#} {# Experiment with different TR, TE, and FA values to observe how each changes the contrast.#} {# Test out the following TR, TE, and FA values on the second panel.#} {#

    #} {#
  • 1. A high TR (4000 - 5000 ms) with a low TE (0 - 150 ms)
  • #} {#
  • 2. A low TR (500 - 1500 ms) with a low TE (0 - 150 ms)
  • #} {#
  • 3. A high TR (4000 - 5000 ms) with a high TE (350 - 450 ms)
  • #} {#
#} {#

#} {#

Task

#} {#

#} {# Answer the question below to continue to next task!#} {#
At TR = 500 ms, TE = 0 ms, what happens as the flip angle approaches 90 degrees?#} {#

#} {# {% for subfield in G3Form.P2_q %}#} {# {% if subfield.id == "P2_q-0" %}#} {# {{ subfield(class="btn-check ", autocomplete="off",checked=session['game3']['P2_q']=='Contrast Decreases') }}#} {# {% elif subfield.id == "P2_q-1" %}#} {# {{ subfield(class="btn-check ", autocomplete="off",checked=session['game3']['P2_q']=='Contrast Increases') }}#} {# {% endif %}#} {# {{ subfield.label(class="btn btn-outline-primary d-flex align-items-center justify-content-center") }}#} {##} {# {% endfor %}#} {#
#} {#
#} {# #} {#

#} {#
#} {#
#} {#

Instructions

#} {#

#} {# 1. Click through preset T1w, T2w, and PDw scans on the first panel and hit "RUN" to observe how signal intensities of#} {# CSF, GM, and WM change in Panel 3.#} {#
2. Change each value on Panel 2, hit "RUN", and observe how it changes the signal intensities of#} {# CSF, GM, and WM in Panel 3.#} {#
3. Answer the queries in the Question panel to earn up to five stars!#} {#

#} {#

Task

#} {# #} {#

#} {# Answer the question below:#} {#
In a T2 weighted scan, which tissue type results in the most signal intensity?#} {#

#} {# {% for subfield in G3Form.P3_q %}#} {# {% if subfield.id == "P3_q" %}#} {# {{ subfield(class="btn-check ", autocomplete="off",checked=session['game3']['P3_q']=='CSF') }}#} {# {% elif subfield.id == "P3_q-1" %}#} {# {{ subfield(class="btn-check ", autocomplete="off",checked=session['game3']['P3_q']=='GM') }}#} {# {% else %}#} {# {{ subfield(class="btn-check ", autocomplete="off",checked=session['game3']['P3_q']=='WM') }}#} {# {% endif %}#} {# {{ subfield.label(class="btn btn-outline-primary d-flex align-items-center justify-content-center") }}#} {##} {# {% endfor %}#} {#
#} {#
#} {# #} {##} {##} {#

#} {# #} {#
#} {#
#} {#
#} {#
#} {##} {##} {# #}
{#
#} {#
Messages
#} {#
#} {##} {# {% if session['game3']['completed_task'] == 3 %}#} {# Answer the questions to earn more stars!#} {#
or#} {#
Continue to Game 5!#} {# {% elif session['game3']['current_task'] == 1 %}#} {# Click on T1, T2, or PD values to observe their impact on the scan! Click "RUN" to apply the scan type!#} {# {% elif session['game3']['current_task'] == 2 %}#} {# Alter TR, TE, and FA values to observe their impact on the scan! Click "RUN" to apply the scan type!#} {# {% elif session['game3']['current_task'] == 3 %}#} {# Change specific TR, TE, and FA values and observe signal intensity changes on the bar graph!#} {##} {# {% endif %}#} {#
#} {#
#} {{ G3Form.hidden_tag() }}
Image
Signal levels for CSF GM and WM
T1 T2 or PD weighted scan
{% for subfield in G3Form.options %} {% if subfield.id == "options" %} {{ subfield(class="btn-check h2", autocomplete="off",checked=session['game3']['options']=='T1') }} {% elif subfield.id == "options-1" %} {{ subfield(class="btn-check h2", autocomplete="off",checked=session['game3']['options']=='T2') }} {% else %} {{ subfield(class="btn-check h2", autocomplete="off", checked=session['game3']['options']=='PD') }} {% endif %} {{ subfield.label(class="btn btn-outline-primary d-flex align-items-center justify-content-center") }} {% endfor %}
Sequence Parameters
{# {{ G3Form.TR.label(class="form-label") }}#} ms
{{ G3Form.TR(class="form-range", id='TR', step=0.1, value=session['game3']['TR']) }}
{% for angle in [500, 1000, 1500, 2000, 2500, 3000, 3500, 4000, 4500, 5000] %} {{ angle }} {% endfor %}
ms
{{ G3Form.TE(class="form-range", id="TE", step=0.1, value=session['game3']['TE']) }}
{% for angle in [10,80,150,220,290,360,430,500]%} {{ angle }} {% endfor %}
degrees
{{ G3Form.FA(class="form-range", id="FA", step=1, value=session['game3']['FA']) }}
{% for angle in [0,15,30,45,60,75,90] %} {{ angle }} {% endfor %}
{% endblock %} {% block tasks %}
{% for task, task_details in instructions['tasks'].items() %} {% if loop.index == ([session['game3']['task_completed'] + 1 , 3] | min) %} {% set show_text = 'show' %} {% set active_text = 'active' %} {% else %} {% set show_text = '' %} {% set active_text = '' %} {% endif %}
{{ instructions['titles'][loop.index0] }}
    {% set task_index = loop.index %} {% for step, details in instructions['explorations'][loop.index0].items() %}
  • {{ details }}
  • {% endfor %}
  • {{ task_details }}
Next

Complete and check all steps to move on.

{% set dnone = '' if session['game3']['task_completed'] >= task_index else 'd-none' %} {% set success_message = 'This step has been completed' if task_index < 3 else 'All steps complete. Congratulations! To earn the remaining stars, do the quiz.' %}

{{ success_message }} {% if task_index == 3 %} Next game! {% endif %}

{% endfor %}
{% endblock %} {% block questions %}
{% endblock %} {% block additional_imports %} {% endblock %}