tilde-site/templates/blog.html

89 lines
2.7 KiB
HTML

{% import "macros/authors.html" as authors_macros %}
{% import "macros/opengraph.html" as opengraph_macros %}
{% extends "base.html" %}
{% block stylesheet %}
<script src="{{ config.base_url }}/scripts/webmention.min.js" async></script>
<link rel="stylesheet" href="{{ config.base_url }}/blog.css">
{% endblock %}
{% block head_extra %}
{% if section %}
{{ opengraph_macros::opengraph(title=section.title, url=section.permalink, content=section.content, type="website") }}
{% else %}
{% if page.extra.image %}
{% set image = config.base_url ~ page.extra.image %}
{% else %}
{% set image = "" %}
{% endif %}
{{ opengraph_macros::opengraph(title=page.title, url=page.permalink, content=page.content, type="article", image=image) }}
{% endif %}
{% endblock %}
{% block content %}
{% if page %}
{% set newspaper_date = page.date %}
{% else %}
{% set newspaper_date = now() %}
{% endif %}
<header>
<div id="title-date">
<h1 class="newspaper-title"><a href="{{ config.base_url }}/blog/">The Ydreniv Time</a></h1>
<time id="newspaper-time">{{ newspaper_date | date(format="%A, %B %-e %Y")}}</time>
</div>
<nav>
{% include "includes/list-pages.html" %}
</nav>
</header>
<div id="main">
{% if section %}
{{ section.content | safe }}
<div class="h-feed">
{% for page in paginator.pages %}
<article class="h-entry">
<header>
<a class="u-url" href="{{ page.permalink }}"><h1 class="p-name">
{{ page.title }}
</h1></a>
<p><strong class="subtitle"><time class="dt-published">{{ page.date | date }}</time></strong>, by {{ authors_macros::authors_inline(authors=page.extra.authors) }}</p>
{% if page.updated != page.date -%}
<p class="last-updated">This article has been edited on <time class="dt-updated">{{ page.updated | date }}</time>.</p>
{% endif %}
</header>
<section class="e-content">
{{ page.content | safe }}
</section>
</article>
{% endfor %}
</div>
{% include "includes/pagination-navigation.html" %}
{% elif page %}
<article class="h-entry">
<header>
<h1 class="p-name">
<a class="u-url" href="{{ page.permalink }}">{{ page.title }}</a>
</h1>
<p><strong class="subtitle"><time class="dt-published">{{ page.date | date }}</time></strong>, by {{ authors_macros::authors_inline(authors=page.extra.authors) }}</p>
{% if page.updated != page.date -%}
<p class="last-updated">This article has been edited on <time class="dt-updated">{{ page.updated | date }}</time>.</p>
{% endif %}
</header>
<section class="e-content">
{{ page.content | safe }}
</section>
</article>
<div id="webmentions"></div>
{% endif %}
</div>
{% include "includes/footer.html" %}
{% endblock content %}