{{ extends 'global/Page.html' }}
{{ block title }}Badanie wrażliwości na kontrast{{ endblock }}

{{ block content }}

<style>
.spacer {
  height: 18px;
}
</style>

<div id="outer"><img src="https://i.imgur.com/NM9pOcL.jpg"/></div>

<script>
 $(document).ready(function()
    {
        setTimeout(function()
        {
            $("div#outer").fadeOut("slow", function ()
            {
                $("div#outer img").remove();                
                var img = $('<img id="dynamic">'); //Equivalent: var img = $(document.createElement('img'))
                img.attr('src', 'https://i.imgur.com/4LUh6VZ.jpg');
                img.appendTo('div#outer');
                $("div#outer").show();
            });
         }, 5000);
     });
</script>

<div class="spacer"></div>

<p>Zauważ, że jeśli nie podejmiesz decyzji w ciągu 5 sekund, rysunek zniknie, a Ty nie będziesz już {% if player.gender == 1 %} mogła {% else %} mógł {% endif %} udzielić odpowiedzi. Musisz więc zdecydować się i zaznaczyć swoją odpowiedź w ciągu tych 5 sekund.</p>

<p>Jeśli jesteś {% if player.gender == 1%} gotowa {% else %} gotowy {% endif %} do rozwiązywania zadań, kliknij &#8222;Next&#8221;.</p>

{% formfields %}

{% next_button %}

{{ endblock }}