{% extends "base.html" %}
{% block scripts %}<script type="text/javascript" src="/static/scripts/search.js"> </script>{% endblock scripts %}
{% block title %}ALEPH 1 | IMK'S BLOG{% endblock title %}
{% block content %}
<div>
	<div class="title"> 
    		<h1 class="htitle">ℵ₁ | IMK'S BLOG</h1>
		<input placeholder="Search :3" type="text" name="search" id="search" onkeyup="searcher()">
	</div>
    <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="post-title">  {{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 %}