{% 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>
                <div class="col-lg-9 col-xl-8 text-center">
                    <p class="lead">
                        {{ section.extra.lead | default(value="Please start setting config.toml and adding
                        your content.") | safe }}
                    </p>
                </div>
            </div>
        </section>
    </div>
</div>

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