{% extends "topics/base.html" %}

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

{% block breadcrumbs %}
  {{ block.super }}
  {% breadcrumb "Topics" "topics:index" %}
{% endblock breadcrumbs %}

{% block content %}
  <h1>{% trans "Topics" %}</h1>
  <p>Open a topic to see all related unit plans, lessons, curriculum integrations, and programming exercises.</p>

  {% if all_topics %}
    <div class="card-deck">
      {% for topic in all_topics %}
        <a class="card text-center" href="{% url 'topics:topic' topic.slug %}">
          <img class="img-fluid card-img" src="{% if topic.icon %}{% static topic.icon %}{% else %}http://placehold.it/238x200{% endif %}">
          <div class="card-block">
            <h4 class="card-title">{{ topic.name }}</h4>
          </div>
        </a>
      {% endfor %}
    </div>
  {% else %}
    <p>No topics are available.</p>
  {% endif %}
{% endblock %}

{% extends "topics/base.html" %}

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

{% block breadcrumbs %}
  {{ block.super }}
  {% breadcrumb "Topics" "topics:index" %}
{% endblock breadcrumbs %}

{% block content %}
  <h1>{% trans "Topics" %}</h1>

  {% if all_topics %}
    <p>Open a topic to see all related unit plans, lessons, curriculum integrations, and programming exercises.</p>
    <div class="card-deck">
      {% for topic in all_topics %}
        <a class="card text-center" href="{% url 'topics:topic' topic.slug %}">
          <img class="img-fluid card-img" src="{% if topic.icon %}{% static topic.icon %}{% else %}http://placehold.it/238x200{% endif %}">
          <div class="card-block">
            <h4 class="card-title">{{ topic.name }}</h4>
          </div>
        </a>
      {% endfor %}
    </div>
  {% else %}
    <p>No topics are available.</p>
  {% endif %}
{% endblock %}

Move topic application homepage text within conditional
Move topic application homepage text within conditional
