index.html

{% extends "_base.html" %}

{# CSS styles #}
{% block css %}
<link rel="stylesheet" type="text/css" href="css/style.css" />
{% endblock css %}

{# Content #}
{% block content %}
<div class="gallery">
  {% for slide in slides %}
  <div class="gallery-cell"{% if slide.background_image %} style="background-image: url('{{ slide.background_image }}');"{% endif %}>
    <div class="content-outer-wrapper">
      <div class="content-wrapper">
      {% if slide.extra_class == "intro" %}
        <h1 id="intro-title">NO TIMELY RESPONSE</h1>
      {% endif %}
        <div class="content">
          <h3 class="{{ slide.extra_class }}">{{ slide.text|safe }}</h3>
          {% if slide.decision %}
            {% include slide.decision %}
          {% endif %}
          {% if slide.extra_class == "data" %}
            <img src="{{ slide.data_viz }}" class="data-viz">
          {% endif %}
          {% if slide.extra_class == "quote" %}
            <img src="{{ slide.data_viz }}">
          {% endif %}
        </div>
      </div>
    </div>
  </div>
  {% endfor %}
</div>
{% endblock content %}

{# Javascript #}
{% block scripts %}
<script src="js/app.js"></script>
{% endblock %}