{{ extends 'global/Page.html' }}
   {{ block title }}{{ endblock }}


{{ block content }}
        <style>
            .ribbon {
               position: relative;
               top: -16px;
               right: -706px;
            }
        </style>

         <div style="text-align: justify;" class="card bg-light mb-3  ">
            <div class="card-body">

                 <!-- Logo top corner right  -->
                <div id="content">
                    <img src="{{ static 'logo.webp' }}" width="200px" style="margin-top: 20px" class="ribbon"/>
                    <!-- To change the size of the image, change the value of width="200px"  -->

                </div>

                <h2 style="text-align: center">Welcome!</h2>    <!-- To change the size of the title, use other headers like h1 -bigger, h3 -smaller  -->
                <br>
                <p>Dear participant, </p>
                <p>Thank you for taking part in this study. This scientific study by the University of Passau, Chair of Internet and Telecommunications Business (Prof. Dr. Jan Krämer),
                    is about human decision-making behaviour.</p>

                <p>You will receive a basic payment of {{ player.flatpayment }} for your participation, regardless of your decisions.
                Depending on your decisions, you can earn additional money (max. {{ player.profit5 }} extra).</p>

                <p>The study takes about <b>20 minutes</b>.</p>

                <p>Your <b>participation</b> in this study is <b>completely voluntary</b>. You can quit the study at any time by closing the browser window.
                    However, in this case you will not receive any payment. Your data collected up to that point will be deleted in this case.</p>

                <p>This <b>study</b> is conducted <b>anonymously</b>. This means the data collected will be stored anonymously and cannot be connected to your actual identity.
                    All data will be used exclusively for research purposes and will not be passed on to third parties.</p>

                <p>If you agree, please click on <em>Agree. Start study</em>.</p>

            </div>
        </div>

        <!-- {{ next_button }}  -->
        <br>
        <button class="otree-btn-next btn btn-primary button1" style="float: right;">Agree. Start study.</button>






{{ endblock }}