{{ block title }}Memory Task{{ endblock }}

{{ block content }}

<style>
  .no-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
</style>

<p style="max-width: 720px;">
Before you continue, you will see a short code consisting of letters and numbers.
Please memorize this code carefully.
</p>

<p style="max-width: 720px;">
You will need to enter the code in the exact order as shown at a later point in the experiment to the best of your capabilities.
The code is case-sensitive. Please pay attention to capital and lowercase letters. There will be no penalty if you make mistakes, but please try your best!
</p>

<p style="max-width: 720px;">
<b>Important:</b> You are not allowed to write the code down or store it anywhere.
Please keep it only in your memory.
</p>

<p style="max-width: 720px;">
You will not be able to see the code again after leaving this page.
Please take your time to memorize it.
</p>

<hr>

<p id="pw"
   class="no-select"
   style="font-size: 28px; letter-spacing: 3px; font-weight: 700;">
  {{ player.password }}
</p>

<p style="max-width: 720px; color: #555;">
Keep this code in mind. Click “Next” when you are ready to continue.
</p>

<script>
  // Disable right-click on the password
  document.getElementById('pw').addEventListener('contextmenu', function(e) {
    e.preventDefault();
  });
</script>

{{ next_button }}

{{ endblock }}