{% extends "base.html" %}

{% block title %}Help{% endblock  %}

{% block content %}
<button><a href="/help">Wróc</a></button>
    <h2>Rozwiązywanie testów</h2>
    <div class="helpText">
        <p>
            W celu rozpoczęcia rozwiązywania testu należy wybrać przycisk "Rozwiąż" w ramce danego testu.
            Przykładowe ramki testów widać zrzucie ekranu:
            {% load static %} <img src="{% static "media/ramka.png" %}" alt="result" class="mainImgCenter"/>
            Sam widok testu pokazany jest na poniższym zrzucie ekranu:
        </p>
    </div>
    {% load static %} <img src="{% static "media/SOITA-Test.png" %}" alt="test" class="mainImgCenter"/>
    <div class="helpText">
        <p>
            Na samej górze strony mamy tytuł testu. Poniżej znajduje się lista pytań wraz z odpowiedziami. Do wyboru zawsze są cztery odpowiedzi, jednak tylko jedna z nich jest poprawna.
            Odpowiedź zaznaczasz klikając w kropkę po jej lewej stronie. Możesz wybrać tylko jedną na raz. Nie musisz jednak wybierać żadnej jeżeli nie jesteś pewien. W takim przypadku otrzymasz za pytanie 0 punktów.
            Gdy już uznasz, że wypełniłeś test w satysfakcjonującym stopniu,  kliknij na przycisk "Wyślij odpowiedzi", na samym dole strony. Zostaniesz przekierowany do strony z wynikami,
            przykładowa strona wygląda następująco:
        </p>
    </div>
    {% load static %} <img src="{% static "media/SOITA-Result.png" %}" alt="result" class="mainImgCenter"/>
{% endblock  %}