<!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 }}">« 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 %} </body> </html>