{{ block styles }}
<link href="{{ static 'bret/css/custom.css' }}" rel="stylesheet"/>
{{ endblock }}


{{ block title }}
<div style="text-align: center;">

    {{ if is_id }}
        Instruksi Permainan: Menghindar dari Bom! 💣
    {{ else }}
        Game Instructions: Avoid the Bomb! 💣
    {{ endif }}

</div>
{{ endblock }}


{{ block content }}

<div class="consent">

    <p>
        {{ if is_id }}
            Selanjutnya, Anda akan melihat sebuah matriks berukuran
            {{ NUM_ROWS }} × {{ NUM_COLS }}
            dengan total {{ num_boxes }} kotak di layar Anda.
        {{ else }}
            Next, you will see a {{ NUM_ROWS }} × {{ NUM_COLS }} matrix
            with a total of {{ num_boxes }} boxes on your screen.
        {{ endif }}
    </p>

    <br>

    <div style="text-align:center;">
        <img src="{{ static 'BRET_Blank_Matrix_Copy.png' }}" width="600">

        <p>
            <strong>
                <span style="color: blue;">
                    {{ if is_id }}
                        Matriks {{ NUM_ROWS }} × {{ NUM_COLS }} dalam Permainan
                    {{ else }}
                        {{ NUM_ROWS }} × {{ NUM_COLS }} matrix in the game
                    {{ endif }}
                </span>
            </strong>
        </p>
    </div>

    <br>

</div>

{{ next_button }}

{{ endblock }}