{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Part 1
{% endblock %}

<hr>
{% block content %}

<div class="row">
    <div class="column" style="background-color:#aaa;border:10px solid white; padding:30px;">
      <h5> For your convenience, we have included the text from previous page, in this box:</h5>

      <p>The masculine side deals with the strength of the self. It is what causes you to act either timidly or self-confidently. The thing that is most important in determining the strength of the masculine side, is the value that you, at a deep level, place on yourself. This is a value you know within yourself that you have really and truly earned. It could be thought of as a sort of self-esteem. Placing a high value on yourself affects your whole being and helps you feel strong and confident in operating your life. And when you can operate your life with confidence, you get more out of life.  Things can really turn around for you, and this automatically makes you place a higher value on yourself. You can build the masculine side through progress and small wins, through positive reinforcement, by practicing, and by generally taking an active part in operating your life.</p>
        <p>If you have a strong masculine side, you are in charge of your own life because you are internally controlled. You tend to look people in the eye. You stand straight, and you usually command attention when you walk into a room, whether you say anything or not. If you have a strong masculine side you are self-confident, and don't feel it is necessary to show off.</p>
        <p>The masculine side is full of things that you have to be strong and self-confident in order to do. These include being able to claim your basic rights, such as the right to feel free to operate independently of others, and the right to belong or fit into society in any way you please. Claiming your rights also includes being able to stand up to people who try to take away your rights, either by force or intimidation, or by manipulation, or by trying to hinder you in choosing your own direction in life. The masculine side also includes the ability to be decisive, to take risks when appropriate, and to focus intently and concentrate in order to get things done.</p>

    </div>
    <div class="column" style="background-color:#ddd;border:10px solid white; padding:30px;">
                 <strong>Your responses to the following questions are confidential and anonymous. <br>Please answer the following questions within 5 minutes. Your screen will start a countdown when you have a minute left.</br></strong>


      <p>{% formfield player.relateM %}</p>
        <p>{% formfield player.reflectM %}</p>

If you take less than 5 minutes to complete the questions above, you can click on the 'Next' button to proceed.
  </div>
</div>
<hr>
<style>
    .otree-timer {
        display: none;
    }
</style>
<script>
    $(function () {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 60) {
                $('.otree-timer').show();
            }
        });
    });
</script>

    {% next_button %}

{% endblock %}