{{ block title }}
    Aufgabe zur divergenten Assoziation
{{ endblock }}

{{ block content }}

<style>
    .otree-timer {
        display: none;
    }
</style>
<script>
    document.addEventListener("DOMContentLoaded", function (event) {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 20) {
                $('.otree-timer').show();
            }
        });
    });
</script>

<p>Bitte geben Sie 10 Wörter ein, die so <strong>unterschiedlich</strong> wie möglich voneinander sind,
in allen Bedeutungen und Verwendungen der Wörter.</p>
<p><strong>Regeln:</strong></p>
<ol>
<li>Nur <strong>einzelne Wörter</strong> <font color="#FF0000"><b>auf Englisch.</b></font></li>
<li>Nur <strong>Nomen</strong> (z.B. Dinge, Objekte, Konzepte).</li>
<li><strong>Keine Eigennamen</strong> (z.B. keine spezifischen Personen oder Orte).</li>
<li><strong>Kein spezialisiertes Vokabular</strong> (z.B. Fachbegriffe).</li>
<li>Überlegen Sie sich die Wörter <strong>selbst</strong> (z.B. schauen Sie sich nicht nur in Ihrer Umgebung um).</li>
</ol>
<p><strong>Wörter eingeben:</strong></p>
<b><ol>
<li>{{ formfield 'word1' }}</li>
<li>{{ formfield 'word2' }}</li>
<li>{{ formfield 'word3' }}</li>
<li>{{ formfield 'word4' }}</li>
<li>{{ formfield 'word5' }}</li>
<li>{{ formfield 'word6' }}</li>
<li>{{ formfield 'word7' }}</li>
<li>{{ formfield 'word8' }}</li>
<li>{{ formfield 'word9' }}</li>
<li>{{ formfield 'word10' }}</li>
</ol></b>
</br>
<p><strong>Demografische Informationen:</strong></p>
<p> {{formfield 'age'}} </p>
<p> {{formfield 'gender'}} </p>
<p> {{formfield 'study'}} </p>
</br>  
    
<button class= "otree-btn btn btn-info">Weiter</button>
{{ endblock }}