1
4
Fork 1
recepty-na-cesty/templates/index.html

75 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}{{ config.title }}{% endblock title %}</title>
<link rel="stylesheet" href="/style.css" type="text/css">
</head>
<body>
<nav>
<div class="mainnav">
<h1><a href="/">Recepty na cesty</a></h1>
<ul>
<li><a href="/kategorie/">Kategorie</a></li>
<li><a href="/tagy/">Tagy</a></li>
</ul>
</div>
<div class="subnav">
<ul>
<li><a href="/kategorie/polevky/">Polévky</a></li>
<li><a href="/kategorie/maso/">Maso</a></li>
<li><a href="/kategorie/testoviny/">Těstoviny & Rýže</a></li>
<li><a href="/kategorie/zelenina/">Zelenina</a></li>
<li><a href="/kategorie/prilohy/">Přílohy</a></li>
<li><a href="/kategorie/pomazanky/">Pomazánky</a></li>
<li><a href="/kategorie/dezerty/">Dezerty</a></li>
<li><a href="/kategorie/napoje/">Nápoje</a></li>
</ul>
</div>
</nav>
{% block content %}
<main>
<h2>Nejnovější recepty</h2>
<hr>
<section class="list">
{% for page in paginator.pages %}
<article>
<a href="{{ page.permalink }}">
{% set_global image_found = 0 %}
{% for asset in page.assets %}
{% if asset is matching("[img.](jpg|png)$") %}
<img src="{{ resize_image(path=asset, width=300, height=300, op="fill") }}" alt="Náhled">
{% set_global image_found = 1 %}
{% break %}
{% endif %}
{% endfor %}
{% if image_found == 0 %}
<img src="/temp.jpg" alt="Náhradní obrázek">
{% endif %}
{% set_global image_found = 0 %}
{% if page.title %}<h3>{{ page.title }}</h3>{% endif %}
</a>
{% if page.date %}<span class="date">{{ page.date | date(format="%d.%m.%Y") }}</span>{% endif %}
</article>
{% endfor %}
</section>
<div class="pagination">
{% if paginator.previous %}<a href="{{ paginator.previous }}">&laquo; Předchozí stránka</a> |{% endif %}
<span>{{ paginator.current_index }} / {{ paginator.number_pagers }}</span>
{% if paginator.next %}| <a href="{{ paginator.next }}">Další stránka &raquo;</a>{% endif %}
</div>
</main>
{% endblock content %}
</body>
</html>