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

            {% include "p1infos.html" %}

        </div>
        <form class="dsgvoform" action="{{ url_for('sendpage') }}" method="post">
            <div class="button-container">
                <button id="submitbutton" type="submit">Weiter</button>
            </div>
        </form>
        <div class="spacer" aria-hidden="true" style="height:80px"></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>