{% macro course_card(course) %}
<div class="card mb-5 w-100">
  <div class="card-body">
    <h5 class="card-title"><a href="/courses/{{course.name}}">{{course.title}}</a></h5>
    <p class="card-text">{{ frappe.utils.md_to_html(course.description[:250]) }}</p>
    <a href="/courses/{{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/{{course.name}}/{{topic.name}}">{{topic.title}}</a></h5>
    <p class="card-text">{{topic.description}}</p>
  </div>
</div>
{% endmacro %}