{% extends "base.html" %}
{% import "helpers.html" as helper %}

{% block title %}About{% endblock %}
{% block stylesheets %}<link href='about.css' rel='stylesheet' type='text/css'>{% endblock %}

{% block content %}
    {{ helper.wide_header() }}
    <div class="container">
        {{ helper.navbar(navbar, link) }}
        <div class="cards">
            {% for card in meta_data["files"] %}
                <div class="card">
                    <a href="#{{ card.slug }}">
                        <div class="card-content">
                            <h1>{{ card.title }}</h1>
                            <p>{{ card.subtitle }}</p>
                            <div class='caret'>
                                <i class="fa fa-chevron-circle-down" aria-hidden="true"></i>
                            </div>
                        </div>
                    </a>
                </div>
            {% endfor %}
        </div>

        <div class='break'></div>
            <div class='content'>
                <div class='sidebar'>
                    {{ sidebar }}
                </div>
                <div class='text'>
                    {{ output_text }}
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block js %}<script src="sidebar.js"></script>{% endblock %}