uccser/cs-field-guide

View on GitHub
csfieldguide/templates/interactives/pixel-grid.html

Summary

Maintainability
Test Coverage
{% extends interactive_mode_template %}

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

{% block interactive_html %}
  <div class="container-fluid">
    <div class="row mb-3 pixel-grid justify-content-center">
      <div role="group" id="pixel-grid">
        <!-- This is populated by JS -->
      </div>
    </div>
  </div>
{% endblock interactive_html %}

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

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