Dallinger/Dallinger

{% extends "layout.html" %}

{% block body %}
    <div class="main_div">
        <div id="stimulus">
            <h1>Look at the following image:</h1>
            <div><img id="image" src=""/></div>
            <button id="finish-reading" type="button" class="btn btn-primary" onClick="finish_reading();">I'm done viewing the image.</button>
        </div>

        <div id="response-form" style="display:none;">
            <h1>Now reproduce the image by drawing it here:</h1>
            <p><b>Note:</b> Your task is to recreate the image, line by line, to the best of your ability.<p>
            <div id="editor" style="border: 1px solid #cccccc; width: 300px;"></div>
            <canvas id="canvas" width="300px" height="300px"></canvas>
            <p></p>
            <button id="submit-response" type="button" class="btn btn-primary" onClick="submit_response();">Submit response.</button>
        </div>
    </div>
{% endblock %}

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

{% block scripts %}
    <script>
        create_agent();
    </script>
{% endblock %}