1
0
em.0x45.cz/templates/posts.html

38 lines
961 B
HTML

{% extends "index.html" %}
{% block title %}
{{ section.title }} — {{ config.title }}
{% endblock %}
{% block content %}
<h1>{{ section.title }}</h1>
<input id="search" class="search" type="text" placeholder="Search titles" oninput="filter_name(this.value)">
{{ macros::list_posts() }}
{% endblock content %}
{% block script %}
<script>
function filter_name(str)
{
str = str.toLowerCase();
if (str.length == 0) {
for (let i = 0; i < articles.length; i++) {
articles[i].style.display = "block";
}
} else {
for (let i = 0; i < articles.length; i++) {
let name = articles[i].getElementsByTagName("h2")[0].innerHTML.toLowerCase();
if (!name.includes(str)) {
articles[i].style.display = "none";
} else {
articles[i].style.display = "block";
}
}
}
}
let articles = document.getElementsByTagName("article");
let search = document.getElementById("search");
search.style.display = "inline-block";
</script>
{% endblock %}