{{ block content }}
<link rel="stylesheet" href="/static/global/empty.css">


<div class="card bg-light m-3">
<div class="card-body">
 
        <h3>
       <strong>During the Experiment</strong> 
    </h3>
    <p>
        <ul>
            <li><strong>Lean back as far as your chair allows</strong>, 
                finding a position where you can still <strong>comfortably reach the keyboard and table</strong>.
            </li>
            <li><strong>Remain as still as possible during the session.</strong> —
                The sensors are very sensitive, and movement <strong>can disrupt</strong> data collection.
            </li>
            </li>
            <li><strong>Do not exit full-screen mode.</strong> —
                otherwise, the experiment <strong>will not work as intended.</strong>
            </li>
        </ul>
    </p>
    <br>
    <h3>
        <strong>About the Procedure</strong>
    </h3>
    <p>
        After these instructions there will be space 
        for you to type in your <strong>participant ID</strong> and your <strong>age</strong>. After this you can move on to view the first video. 
    </p>
    <p>
        The sequence of the experiment will be: 
        <p>
            <strong>video → task → breathing exercise → video → task → questionnaire</strong>
        </p>
    </p>
    <p>    
    <strong>For just the task the experimenter will be present with you in the room</strong>. 
    In all other parts of the experiment you will be alone. However, the researchers 
    will be present just outside the room at all times. If you face any technical issues or feel overwhelmed, 
    you can knock on the table as was previously shown by the researcher, and we will be with you in a few seconds. 
    After the last breathing exercise you will fill out some questions on your general levels of anxiety and stress. 
    </p>
    <p>
        Press "Next".  
    </p>
</div>
</div>
{{ next_button }}

{{ endblock }}

{{ block scripts }}
<script>
  // Pre-warm YouTube player for all videos used later in the experiment
  var ids = [
    "i-xRCx7llzY",    // nature1
    "KPi9aN6SJPo",    // landscape1
    "nVmdZ1TqLis",    // meditation1
    "VUySkWPL7M4",    // nature2
    "4Qpdwnpk198",    // landscape2
    "Qi2HhkbnULc",    // meditation2
    "PA4Qa9H6j0w"  // rest
  ];
  ids.forEach(function(id) {
    var f = document.createElement('iframe');
    f.src = "https://www.youtube.com/embed/" + id + "?autoplay=0";
    f.style.cssText = "position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;";
    document.body.appendChild(f);
  });
</script>
{{ endblock }}