nasg/templates/base.j2.html
Peter Molnar 26c6ef77ed - now checking images against google vision api (why google, despite my despise of google, the company): vision api is the only one which is simple enough to use and their labelling is reasonable.
- checking text against google natural language api: the strict classification it offers is better, than free folksonomy, if I ever want to connect entries based on topic
unfortunately they don't support Hungarian yet.
2018-12-11 14:06:18 +00:00

440 lines
19 KiB
HTML

<!DOCTYPE html>
<html {% block lang %}lang="{{ post.lang }}"{% endblock %}>
<head>
<title>{% block title %}{{ post.title }} - {{ site.domain }}{% endblock %}</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1" />
<meta name="supported-color-schemes" content="dark light">
<link rel="icon" href="{{ site.url }}/favicon.ico" />
{% block licence %}{% endblock %}
{% for key, value in meta.items() %}
<link rel="{{ key }}" href="{{ value }}" />
{% endfor %}
{% block meta %}{% endblock %}
<style media="all">
{% include 'style.css' %}
</style>
<style id="css_alt" media="speech">
{% include 'style-alt.css' %}
</style>
<style id="css_kcl" media="speech">
{% include 'style-kcl.css' %}
</style>
<style media="print">
{% include 'style-print.css' %}
</style>
</head>
<body itemscope="" itemtype="http://schema.org/Blog http://schema.org/WebPage">
{% 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 %}
<header>
<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>
<div>
<form class="theme" aria-hidden="true">
<svg width="16" height="16">
<use xlink:href="#icon-contrast"></use>
</svg>
<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">
<input type="search" placeholder="search..." value="" name="q" id="q" title="Search for:" />
<input type="submit" value="➡" />
</form>
</div>
</header>
{% block content %}
{% if post.event %}
{% set mftype = 'h-entry h-event' %}
{% else %}
{% set mftype = 'h-entry' %}
{% endif %}
<main>
<article class="{{ mftype }} hentry singular" lang="{{ post.lang }}" property="{{ mftype }}" itemscope="" itemprop="blogPost" itemtype="http://schema.org/BlogPosting" itemref="author">
<header>
<h1 class="entry-title p-name" itemprop="name headline" property="p-name">
{% if post.is_reply %}
<span>
<svg width="16" height="16">
<use xlink:href="#icon-reply" />
</svg>
<a href="{{ post.url }}" class="u-url">
RE:
</a>
<a href="{{ post.is_reply }}" class="u-in-reply-to" property="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 %}
<hr/>
<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>
<p>
By
<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">
<span itemprop="name">{{ author.name }}</span>
</a></span> at <time class="dt-published dtreviewed" property="dt-published" 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" property="p-summary" itemprop="reviewBody">{{ post.review.summary }}</p>
</div>
<hr/>
{% endif %}
{% if post.summary %}
<div class="e-summary entry-summary" property="e-summary" itemprop="description">
{{ post.html_summary }}
</div>
{% endif %}
<div class="e-content entry-content" property="e-content" itemprop="articleBody">
{{ post.html_content }}
</div>
<hr/>
<footer>
<dl>
{% 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 %}
<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>
</dd>
<dt>Author</dt>
<dd>
<p class="p-author h-card vcard" property="p-author h-card" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
<img class="photo avatar u-photo u-avatar"
property="p-author h-card"
src="{{ author.avatar }}"
alt="Photo of {{ author.name }}"
itemprop="image" />
<a class="fn p-name url u-url u-uid"
property="p-name u-url u-uid"
href="{{ author.url }}"
rel="author"
itemprop="url">
<span itemprop="name">{{ author.name }}</span>
</a>
&lt;<a class="u-email email" property="u-email" href="mailto:{{ author.email }}">
<span itemprop="email">{{ author.email }}</span>
</a>&gt;
</p>
</dd>
<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>
<dt>Classification</dt>
<dd>
<ul>
{% for c in post.classification %}
<li>{{ c }}</li>
{% endfor %}
</ul>
</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" property="u-licence" 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" property="u-licence" 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" property="u-licence" 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>
</dl>
<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>
</footer>
{% 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">
<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>
{% 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" property="h-entry p-comment">
<time class="dt-published" property="dt-published" datetime="{{ comment.pubtime }}">
{{ comment.pubdate }}
</time> from
<span class="p-author h-card" property="p-author h-card">
{% if comment.author.url %}
<a class="url u-url" property="u-url" href="{{ comment.author.url }}">
<span class="p-name fn" property="p-name">
{{ comment.author.name }}
</span>
</a>
{% else %}
<span class="p-name fn" property="p-name">
{{ 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" property="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" property="h-entry p-comment">
<span class="reaction">
<a class="u-url" property="u-url" href="{{ comment.source }}">
{{ comment.type }}
</a>
</span>
<time class="dt-published" property="dt-published" datetime="{{ comment.pubtime }}">
{{ comment.pubdate }}
</time> from
<span class="p-author h-card" property="p-author h-card">
{% if comment.author.url %}
<a class="url u-url" property="u-url" href="{{ comment.author.url }}">
<span class="p-name fn" property="p-name">
{{ comment.author.name }}
</span>
</a>
{% else %}
<span class="p-name fn" property="p-name">
{{ comment.author.name }}
</span>
{% endif %}
</span>
</li>
{% endfor %}
</ul>
</dd>
{% endfor %}
</dl>
</section>
{% endif %}
</article>
</main>
{% endblock %}
{% block pagination %}
{% endblock %}
<footer>
<div 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">
<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>
<!--
<a class="u-url" property="u-url" rel="me" href="{{ site.url }}/about.html">CV</a>
-->
<a class="u-email email" property="u-email" rel="me" href="mailto:{{ author.email }}"><span itemprop="email">{{ author.email }}</span></a>
</p>
<nav>
<ul>
{% 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">
<use xlink:href="#icon-{{ name }}"></use>
</svg>
{{ name }}
</a>
</li>
{% endfor %}
</ul>
</nav>
</div>
<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>
</footer>
<script>
{% include 'themeswitcher.js' %}
</script>
{% include 'symbols.svg' %}
{% block prism %}
{% endblock %}
</body>
</html>