{% extends "base.html" %}
{% load static %}
{% block body_class %}template-darkbackground{% endblock %}
{% block extra_css %}
  <link rel="stylesheet" type="text/css" href="{% static 'css/home.css' %}">
  <link rel="stylesheet" type="text/css" href="{% static 'css/news_list.css' %}">
  <link rel="stylesheet" type="text/css" href="{% static 'css/block_list.css' %}">
  <link rel="stylesheet" type="text/css" href="{% static 'css/horizontal_list.css' %}">
{% endblock %}
{% block content %}
  <div class="site-hero-band full-bleed">
    {% include "base/includes/home_banner.html" %}

    <div class="site-container">
      <div class="home-hero">
        {% with top_section=sections.top_section %}
          {% for section in top_section %}
            {% include "home/includes/news_list.html" with section=section %}
          {% endfor %}
        {% endwith %}
      </div>
    </div>
  </div>

  {% for section in sections.category_sections %}
    {% cycle 'section-b' 'section-o' as section_color silent %}
    {% include "home/includes/category_session.html" with section=section section_color=section_color %}
  {% endfor %}
{% endblock content %}
{% block extra_js %}
  <script type="text/javascript" src="{% static 'js/block_list.js' %}"></script>
  <script type="text/javascript" src="{% static 'js/horizontal_list.js' %}"></script>
{% endblock %}