{{ block title }}
Sezione 1
{{ endblock }}


{{ block content }}
<p class="lead">
    In questo compito dovrai classificare un insieme di elementi (parole e immagini) in categorie
    (positivo/negativo, vedente/non vedente).
</p>
<p class="lead">
    Qui sotto puoi vedere un elenco di elementi (nomi e figure) e la categoria a cui appartengono.

</p>

<p class = "lead"> Nelle prossime pagine, questi elementi ti verranno mostrati uno alla volta e dovrai classificarli nella categoria corretta. </p>

<table class="table">
    <thead>
    <tr>
        <th scope="col">Categoria</th>
        <th scope="col">Elementi</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th scope="row">Positivo</th>
        <td>pace, tranquillità, successo, felicità, forza, socievole, ridere, gioia</td>

    </tr>
    <tr>
        <th scope="row">Negativo</th>
        <td>disagio, terribile, soffrire, tormento, debolezza, fallimento, depresso, agonia</td>
    </tr>
    <tr>
        <th scope="row">Non vedente</th>
        <td>
            <img src="/static/images/disabled1.png" class="img-fluid" style="height:100px" alt="Responsive image">
            <img src="/static/images/disabled2.png" class="img-fluid" style="height:100px" alt="Responsive image">
            <img src="/static/images/disabled3.png" class="img-fluid" style="height:100px" alt="Responsive image">
            <img src="/static/images/disabled4.png" class="img-fluid" style="height:100px" alt="Responsive image">
            <img src="/static/images/disabled5.png" class="img-fluid" style="height:100px" alt="Responsive image">
            <img src="/static/images/disabled6.png" class="img-fluid" style="height:100px" alt="Responsive image">

        </td>
    </tr>
    <tr>
        <th scope="row">Vedente</th>
        <td>
            <img src="/static/images/abled1.png" class="img-fluid" style="height:100px" alt="Responsive image">
            <img src="/static/images/abled2.png" class="img-fluid" style="height:100px" alt="Responsive image">
            <img src="/static/images/abled3.png" class="img-fluid" style="height:100px" alt="Responsive image">
            <img src="/static/images/abled4.png" class="img-fluid" style="height:100px" alt="Responsive image">
            <img src="/static/images/abled5.png" class="img-fluid" style="height:100px" alt="Responsive image">
            <img src="/static/images/abled6.png" class="img-fluid" style="height:100px" alt="Responsive image">
        </td>
    </tr>
    </tbody>
</table>


<p class="lead">Istruzioni</p>

<ul>
    <li> Assegna ogni elemento (parola o immagine) alla categoria cui appartiene.
        <ul>
            <li> Ogni elemento ha una corretta classificazione.</li>
            <li> La maggior parte delle classificazioni sono facili.</li>
        </ul>
    </li>
    <li> E’ importante <strong> pensare e rispondere in fretta </strong>, ma <strong> non a casaccio </strong> !
        <ul>
            <li> Per poter rispondere velocemente, metti un dito della mano destra sul tasto ‘I’ e un
                dito della mano sinistra sul tasto ‘E’
            </li>
            <li> Due etichette sulla parte superiore dello schermo ti ricorderanno quale tasto dovrai
                usare per classificare parole e immagini.
            </li>
            <li> Ricorda, il test non dà nessun risultato se scegli troppo lentamente. Quindi, cerca di
                fare più veloce che puoi!
            </li>
            <li> In un test come questo, è normale commettere alcuni errori. Non preoccuparti di
                eventuali risposte sbagliate.
            </li>
        </ul>


    </li>
    <li>Il compito è diviso in 7 parti. Le istruzioni cambiano per ogni parte. Presta attenzione e…buon
        gioco!
    </li>
</ul>




<button class="otree-btn-next btn btn-primary">Sono pronta/o per cominciare</button>

{{ endblock }}