{% macro course_card(course) %}
<div class="card mb-5 w-100">
  <div class="card-body">
    <h5 class="card-title"><a href="/courses/course?course={{course.name}}">{{course.title}}</a></h5>
    <p class="card-text">{{course.description}}</p>
    <a href="/courses/course?id={{course.name}}" class="card-link">See more &rarr;</a>
  </div>
</div>
{% endmacro %}

{% macro topic_card(course, topic) %}
<div class="card mb-5 w-100">
  <div class="card-body">
    <h5 class="card-title"><a href="/courses/topic?course={{course.name}}&topic={{topic.name}}">{{topic.title}}</a></h5>
    <p class="card-text">{{topic.description}}</p>
  </div>
</div>
{% endmacro %}