da02d9ba95
- relurl filter is ready, but not yet in use, because it's a mess - reworked yearly archives: all page shows all years, no prev/next - removed property= mf2 tags - cleanups in markup - added searchaction schema.org thing - removed everything-the-same-size-font from style
300 lines
13 KiB
HTML
300 lines
13 KiB
HTML
{% extends "base.j2.html" %}
|
|
|
|
{% block lang %} lang="{{ post.lang }}" {% endblock %}
|
|
|
|
{% block title %}{{ post.title }} - {{ site.domain }}{% endblock %}
|
|
|
|
{% block meta %}
|
|
<meta name="author" content="{{ author.name }} <{{ author.email }}>" />
|
|
<meta name="description" content="{{ post.summary|e }}" />
|
|
<link rel="canonical" href="{{ post.url }}" />
|
|
{% if post.has_code %}
|
|
<style media="all">
|
|
{% include 'prism.css' %}
|
|
</style>
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block prism %}
|
|
{% if post.has_code %}
|
|
<script>
|
|
{% include 'prism.js' %}
|
|
</script>
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block licence %}
|
|
<link rel="license" href="https://spdx.org/licenses/{{ post.licence }}.html" type="{{ post.licence }}" />
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
{% if post.event %}
|
|
{% set mftype = 'h-entry h-event' %}
|
|
{% else %}
|
|
{% set mftype = 'h-entry' %}
|
|
{% endif %}
|
|
<main role="main">
|
|
<article class="{{ mftype }} hentry singular" lang="{{ post.lang }}" itemscope="" itemprop="blogPost" itemtype="http://schema.org/BlogPosting" itemref="author">
|
|
<header>
|
|
<h1 class="entry-title p-name" itemprop="name headline">
|
|
{% if post.is_reply %}
|
|
<span>
|
|
<svg width="16" height="16">
|
|
<use xlink:href="#icon-reply" />
|
|
</svg>
|
|
<a href="{{ post.url }}">
|
|
RE:
|
|
</a>
|
|
<a href="{{ post.is_reply }}" class="u-in-reply-to">
|
|
{{ post.is_reply }}
|
|
</a>
|
|
</span>
|
|
{% else %}
|
|
<a href="{{ post.url }}" title="{{ post.title }}">
|
|
<span>{{ post.title }}</span>
|
|
</a>
|
|
{% endif %}
|
|
</h1>
|
|
</header>
|
|
|
|
{% if post.review %}
|
|
<div class="h-review hreview" itemprop="review" itemscope="" itemtype="http://schema.org/Review">
|
|
<strong>Review summary of: <a href="{{ post.review.url }}" class="item fn p-name u-url p-item h-product">{{ post.review.title }}</a></strong>
|
|
<p>
|
|
By
|
|
<span class="p-author h-card vcard reviewer" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
|
|
<a class="fn p-name url u-url u-uid" href="{{ author.url }}" itemprop="url">
|
|
<span itemprop="name">{{ author.name }}</span>
|
|
</a></span> at <time class="dt-published dtreviewed" datetime="{{ post.pubtime }}" itemprop="datePublished">{{ post.pubdate }}</time>
|
|
</p>
|
|
<p>
|
|
<span class="rating" itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
|
|
<meta itemprop="worstRating" content = "1">
|
|
<span class="value" itemprop="ratingValue">{{ post.review.rated }}</span>
|
|
out of
|
|
<span class="best" itemprop="bestRating">{{ post.review.outof }}</span>
|
|
</span>
|
|
</p>
|
|
<p class="p-summary summary" itemprop="reviewBody">{{ post.review.summary }}</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if post.summary %}
|
|
<div class="e-summary entry-summary" itemprop="description">
|
|
{{ post.html_summary }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="e-content entry-content" itemprop="articleBody">
|
|
{{ post.html_content }}
|
|
</div>
|
|
|
|
<footer>
|
|
<dl>
|
|
{% if post.event %}
|
|
<dt>Trip details</dt>
|
|
<dd>
|
|
From
|
|
<time class="dt-start dtstart" datetime="{{ post.event.starttime }}">
|
|
{{ post.event.startdate }}
|
|
</time>
|
|
to
|
|
<time class="dt-end dtend" datetime="{{ post.event.endtime }}">
|
|
{{ post.event.enddate }}
|
|
</time>, in
|
|
<span class="p-location location">
|
|
{{ post.event.location }}
|
|
</span>
|
|
</dd>
|
|
{% endif %}
|
|
|
|
<dt>Author</dt>
|
|
<dd class="p-author h-card vcard" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
|
|
<img class="photo avatar u-photo u-avatar"
|
|
src="{{ author.avatar }}"
|
|
alt="Photo of {{ author.name }}"
|
|
itemprop="image" />
|
|
<a class="fn p-name url u-url u-uid"
|
|
href="{{ author.url }}"
|
|
rel="author"
|
|
itemprop="url">
|
|
<span itemprop="name">{{ author.name }}</span>
|
|
</a>
|
|
<a class="u-email email" href="mailto:{{ author.email }}">
|
|
<span itemprop="email">{{ author.email }}</span>
|
|
</a>
|
|
<p aria-hidden="true" hidden="hidden" class="hidden" itemprop="publisher" itemscope="" itemtype="https://schema.org/Organization">
|
|
<span itemprop="name">{{ site.domain }}</span>
|
|
<a href="{{ site.url }}" itemprop="url">{{ site.url }}</a>
|
|
<span itemprop="logo" itemscope="" itemtype="https://schema.org/ImageObject">
|
|
<img src="{{ author.avatar }}" alt="" itemprop="url" />
|
|
</span>
|
|
</p>
|
|
</dd>
|
|
|
|
<dt>Published</dt>
|
|
<dd class="published updated">
|
|
<time class="dt-published dt-updated"
|
|
datetime="{{ post.pubtime }}"
|
|
itemprop="dateModified datePublished"
|
|
>{{ post.pubdate }}</time>
|
|
</dd>
|
|
|
|
|
|
<dt>License</dt>
|
|
<dd class="license">
|
|
{% if post.licence == 'CC-BY-4.0' %}
|
|
<a rel="license" href="https://creativecommons.org/licenses/by/4.0/" class="u-license" itemprop="license">
|
|
{{ post.licence }}
|
|
</a>
|
|
<ul>
|
|
<li>you can share it</li>
|
|
<li>you can republish it</li>
|
|
<li>you can modify it, but you need to indicate the modifications</li>
|
|
<li>you can use it for commercial purposes</li>
|
|
<li>you always need to make a link back here</li>
|
|
</ul>
|
|
{% elif post.licence == 'CC-BY-NC-4.0' %}
|
|
<a rel="license" href="https://creativecommons.org/licenses/by-nc/4.0/" class="u-license" itemprop="license">
|
|
{{ post.licence }}
|
|
</a>
|
|
<ul>
|
|
<li>you can share it</li>
|
|
<li>you can republish it</li>
|
|
<li>you can modify it, but you need to indicate the modifications</li>
|
|
<li>you can't use it for commercial purposes</li>
|
|
<li>you always need to make a link back here</li>
|
|
</ul>
|
|
For commercial use, please contact me.
|
|
{% elif post.licence == 'CC-BY-NC-ND-4.0' %}
|
|
<a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" class="u-license" itemprop="license">
|
|
{{ post.licence }}
|
|
</a>
|
|
<ul>
|
|
<li>you can share it</li>
|
|
<li>you can't modify it</li>
|
|
<li>you can't republish it</li>
|
|
<li>you can't use it for commercial purposes</li>
|
|
<li>you always need to make a link back here</li>
|
|
</ul>
|
|
For commercial use, please contact me.
|
|
{% endif %}
|
|
</dd>
|
|
|
|
<dt>Entry URL</dt>
|
|
<dd>
|
|
{% if not post.has_mainimg %}
|
|
<img aria-hidden="true" src="{{ author.avatar }}" itemprop="image" hidden="hidden" class="hidden" />
|
|
{% endif %}
|
|
<a class="u-url u-uuid" rel="bookmark" href="{{ post.url }}" itemprop="url mainEntityOfPage">
|
|
{{ post.url }}
|
|
</a>
|
|
</dd>
|
|
|
|
</dl>
|
|
</footer>
|
|
|
|
{% if not post.is_page %}
|
|
{% if post.syndicate|length %}
|
|
<section class="syndication">
|
|
{% for url in post.syndicate %}
|
|
<a href="{{ url }}" class="u-syndication" itemprop="u-syndication"></a>
|
|
{% endfor %}
|
|
</section>
|
|
{% endif %}
|
|
|
|
<section class="encourage">
|
|
<h2>Encourage creation!</h2>
|
|
<p>
|
|
If this entry helped you, or you simply liked it, leave a tip via <br>
|
|
{% for provider, info in author.tips.items() %}
|
|
{% if loop.last and not loop.first %} or {% endif %}
|
|
<a rel="payment" href="{{ info.url }}">
|
|
<svg width="16" height="16">
|
|
<use xlink:href="#icon-{{ provider }}"></use>
|
|
</svg> {{ info.text }}</a>
|
|
{% if not loop.last and not loop.first %}, {% endif %}
|
|
{% endfor %}
|
|
</p>
|
|
</section>
|
|
|
|
{% if post.replies|length %}
|
|
<section class="replies">
|
|
<h2><a id="replies"></a>Replies</h2>
|
|
<ol>
|
|
{% for mtime, comment in post.replies.items() %}
|
|
<li class="h-entry p-comment">
|
|
<time class="dt-published" datetime="{{ comment.pubtime }}">
|
|
{{ comment.pubdate }}
|
|
</time> from
|
|
<span class="p-author h-card">
|
|
{% if comment.author.url %}
|
|
<a class="url u-url" href="{{ comment.author.url }}">
|
|
<span class="p-name fn">
|
|
{{ comment.author.name }}
|
|
</span>
|
|
</a>
|
|
{% else %}
|
|
<span class="p-name fn">
|
|
{{ comment.author.name }}
|
|
</span>
|
|
{% endif %}
|
|
</span><br />
|
|
<span class="source">
|
|
<svg width="16" height="16">
|
|
<use xlink:href="#icon-link"></use>
|
|
</svg>
|
|
<a class="u-url" href="{{ comment.source }}">
|
|
{{ comment.source }}
|
|
</a>
|
|
</span>
|
|
</li>
|
|
{% endfor %}
|
|
</ol>
|
|
</section>
|
|
{% endif %}
|
|
|
|
{% if post.reactions|length %}
|
|
<section class="reactions">
|
|
<h2><a id="reactions"></a>Reactions</h2>
|
|
<dl>
|
|
{% for character, comments in post.reactions.items() %}
|
|
<dt>{{ character }}</dt>
|
|
<dd>
|
|
<ul>
|
|
{% for mtime, comment in comments.items() %}
|
|
<li class="h-entry p-comment">
|
|
<span class="reaction">
|
|
<a class="u-url" href="{{ comment.source }}">
|
|
{{ comment.type }}
|
|
</a>
|
|
</span>
|
|
<time class="dt-published" datetime="{{ comment.pubtime }}">
|
|
{{ comment.pubdate }}
|
|
</time> from
|
|
<span class="p-author h-card">
|
|
{% if comment.author.url %}
|
|
<a class="url u-url" href="{{ comment.author.url }}">
|
|
<span class="p-name fn">
|
|
{{ comment.author.name }}
|
|
</span>
|
|
</a>
|
|
{% else %}
|
|
<span class="p-name fn">
|
|
{{ comment.author.name }}
|
|
</span>
|
|
{% endif %}
|
|
</span>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</dd>
|
|
{% endfor %}
|
|
</dl>
|
|
</section>
|
|
{% endif %}
|
|
|
|
{% endif %}
|
|
</article>
|
|
</main>
|
|
{% endblock %}
|