{% extends 'layout.html' %}

{% block css %}
    
    <link href = "{{ url ('static_assets', filename='css/styles.css') }}"
          rel  = "stylesheet" />
    
{% endblock %}

{% block page %}
    
    <div class="bold large-font">
        Documentation
    </div>
    
    <hr class="hr-light margin-bottom" />
    
    <div class="margin-top">
        
        {% for doc in docs|sort(attribute="name") %}
            <div>
                <a href="{{ url ('documentationproject', id=doc['id']) }}">
                    {{ doc['name'] }}
                </a>
            </div>
        {% endfor %}
        
    </div>
    
{% endblock %}
