{{ block title }}
    <h4><b>
        <center>Part 2 Task Instructions</center>
    </b></h4>
{{ endblock }}

{{ block content }}
<style>
   table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  text-align: center;
}
   .powered-by-otree {
    display: none !important;
}
</style>

<br>
<p>
    Your task is to form words from a set of letters. You will receive a honeycomb grid of letters that will require you
    to unjumble the 7-letters in the grid to form words of 5 or more letters. Your objective is to score points by
    finding as many 5+ letter words as possible in 3 minutes. Words can be formed using any of the letters in the grid;
    however, it is required that you use the highlighted letter in the center of the grid in every word. Here are the
    rules for valid words:
    <ul>
        <li>You need to use the center letter in the honeycomb grid.</li>
        <li>You can use letters multiple times to create a word.</li>
        <li>Proper nouns (i.e., cities or names) are not valid answers.</li>
        <li>Words must be at least 5 letters long.</li>
    </ul>
    An example grid can be found below:
    <br><br>
        <center><img src="{{ static 'bee_ex.jpg' }}" style="width:350px;height:350px;"></center>
    <br>
    Some <b>Valid</b> words from this grid:
    <ul>
        <li>Lemon (5 letters)</li>
        <li>Lament (6 letters)</li>
        <li>Element (7 letters)</li>
        <li>Monotone (8 letters)</li>
    </ul>
    Some <b>Invalid</b> words from this grid:
    <ul>
        <li>Tent (only 4 letters)</li>
        <li>Total (does not use the center letter)</li>
        <li>Annette (is a proper noun/name)</li>
    </ul>
    Scoring is based on word length as follows:
    <br><br>
    <table style="width:40%">
      <tr>
        <th>Word Length</th>
        <th>Points</th>
      </tr>
      <tr>
        <td>5 letters</td>
        <td>1</td>
      </tr>
      <tr>
        <td>6 letters</td>
        <td>2</td>
      </tr>
      <tr>
        <td>7 letters</td>
        <td>3</td>
      </tr>
      <tr>
        <td>8+ letters</td>
        <td>5</td>
      </tr>
    </table>
<br>
    <p>
       You will earn $0.20 per point.
    </p>
    <p>
        {{ formfields }}
    </p>
    <br>
    Select "Next" to begin the task.
</p>
<br>

{{ next_button }}
{{ endblock }}