<!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">
    <h2>Hallo! Danke, dass sie bei dieser Studie teilnehmen!</h2>

    <div class="textblock">
        <p>
            Wilkommen bei dieser Prototyp Seite für eine Gebärdensprach-Avatar Studie.
        </p>
        <p>
            Dieses Projekt ist noch in Arbeit und nicht fertiggestellt. Es soll die bisher implementierten Funktionen zeigen und wurde nur zu Präsentationszwecken und um Feedback zu sammeln online gestellt. 
        </p>
        <p>
            Das Ziel dieses Projekt ist, es Wissenschaftlern (und anderen) zu ermöglichen relativ einfach online Studien zu erstellen, die auf die besonderen Anforderungen von Gehörlosen Studienteilnehmern abgestimmt sind.
            Dazu zählt insbesondere die Möglichkeit Videos aufnehmen zu können um Feedback zu geben, und das Einbinden von Videos die Fragen und Aufgabenstellungen in Gebärdensprache erklären sollen.
            In diesem Prototyp finden sich aktuell aber nur Platzhaltervideos. Keine der Inhalte sind bereits Teil einer echten Studie.
        </p>
        <p>
            Wenn sie den Prototyp verwenden und dabei Eingaben machen oder Videos hochladen, sind diese auf dem Server gespeichert. Die Daten werden nach der Testphase gelöscht und können bis dahin nur von dem Admin eingesehen werden.
            Wenn sie eingegebene oder hochgeladene Daten löschen wollen, wenden sie sich bitte an den Admin unter: jan.dickmann@web.de
        </p>
        <p>
            Auch bei sonstigen Fragen, wenden sie sich bitte an: jan.dickmann@web.de
        </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" /> I accept the +terms and conditions
    </label>
    <div class="button-container">
        <input id="submitbutton" type = "submit" value = "submit" />
    </div>    
    </form>
</div>
</body>
</html>