{% extends "base.html" %}
{% block head %}<script src="{{ url_for('static', filename='main.js') }}" defer>
</script>
{% endblock %}

{% block content %}

<h1>{{ title }}</h1>
<p>Could you draw what you have lost?</p>
    <!-- <div id="divSmoothingFactor">
        <label for="cmbBufferSize">Buffer size:</label>
        <select id="cmbBufferSize">
            <option value="1">1 - No smoothing</option>
            <option value="4">4 - Sharp curves</option>
            <option value="8" selected="selected">8 - Smooth curves</option>
            <option value="12">12 - Very smooth curves</option>
            <option value="16">16 - Super smooth curves</option>
            <option value="20">20 - Hyper smooth curves</option>
        </select>
    </div> -->
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svgElement" x="0px" y="0px" width="400px" height="400px" viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve"></svg>
<button onclick="sender()">^_^</button>
{% endblock %}