uccser/cs-field-guide

{% extends interactive_mode_template %}

{% load i18n %}
{% load static %}

{% block interactive_html %}
  <div class="container text-center my-5 mx-1 number-memory">
    <div id="number-memory-title" class="col-12"></div>
    <div id="number-text-container" class="row justify-content-center mb-3">
      <div id="number-text"></div>
    </div>
    <div id="number-input-form" class="row mb-3 justify-content-center d-none">
      <input id="number-input" type="text" maxlength="10" class="col-4 col-sm-3 form-control">
    </div>
    <div id="middle-text" class="col-12 d-none"></div>
    <div class="col-12">
      <button id="start-button" type="button" class="btn btn-success">{% trans 'Start' %}</button>
    </div>
    <div class="col-12">
      <button id="submit-button" type="button" class="btn btn-secondary d-none mb-1">{% trans 'Submit' %}</button>
    </div>
    <div class="col-12">
      <button id="reset-button" type="button" class="btn btn-primary d-none mb-1">{% trans 'Start over' %}</button>
    </div>
    <div class="col-12">
      <button id="continue-button" type="button" class="btn btn-success d-none mb-1">{% trans 'Continue' %}</button>
    </div>
  </div>
{% endblock interactive_html %}

{% block interactive_css %}
  <link rel="stylesheet" href="{% static 'interactives/number-memory/css/number-memory.css' %}">
{% endblock interactive_css %}

{% block interactive_js %}
  <script type="text/javascript" src="{% static 'interactives/number-memory/js/number-memory.js' %}"></script>
{% endblock interactive_js %}