Dallinger/Dallinger

{% extends "layout.html" %}

{% block body %}
    <div class="main_div">
        <div class="right_div">
            <p class="trial_info_text">Round <span id="trial-number">0</span> of <span id="total-trial-number"></span></p>
            <p class="trial_info_text"><span id="practice-trial">This is a practice trial</span></p>
        </div>
        <div class="center_div">
            <p class="trial_text" id="instructions">Are there more blue or yellow dots?</p>
            <br>
            <button id="more-blue" type="button" class="btn btn-primary">Blue</button>
            <button id="more-yellow" type="button" class="btn btn-warning">Yellow</button>
            <br>
            <img id="stimulus" class="stimulus_image" width="500" alt=""/>
        </div>
    </div>
{% endblock %}

{% block libs %}
    {{ super() }}
    <script src="{{ url_for('static', filename='scripts/raphael-min.js') }}" type="text/javascript"> </script>
    <script src="{{ url_for('static', filename='scripts/experiment.js') }}" type="text/javascript"> </script>
{% endblock %}

{% block scripts %}
    <script type="text/javascript">
        create_agent();
    </script>
{% endblock %}