uccser/cs-field-guide

{% extends interactive_mode_template %}

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

{% block interactive_html %}
  <div id="interactive-trainsylvania-planner" class="text-center">
    <h3>{% trans "Trainsylvania Planner" %}</h3>
    <p class="my-3">{% trans "If you take the trains:" %}</p>
    <input type="text" id="interactive-trainsylvania-planner-input" placeholder="{% blocktrans %}Enter sequence of A's and B's here{% endblocktrans %}">
    <p id="interactive-trainsylvania-planner-result" class="my-3"></p>
  </div>
{% endblock interactive_html %}

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

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