{% extends "base.html" %}
{% block title %}ALEPH 1 | IMK'S BLOG{% endblock title %}
{% block content %}
<div>
    <h1 class="htitle">ℵ₁ | IMK'S BLOG</h1>
    <hr>
    {% for fm in posts %}
    <a class="mb-3" href="/posts/{{fm.file_name}}">
        <div class="post">
        <img class="pinned-{{fm.pinned}}" src="/static/assets/pin.svg" alt="PIN" style="max-width:1.5%;height:auto;"/>
		<h2 class="text-2xl font-semibold hover:underline">  {{fm.title}}</h2>
	    <hr>
            <ul>
                <li>On: {{fm.posted}}</li>
                <li>By: {{fm.author}}</li>
                <li>Reading time:{{fm.estimated_reading_time}} min</li>
		<li>Tags: {{fm.tags}}</li>
            </ul>
        </div>
    </a>
    {% endfor %}
</div>
{% endblock content %}