{% extends 'base.html' %}

{% block head %}
	<!-- LAOD MAIN CSS FILE  -->
	<link href="{{ url_for('static', filename='css/style.css')}}" rel="stylesheet" media="screen">
{% endblock %}

{% block nav %}
{% include 'menu.html'%}
{% endblock nav %}

{% block content %}

<div class="content_wrapper wide_content">
<div class="page_data">
        {% for a in articles %}
        <article>
	    <div class="{{a.category}}">
	    	<span class ="a_title">{{a.title}}</span><br> 
		    <!--<span class ="a_meta">{{a.date}}</span> -->
	    	<span class ="a_meta">{{a.type}}</span> 
            {% if a.image %}
            <img src="{{ url_for('image', filepath=a.path+'/'+'cover.jpg') }}" alt="">
            {% endif %}
            </div>
            <div class="a_content">
                {{a}}
            </div>

        </article>
        <div class="separator">
            <img src="{{ url_for('static', filename='img/separator.svg') }}" alt="">
        </div>

    </div>

        {% endfor %}
 
{% endblock %}