{% extends "base.html" %}

{% block content %}
<section class="section">
    <h1>{{ section.title | default(value="Elf's Notes") }}</h1>
    <article class="text">
        {{ section.content | safe }}
    </article>
</section>

<section class="subject-list">
    <h2>Subjects Available:</h2>
    <div class="topic-cards">
    {% for subsection_path in section.subsections %}
    {% set subsection = get_section(path=subsection_path) %}
    <div class="topic-card">
      <h3><a href="{{subsection.permalink}}">{{ subsection.title }}</a></h3>
      <p>{{ subsection.description | default(value="No description provided") }}</p>
    </div>
    {% endfor %}
    </div>
</section>
{% endblock %}