{{ block title }}線上實驗{{ endblock }}

{{ block content }}

<div class="card bg-light m-3">
<div class="card-body">

    <style>
        .otree-timer {
            display: none;
        }
    </style>

    <style>
        button {
          display: inline-block;
          background-color: white;
          border-radius: 10px;
          border: 4px double #cccccc;
          color: black;
          text-align: center;
          font-size: 15px;
          padding: 10px;
          width: 150px;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          cursor: pointer;
          margin: 5px;
        }
        button:hover {
          background-color: rgb(216, 84, 22);
        }
    </style>

    <p>
        你好，歡迎參加本次實驗。
    </p>

    <p>
        請點選下方的「開始實驗！」按鈕開始本次實驗。
    </p>

    <p>
        <strong>請注意：你只有一次機會作答本題，如若回答錯誤，你將失去參加本次實驗的資格。</strong>
    </p>

    <button name="filter" value="True">開始實驗！</button>
    <button name="filter" value="False">請不要按這裡！</button>

</div>
</div>

{{ endblock }}