You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.9 KiB
HTML
71 lines
1.9 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>
|
|
{% for item in config.extra.menu %}
|
|
<li><a href="{{ item.path }}">{{ item.name }}</a></li>
|
|
{% endfor %}
|
|
</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 }}">« Předchozí stránka</a> |{% endif %}
|
|
<span>{{ paginator.current_index }} / {{ paginator.number_pagers }}</span>
|
|
{% if paginator.next %}| <a href="{{ paginator.next }}">Další stránka »</a>{% endif %}
|
|
</div>
|
|
|
|
</main>
|
|
{% endblock content %}
|
|
|
|
{% block script %}{% endblock script %}
|
|
</body>
|
|
</html>
|