<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css')}}"" /> <!--  styles.css  {{ url_for('static', filename='styles.css')}}-->
    <link rel=" shortcut icon" href="{{ url_for('static', filename='icons/favicon.ico') }}">
    <title>DGS Avatar Study</title>
</head>

<body>
    <div class="container" style="height: 100%; font-size: 22px;">
        <h2>SLAEFORMS Gebärdensprachavatar Studie</h2>

        <video controls>
            <source src="{{ url_for('static', filename='videos/platzhalter-video.mp4') }}" type="video/mp4">
        </video>
        <div class="spacer" aria-hidden="true" style="height:20px"></div>

        <div class="textblock">
            <p>
                Hallo und willkommen zu dieser Studie, danke für Ihre Teilnahme.
            </p>
            <p>
                In dieser Studie geht es um die Entwicklung von Gebärdensprachavataren.
            </p>
            <p>
                Bitte beachten Sie, dass diese Avatare noch in einer frühen Entwicklungsphase und noch nicht für den
                Gebrauch in einer App/einem Computerprogramm oder auf einer Webseite geeignet sind. In dieser Studie
                geht es darum, einzelne Aspekte der Avatare und neue technologische Ansätze zu testen. Dementsprechend
                haben die Avatare noch viele offensichtliche Schwächen, wie zum Beispiel, dass bisher nur die Arme und
                der Oberkörper, aber nicht das Gesicht animiert ist. Bitte bewerten Sie nur die Qualität der Hände und
                Arme.
            </p>
            <p>
                Diese Studie richtet sich an Menschen, die Gebärdensprache beherrschen, insbesondere gehörlose Menschen.
                Nehmen Sie bitte nur Teil, wenn Sie (Deutsche) Gebärdensprache beherrschen.
                Die Studie dauert ca. 20 Minuten.
            </p>
            <p>
                Während der Studie werden sie sich Videos anschauen, diese bewerten und Feedback dazu geben können.
                Verwenden Sie deshalb bitte, wenn möglich ein Gerät mit einem großen Bildschirm (Laptop, PC, Tablet) für
                Ihre Teilnahme, damit Sie die Videos in ausreichender Größe sehen können.
            </p>
            <p>
                Sie haben während der Studie die Möglichkeit (optional) Videofeedback zu geben, dazu brauchen sie eine
                Webcam. Die Videos werden nicht veröffentlicht und nur Übersetzern zur Auswertung der Studienergebnisse
                gezeigt.
            </p>
            <p>
                Das Laden der Seiten kann manchmal einige Sekunden dauern. Falls es zu einem Fehler kommen sollte und ein Video nicht geladen wird, versuchen Sie bitte die Seite neu zu laden.
            </p>
            <p>
                Für jeden Teil der Studie gibt es ein Video, das die Fragestellung und die Antwortmöglichkeiten in
                Gebärdensprache erklärt. Falls Sie das Video während der Studie nochmal sehen möchten, können Sie es
                über den „Info“-Knopf auf der rechten Seite aufrufen.
            </p>
            <p>
                Bitte versuchen sie während der Studie nicht auf die vorherige Seite "zurück" zu gehen, da sie nicht zu vorherigen Fragen zurück können.
            </p>
            <p>
                Die Teilnahme an dieser Studie ist komplett freiwillig, Sie können die Studie zu jedem Zeitpunkt
                abbrechen, indem Sie die Seite einfach schließen. Sie können außerdem die Löschung aller Daten bei uns
                beantragen: avatarstudy@proton.me
            </p>
        </div>
        <form class="dsgvoform" action="{{ url_for('startpage') }}" method="post">
            <label for="terms-and-conditions">
                <input class="inline" id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" />
                Ich akzeptiere die <a href="{{ url_for('datenschutz') }}" target="_blank">Datenschutzbestimmungen</a>
            </label>
            <div class="button-container">
                <button id="submitbutton" type="submit">Weiter</button>
            </div>
        </form>
        <div class="spacer" aria-hidden="true" style="height:50px"></div>
    </div>
</body>
<footer>
    <div class="container" style="font-size: 19px;">
    <a href="{{ url_for('startpage') }}" target="_blank">Startseite</a>
    <a href="{{ url_for('impressum') }}" target="_blank">Impressum</a>
    <a href="{{ url_for('datenschutz') }}" target="_blank">Datenschutz</a>
    </div>
</footer> 

</html>