2018-07-20 16:45:42 +01:00
<!DOCTYPE html>
< html { % block lang % } lang = "{{ post.lang }}" { % endblock % } >
< head >
2018-08-02 22:47:49 +01:00
< title > {% block title %}{{ post.title }} - {{ site.domain }}{% endblock %}< / title >
2018-07-20 16:45:42 +01:00
< meta charset = "UTF-8" / >
< meta name = "viewport" content = "width=device-width,initial-scale=1,minimum-scale=1" / >
2018-11-15 14:06:35 +00:00
< meta name = "supported-color-schemes" content = "dark light" >
2018-08-02 22:47:49 +01:00
< link rel = "icon" href = "{{ site.url }}/favicon.ico" / >
2018-11-10 20:49:13 +00:00
{% block licence %}{% endblock %}
2018-07-20 16:45:42 +01:00
{% for key, value in meta.items() %}
< link rel = "{{ key }}" href = "{{ value }}" / >
{% endfor %}
{% block meta %}{% endblock %}
< style media = "all" >
2018-08-02 22:47:49 +01:00
{% include 'style.css' %}
2018-07-20 16:45:42 +01:00
< / style >
2018-11-10 20:49:13 +00:00
< style id = "css_alt" media = "speech" >
2018-08-02 22:47:49 +01:00
{% include 'style-alt.css' %}
2018-07-20 16:45:42 +01:00
< / style >
< style media = "print" >
{% include 'style-print.css' %}
< / style >
< / head >
2018-09-04 21:58:25 +01:00
< body itemscope = "" itemtype = "http://schema.org/Blog http://schema.org/WebPage" >
2018-07-20 16:45:42 +01:00
2018-11-19 14:36:06 +00:00
{% macro activemenu(name) %}{% if (post is defined and post.slug == name ) or (post is defined and post.category == name ) or ( category is defined and category.name == name ) %}active{% endif %}{% endmacro %}
2018-07-20 16:45:42 +01:00
2018-08-02 22:47:49 +01:00
< header >
2018-12-31 17:22:31 +00:00
< section >
< nav >
< ul >
< li >
< a title = "home" href = "{{ site.url }}/" class = "{{ activemenu('') }}" >
< svg width = "16" height = "16" > < use xlink:href = "#icon-home" / > < / svg >
home
< / a >
< / li >
< li >
< a title = "photos" href = "{{ site.url }}/category/photo/" class = "{{ activemenu('photo') }}" >
< svg width = "18" height = "16" > < use xlink:href = "#icon-photo" / > < / svg >
photos
< / a >
< / li >
< li >
< a title = "journal" href = "{{ site.url }}/category/journal/" class = "{{ activemenu('journal') }}" >
< svg width = "16" height = "16" > < use xlink:href = "#icon-journal" / > < / svg >
journal
< / a >
< / li >
< li >
< a title = "IT" href = "{{ site.url }}/category/article/" class = "{{ activemenu('article') }}" >
< svg width = "16" height = "16" > < use xlink:href = "#icon-article" / > < / svg >
IT
< / a >
< / li >
< li >
< a title = "notes" href = "{{ site.url }}/category/note/" class = "{{ activemenu('note') }}" >
< svg width = "16" height = "16" > < use xlink:href = "#icon-note" / > < / svg >
notes
< / a >
< / li >
< li >
< a title = "follow petermolnar.net" href = "{{ site.url }}/follow/" class = "{{ activemenu('follow') }}" >
< svg width = "16" height = "16" > < use xlink:href = "#icon-feed" / > < / svg >
follow
< / a >
< / li >
< / ul >
< / nav >
2018-07-20 16:45:42 +01:00
2018-12-31 17:22:31 +00:00
< div >
< form class = "theme" aria-hidden = "true" >
2018-12-27 19:48:06 +00:00
< svg width = "16" height = "16" >
2018-12-31 17:22:31 +00:00
< use xlink:href = "#icon-contrast" > < / use >
2018-12-27 19:48:06 +00:00
< / svg >
2018-12-31 17:22:31 +00:00
< span >
< input name = "colorscheme" value = "dark" id = "darkscheme" type = "radio" >
< label for = "darkscheme" > dark< / label >
< / span >
< span >
< input name = "colorscheme" value = "light" id = "lightscheme" type = "radio" >
< label for = "lightscheme" > light< / label >
< / span >
< / form >
< form role = "search" method = "get" action = "{{ site.url }}/search.php" >
< label for = "qsub" >
< input type = "submit" value = "search" id = "qsub" name = "qsub" / >
< svg width = "16" height = "16" >
< use xlink:href = "#icon-search" > < / use >
< / svg >
< / label >
< input type = "search" placeholder = "search..." value = "" name = "q" id = "q" title = "Search for:" / >
< / form >
< / div >
< / section >
2018-07-20 16:45:42 +01:00
< / header >
{% block content %}
2018-11-04 14:45:54 +00:00
{% if post.event %}
{% set mftype = 'h-entry h-event' %}
{% else %}
{% set mftype = 'h-entry' %}
{% endif %}
2018-12-27 19:48:06 +00:00
< main role = "main" >
2018-11-04 14:45:54 +00:00
< article class = "{{ mftype }} hentry singular" lang = "{{ post.lang }}" property = "{{ mftype }}" itemscope = "" itemprop = "blogPost" itemtype = "http://schema.org/BlogPosting" itemref = "author" >
2018-07-20 16:45:42 +01:00
< header >
2018-11-04 12:57:51 +00:00
< h1 class = "entry-title p-name" itemprop = "name headline" property = "p-name" >
2018-07-20 16:45:42 +01:00
{% if post.is_reply %}
2018-08-14 14:56:13 +01:00
< span >
2018-08-13 14:57:27 +01:00
< svg width = "16" height = "16" >
2018-07-20 16:45:42 +01:00
< use xlink:href = "#icon-reply" / >
< / svg >
2018-08-08 09:42:42 +01:00
< a href = "{{ post.url }}" class = "u-url" >
2018-07-20 16:45:42 +01:00
RE:
< / a >
2018-11-04 12:57:51 +00:00
< a href = "{{ post.is_reply }}" class = "u-in-reply-to" property = "u-in-reply-to" >
2018-07-20 16:45:42 +01:00
{{ post.is_reply }}
< / a >
< / span >
{% else %}
2018-08-08 09:42:42 +01:00
< a href = "{{ post.url }}" title = "{{ post.title }}" >
2018-08-14 14:56:13 +01:00
< span > {{ post.title }}< / span >
2018-07-20 16:45:42 +01:00
< / a >
{% endif %}
< / h1 >
< / header >
{% if post.review %}
2018-08-08 09:42:42 +01:00
< hr / >
2018-11-04 12:57:51 +00:00
< div class = "h-review hreview" property = "h-review" 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" property = "p-name u-url p-item h-product" > {{ post.review.title }}< / a > < / strong >
2018-08-14 14:56:13 +01:00
< p >
2018-08-13 14:57:27 +01:00
By
2018-11-04 12:57:51 +00:00
< span class = "p-author h-card vcard reviewer" property = "p-author" itemprop = "author" itemscope = "" itemtype = "http://schema.org/Person" >
< a class = "fn p-name url u-url u-uid" property = "p-name u-url u-uid" href = "{{ author.url }}" itemprop = "url" >
2018-09-04 21:58:25 +01:00
< span itemprop = "name" > {{ author.name }}< / span >
2018-11-04 12:57:51 +00:00
< / a > < / span > at < time class = "dt-published dtreviewed" property = "dt-published" datetime = "{{ post.pubtime }}" itemprop = "datePublished" > {{ post.pubdate }}< / time >
2018-07-20 16:45:42 +01:00
< / p >
< p >
2018-09-04 21:58:25 +01:00
< 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 >
2018-07-20 16:45:42 +01:00
out of
2018-09-04 21:58:25 +01:00
< span class = "best" itemprop = "bestRating" > {{ post.review.outof }}< / span >
2018-07-20 16:45:42 +01:00
< / span >
< / p >
2018-11-04 12:57:51 +00:00
< p class = "p-summary summary" property = "p-summary" itemprop = "reviewBody" > {{ post.review.summary }}< / p >
2018-07-20 16:45:42 +01:00
< / div >
2018-08-08 09:42:42 +01:00
< hr / >
2018-07-20 16:45:42 +01:00
{% endif %}
{% if post.summary %}
2018-11-04 12:57:51 +00:00
< div class = "e-summary entry-summary" property = "e-summary" itemprop = "description" >
2018-07-20 16:45:42 +01:00
{{ post.html_summary }}
< / div >
{% endif %}
2018-11-04 12:57:51 +00:00
< div class = "e-content entry-content" property = "e-content" itemprop = "articleBody" >
2018-08-02 22:47:49 +01:00
{{ post.html_content }}
2018-07-20 16:45:42 +01:00
< / div >
2018-08-08 09:42:42 +01:00
< hr / >
2018-07-20 16:45:42 +01:00
< footer >
< dl >
2018-11-04 14:45:54 +00:00
{% if post.event %}
< dt > Trip details< / dt >
< dd >
From
< time class = "dt-start dtstart" property = "dt-end" datetime = "{{ post.event.starttime }}" >
{{ post.event.startdate }}
< / time >
to
< time class = "dt-end dtend" property = "dt-end" datetime = "{{ post.event.endtime }}" >
{{ post.event.enddate }}
< / time > , in
< span class = "p-location location" property = "p-location" >
{{ post.event.location }}
< / span >
< / dd >
{% endif %}
2018-07-20 16:45:42 +01:00
< dt > Author< / dt >
< dd >
2018-11-04 12:57:51 +00:00
< p class = "p-author h-card vcard" property = "p-author h-card" itemprop = "author" itemscope = "" itemtype = "http://schema.org/Person" >
2018-07-20 16:45:42 +01:00
< img class = "photo avatar u-photo u-avatar"
2018-11-04 12:57:51 +00:00
property="p-author h-card"
2018-07-20 16:45:42 +01:00
src="{{ author.avatar }}"
2018-08-14 14:56:13 +01:00
alt="Photo of {{ author.name }}"
2018-09-04 21:58:25 +01:00
itemprop="image" />
2018-08-14 14:56:13 +01:00
< a class = "fn p-name url u-url u-uid"
2018-11-04 12:57:51 +00:00
property="p-name u-url u-uid"
2018-08-14 14:56:13 +01:00
href="{{ author.url }}"
rel="author"
2018-09-04 21:58:25 +01:00
itemprop="url">
< span itemprop = "name" > {{ author.name }}< / span >
< / a >
2018-11-04 12:57:51 +00:00
< < a class = "u-email email" property = "u-email" href = "mailto:{{ author.email }}" >
2018-09-04 21:58:25 +01:00
< span itemprop = "email" > {{ author.email }}< / span >
2018-11-03 09:48:37 +00:00
< / a > >
2018-07-20 16:45:42 +01:00
< / p >
< / dd >
2018-12-27 19:48:06 +00:00
< dt > Published< / dt >
< dd class = "published updated" >
< time class = "dt-published dt-updated"
property="dt-published dt-updated"
datetime="{{ post.pubtime }}"
itemprop="dateModified datePublished"
>{{ post.pubdate }}< / time >
2018-07-20 16:45:42 +01:00
< / dd >
2018-12-11 14:06:18 +00:00
2018-07-20 16:45:42 +01:00
< dt > License< / dt >
< dd class = "license" >
2018-11-10 20:49:13 +00:00
{% if post.licence == 'CC-BY-4.0' %}
< a rel = "license" href = "https://creativecommons.org/licenses/by/4.0/" class = "u-license" property = "u-licence" itemprop = "license" > {{ post.licence }}< / a >
2018-07-20 16:45:42 +01:00
< 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 >
2018-11-10 20:49:13 +00:00
{% elif post.licence == 'CC-BY-NC-4.0' %}
< a rel = "license" href = "https://creativecommons.org/licenses/by-nc/4.0/" class = "u-license" property = "u-licence" itemprop = "license" > {{ post.licence }}< / a >
2018-07-20 16:45:42 +01:00
< 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.
2018-11-10 20:49:13 +00:00
{% 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" property = "u-licence" itemprop = "license" > {{ post.licence }}< / a >
2018-07-20 16:45:42 +01:00
< 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 >
2018-12-27 19:48:06 +00:00
< dt > Entry URL< / dt >
< dd >
{% if not post.has_mainimg %}
< img aria-hidden = "true" src = "{{ author.avatar }}" itemprop = "image" hidden = "hidden" / >
{% endif %}
< a class = "u-url u-uuid" property = "u-url u-uuid" rel = "bookmark" href = "{{ post.url }}" itemprop = "url mainEntityOfPage" >
{{ post.url }}
< / a >
< / dd >
2018-07-20 16:45:42 +01:00
< / dl >
2018-09-04 21:58:25 +01:00
< p aria-hidden = "true" hidden = "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 >
2018-07-20 16:45:42 +01:00
< / footer >
2018-12-27 19:48:06 +00:00
{% if not post.is_page %}
2018-07-20 16:45:42 +01:00
{% if post.syndicate|length %}
< section class = "syndication" >
{% for url in post.syndicate %}
2018-11-04 12:57:51 +00:00
< a href = "{{ url }}" class = "u-syndication" itemprop = "u-syndication" > < / a >
2018-07-20 16:45:42 +01:00
{% endfor %}
< / section >
{% endif %}
2018-12-01 10:43:13 +00:00
< section class = "encourage" >
< hr / >
< h2 > Encourage creation!< / h2 >
< p > If this entry helped you, or you simply liked it, leave a tip.< / p >
< nav >
< ul >
< li >
< a rel = "payment" href = "https://paypal.me/petermolnar/3GBP" >
< svg width = "16" height = "16" >
< use xlink:href = "#icon-paypal" > < / use >
< / svg > Paypal< / a >
< / li >
< li >
< a rel = "payment" href = "https://monzo.me/petermolnar/3" >
< svg width = "16" height = "16" >
< use xlink:href = "#icon-monzo" > < / use >
< / svg > Monzo (UK or Google Pay)< / a >
< / li >
< / ul >
< / nav >
< / section >
2018-07-20 16:45:42 +01:00
{% if post.replies|length %}
< section class = "replies" >
< h2 > < a id = "replies" > < / a > Replies< / h2 >
< ol >
{% for mtime, comment in post.replies.items() %}
2018-11-04 12:57:51 +00:00
< li class = "h-entry p-comment" property = "h-entry p-comment" >
< time class = "dt-published" property = "dt-published" datetime = "{{ comment.pubtime }}" >
2018-07-20 16:45:42 +01:00
{{ comment.pubdate }}
< / time > from
2018-11-04 12:57:51 +00:00
< span class = "p-author h-card" property = "p-author h-card" >
2018-07-20 16:45:42 +01:00
{% if comment.author.url %}
2018-11-04 12:57:51 +00:00
< a class = "url u-url" property = "u-url" href = "{{ comment.author.url }}" >
< span class = "p-name fn" property = "p-name" >
2018-07-20 16:45:42 +01:00
{{ comment.author.name }}
< / span >
< / a >
{% else %}
2018-11-04 12:57:51 +00:00
< span class = "p-name fn" property = "p-name" >
2018-07-20 16:45:42 +01:00
{{ comment.author.name }}
< / span >
{% endif %}
< / span > < br / >
< span class = "source" >
2018-08-13 14:57:27 +01:00
< svg width = "16" height = "16" >
2018-07-20 16:45:42 +01:00
< use xlink:href = "#icon-link" > < / use >
< / svg >
2018-11-04 12:57:51 +00:00
< a class = "u-url" property = "u-url" href = "{{ comment.source }}" >
2018-07-20 16:45:42 +01:00
{{ 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() %}
2018-11-04 12:57:51 +00:00
< li class = "h-entry p-comment" property = "h-entry p-comment" >
2018-07-20 16:45:42 +01:00
< span class = "reaction" >
2018-11-04 12:57:51 +00:00
< a class = "u-url" property = "u-url" href = "{{ comment.source }}" >
2018-07-20 16:45:42 +01:00
{{ comment.type }}
< / a >
< / span >
2018-11-04 12:57:51 +00:00
< time class = "dt-published" property = "dt-published" datetime = "{{ comment.pubtime }}" >
2018-07-20 16:45:42 +01:00
{{ comment.pubdate }}
< / time > from
2018-11-04 12:57:51 +00:00
< span class = "p-author h-card" property = "p-author h-card" >
2018-07-20 16:45:42 +01:00
{% if comment.author.url %}
2018-11-04 12:57:51 +00:00
< a class = "url u-url" property = "u-url" href = "{{ comment.author.url }}" >
< span class = "p-name fn" property = "p-name" >
2018-07-20 16:45:42 +01:00
{{ comment.author.name }}
< / span >
< / a >
{% else %}
2018-11-04 12:57:51 +00:00
< span class = "p-name fn" property = "p-name" >
2018-07-20 16:45:42 +01:00
{{ comment.author.name }}
< / span >
{% endif %}
< / span >
< / li >
{% endfor %}
< / ul >
< / dd >
{% endfor %}
< / dl >
< / section >
{% endif %}
2018-12-27 19:48:06 +00:00
{% endif %}
2018-07-20 16:45:42 +01:00
< / article >
2018-08-13 14:57:27 +01:00
< / main >
2018-07-20 16:45:42 +01:00
{% endblock %}
{% block pagination %}
{% endblock %}
2018-12-27 19:48:06 +00:00
< footer class = "p-author h-card vcard" property = "p-author h-card" id = "author" itemprop = "author publisher" itemscope = "" itemtype = "https://schema.org/Person https://schema.org/Organization" >
2018-12-31 17:22:31 +00:00
< section >
< div >
2018-12-27 19:48:06 +00:00
< p >
< a href = "https://creativecommons.org/" > CC< / a > ,
1999-2018,
< span itemprop = "logo" itemscope = "" itemtype = "https://schema.org/ImageObject" >
< img class = "photo avatar u-photo u-avatar"
property="u-photo u-avatar"
src="{{ author.avatar }}"
alt="Photo of {{ author.name }}"
itemprop="image url" />
< / span >
< a class = "fn p-name url u-url u-uid" property = "p-name u-url u-uid" rel = "me" href = "{{ site.url }}" > < span itemprop = "name" > {{ author.name }}< / span > < / a >
< / p >
2018-12-31 17:22:31 +00:00
< p >
< a href = "https://xn--sr8hvo.ws/🇻🇮📢/previous" > ←< / a >
Member of < a href = "https://xn--sr8hvo.ws" > IndieWeb Webring< / a >
< a href = "https://xn--sr8hvo.ws/🇻🇮📢/next" > →< / a >
< / p >
< / div >
< div >
< nav >
< ul >
< li >
< a class = "u-email email" property = "u-email" rel = "me" href = "mailto:{{ author.email }}" >
< svg width = "16" height = "16" >
< title > email< / title >
< use xlink:href = "#icon-mail" > < / use >
< / svg >
< span itemprop = "email" > {{ author.email }}< / span >
< / a >
< / li >
{% for name, value in author.contact.items() %}
< li >
< a class = "url u-url x-{{name}}" property = "u-url x-{{name}}" rel = "me" href = "{{ value }}" itemprop = "sameAs" >
< svg width = "16" height = "16" >
< title > {{ name }}< / title >
< use xlink:href = "#icon-{{ name }}" > < / use >
< / svg >
< / a >
< / li >
{% endfor %}
< / ul >
< / nav >
2018-12-27 19:48:06 +00:00
< nav >
< ul >
< li >
< a title = "CV" href = "{{ site.url }}/about/" >
< svg width = "16" height = "16" > < use xlink:href = "#icon-me" / > < / svg >
about me
< / a >
< / li >
< li >
< a title = "following" href = "{{ site.url }}/following.opml" >
< svg width = "16" height = "16" > < use xlink:href = "#icon-following" / > < / svg >
followings
< / a >
< / li >
< li >
< a title = "CV" href = "{{ site.url }}/cv.html" >
< svg width = "16" height = "16" > < use xlink:href = "#icon-resume" / > < / svg >
resume
< / a >
< / li >
< / ul >
< / nav >
2018-12-31 17:22:31 +00:00
< / div >
< / section >
2018-07-20 16:45:42 +01:00
< / footer >
2018-11-15 14:06:35 +00:00
< script >
{% include 'themeswitcher.js' %}
< / script >
2018-07-20 16:45:42 +01:00
{% include 'symbols.svg' %}
2018-08-04 09:30:26 +01:00
{% block prism %}
{% endblock %}
2018-07-20 16:45:42 +01:00
< / body >
< / html >
