receptty.org/templates/page.html
2021-03-11 17:22:10 +01:00

60 lines
2.0 KiB
HTML

{% extends "index.html" %}
{% block title %}{{ config.title }} — {{ page.title }}{% endblock title %}
{% block content %}
<main class="recipe">
<h2>{{ page.title | upper }}</h2>
<hr>
{% for asset in page.assets %}
{% if asset is matching("[img.](jpg|png)$") %}
<a href="/{{ asset }}"><img src="{{ resize_image(path=asset, width=900, height=400, op="fill") }}" alt="Náhled"></a>
{% break %}
{% endif %}
{% endfor %}
{% if page.extra.image %}<img src="{{ page.extra.image }}" alt="Náhled">{% endif %}
<div class="meta">
{% if page.extra.portions %}<span class="tag">Porce:&nbsp;<strong>{{ page.extra.portions }}</strong></span>{% endif %}
{% if page.extra.time %}<span class="tag">Doba přípravy:&nbsp;<strong>{{ page.extra.time }}&nbsp;min</strong></span>{% endif %}
{% if page.extra.source %}<span class="tag">Zdroj:&nbsp;<strong>{{ page.extra.source }}</strong></span>{% endif %}
<a href="{{ config.extra.git }}/_edit/master/content/{{ page.relative_path }}" class="edit" title="Upravit"><span class="icon-pencil"></span></a>
</div>
{{ page.content | safe }}
<hr>
{% if page.taxonomies.kategorie %}
{% set categories = page.taxonomies.kategorie %}
<div class="taglist">
Kategorie&nbsp;&ndash;&nbsp;
{% for term in categories %}
<span class="tag"><a href="{{ get_taxonomy_url(kind="kategorie", name=term) | safe }}">{{ term | capitalize() }}</a></span>
{% endfor %}
</div>
{% endif %}
{% if page.taxonomies.tagy %}
{% set tags = page.taxonomies.tagy %}
<div class="taglist">
Tagy&nbsp;&ndash;&nbsp;
{% for term in tags %}
<span class="tag"><a href="{{ get_taxonomy_url(kind="tagy", name=term) | safe }}">{{ term | capitalize() }}</a></span>
{% endfor %}
</div>
{% endif %}
</main>
{% endblock content %}
{% block script %}
<script>
let list_items = document.querySelectorAll('ol li');
for(let i=0; i<list_items.length; i++){
list_items[i].addEventListener('click', function(){ this.classList.toggle("completed"); }, false);
}
</script>
{% endblock script %}