{% extends 'ui/base.html' %}

{% load static %}

{% block css %}
<link rel="stylesheet" href="{% static 'ui/button.css' %}">
{% endblock %}

{% block js %}
<script src="{% static 'ui/helper.js' %}"></script>
<script src="{% static 'ui/button.js' %}"></script>
{% endblock %}

{% block body %}
<section class="section">
    <div class="container">
        <div>
            <h1 class="title">
                The Button
            </h1>
            <button class="button is-primary" id="BUTTON">Press</button>
        </div>
        <div><br></div>
        <div>
            <h1 class="title" id="COUNT">{{ pressed }}</h1>
        </div>
    </div>
</section>
{% endblock %}