{% extends "base.html" %}

{% block content %}
<div class="container" role="document">
    <div class="content">
        <section class="section container-fluid mt-n3 pb-3">
            <div class="row justify-content-center">
                <div class="col-lg-12 text-center">
                    <h1>{{ section.title | default(value="Elf's Notes") }}</h1>
                </div>
                <article class="text-article">
                    <p class="lead">
                        {{ section.extra.lead | default(value="You need to add some content") | safe }}
                    </p>
                </article>
            </div>
        </section>
    </div>
</div>

<div class="container topic-list">
    <h2>Topics Available:</h2>
    <section class="section">
        <div class="topic-cards">
            {% if section.extra.list %} {% for val in section.extra.list %}
            <div class="topic-card">
                <h3><a href="{{val.url}}">{{ val.title }}</a></h3>
                <p>{{ val.content | safe }}</p>
            </div>
            {% endfor %} {% endif %}
        </div>
    </section>
</div>
{% endblock %}
