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

{% block title %}
    確認問題の説明
{% endblock %}

{% block content %}
<div class="card bg-light m-3">
 <div class="card-body">
  <ul>
   <li>
    ここから確認問題を行います。<br>
   </li>
   <li>
    確認問題は全部で4ページ分あります。1ページあたりの問題数は3つです。<br>
   </li>
   <li>
    ルールを再確認したい場合は、ページ下の【ルール説明を再表示する/しない】ボタンを押してください。<br>
   </li>
   <li>
    そこに記載されていない内容で確認したいことがあれば、zoomのプライベートチャットを用いて実験者に質問してください。
   </li>
  </ul>
</div>
</div>
    {% next_button %}

  <button type="button" style = "background-color:#96C0CE;color:white" 
   class="btn btn-secondary" data-toggle="collapse" data-target="#collapseExample1" 
   aria-expanded="false" aria-controls="collapseExample1">
    ルール説明を再表示する/しない
  </button>
    <div class="collapse" id="collapseExample1"><br>
     {% include Constants.instruction_summary %}
    </div>

{% endblock %}