<!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')}}-->
    <title>DGS Avatar Study</title>
</head>

<body>
    <div class="container">
    <h2>Hello! Thank you for participating in our study!</h2>

    <div class="textblock">
    <p>This is a placeholder EULA and Terms and Condition Text, this should obviously be replaced with some real Text later.
        For now, be aware that this is a prototype for a sign language avatar study.
        The Data that you input in this form, will be saved on our servers, but in an annonimized ways, so we can not infer who sent this data.
        The Video recordings pose a special case. Any videos that are recorded, will be reviewed by sign language experts in our team,
        the meaning will be transcribed in text form, then the video will be deleted.
        If you have further questions, please send an email to testemail@notarealemail.deee
    </p>
    </div>
    <form class="dsgvoform"action="http://localhost:5000/teststart" 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</a>
    </label>
    <div class="button-container">
        <input id="submitbutton" type = "submit" value = "submit" />
    </div>    
    </form>
</div>
</body>
</html>