{% extends "base.html" %}
{% block head %}
  {{ super() }}
  <link rel="stylesheet" type="text/css" href="/folder.css">
{% endblock %}
{% block content %}
	<ol class="entries">
		{% for article in folder.articles %}
		<li class="entry">
			<a href="{{ article.name }}">
        <img src="{{ article.thumbnail_path }}" alt="📄"/>
				<div class="entry-text">
					<div>
						<h3 class="inline">{{ article.name }}</h3>

						{% include 'article_meta_data.html' %}
					</div>
				</div>
			</a>
		</li>
    <hr>
		{% endfor %}
	</ol>

	{% if folder.sub_folders|length > 0 %}
	<hr>

	<ol>
		{% for folder in folder.sub_folders.values() %}
		<li class="entry">
			<a href="{{ folder.name }}">
				<h3 class="inline">📁 {{ folder.name }}</h3>
			</a>
		</li>
		{% endfor %}
	</ol>
	{% endif %}

{% endblock %}