<!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>

        <div class="iframe-container2">

            <iframe title="vimeo-player" src="https://player.vimeo.com/video/1031133490?h=bfa5b559f9" frameborder="0"
                allowfullscreen></iframe>

        </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 berücksichtige, dass die Avatare, die wir zeigen, in keiner Weise der Qualität entsprechen, wie
                sie genutzt werden sollen. Sie sind nur Beispiele, die niemals in einer Anwendung zu sehen sein werden.
                Es geht darum, dass wir die Darstellung der Hände und Arme testen wollen. Bitte bewertet deshalb nicht
                Darstellungsqualität und lasst euch nicht davon beeinflussen. Außerdem möchten wir testen, wie die
                Nutzung einer Feedback-Funktion per Videoaufnahme verwendet werden kann.
            </p>
            <p>
                Die Rückmeldung von euch ist wichtig und ihr könnt das in Gebärdensprache machen.
                Die Teilnahme wird nur für die Auswertung genutzt. In keiner Weise wird etwas von euch veröffentlicht, auch nicht eure Videos.
                Alle weiteren Infos findet ihr im Text.
            </p>
            <p>
                Danke für eure Teilnahme, die im Rahmen eine Abschlussarbeit erfolgt. Weitere Infos dazu findet ihr im Impressum.
            </p>
            <div class="spacer" aria-hidden="true" style="height:20px"></div>
            <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>