stable 1.0 version

This commit is contained in:
Peter Molnar 2017-05-23 11:21:10 +01:00
parent 67cf61da27
commit 0bd85c4518
15 changed files with 1665 additions and 0 deletions

202
archive.html Normal file
View file

@ -0,0 +1,202 @@
{% include 'block_header_open.html' %}
{%- if taxonomy.name -%}
{%- set title = taxonomy.name ~ ' | ' ~ site.name -%}
{%- else -%}
{%- set title = site.name -%}
{%- endif -%}
{%- if ( taxonomy.paged > 1 ) -%}
{%- set turl = site.url ~ taxonomy.url ~ taxonomy.paged ~ '/' -%}
{%- else -%}
{%- set turl = site.url ~ taxonomy.url -%}
{%- endif -%}
<title>{{ title }}</title>
<link rel="alternate" type="application/rss+xml" title="{{ title }} RSS Feed" href="{{ site.url}}{{ taxonomy.url }}feed" />
<meta property="og:description" content="{{ taxonomy.description|default(title) }}" />
<meta property="og:locale" content="{{ site.lang }}" />
<meta property="og:site_name" content="{{ site.name }}" />
<meta property="og:title" content="{{ title }}" />
<meta property="og:type" content="website" />
<meta name="og:updated_time" content="{{ posts[0].published|date("c") }}" />
<meta property="og:url" content="{{ turl }}" />
<meta property="og:image" content="{{ site.url }}/theme/favicon.png"/>
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="{{ taxonomy.description|default(title) }}" />
{% if site.author.twitter %}<meta name="twitter:site" content="@{{ site.author.twitter }}" />{% endif %}
{% if site.author.twitter %}<meta name="twitter:creator" content="@{{ site.author.twitter }}" />{% endif %}
<meta name="twitter:title" content="{{ title }}" />
<meta name="twitter:image" content="{{ site.url }}/theme/favicon.png">
<meta name="DC.Format" content="text/html" />
<meta name="DC.Title" content="{{ title }}" />
<meta name="DC.Creator" content="{{ site.author.name }}" />
<meta name="DC.Description" content="{{ taxonomy.description|default(title) }}" />
<meta name="DC.Date" content="{{ posts[0].published|date("%Y-%m-%d") }}" />
<meta name="DC.Type" content="collection" />
<meta name="DC.Language" content="{{ site.lang }}" />
<meta name="DC.Source" content="{{ turl }}" />
<meta name="DC.Rights" content="Copyright {{ posts[0].published|date("%Y") }}, {{ site.author.name }} <{{ site.author.email }}>. All rights reserved.">
{% include 'block_header_close.html' %}
<section class="content-body h-feed">
<aside class="follow">
<a
onclick="(function(btn){var z=document.createElement('script');document.subtomeBtn=btn;z.src='https://www.subtome.com/load.js';document.body.appendChild(z);})(this)"
value="Subscribe"
data-subtome-resource="{{ site.url}}{{ taxonomy.url }}"
data-subtome-feeds="{{ site.url}}{{ taxonomy.url }}feed"
data-subtome-suggested-service-name="Blogtrottr"
data-subtome-suggested-service-url="http://blogtrottr.com/?subscribe={feed}"
href="https://www.subtome.com/?subs/#/subscribe?resource={{ site.url ~ taxonomy.url|urlencode() }}&feeds={{ site.url ~ taxonomy.url ~ 'feed'|urlencode() }}&suggestedUrl={{ 'http://blogtrottr.com/?subscribe={feed}'|urlencode() }}&suggestedName=Blogtrottr"
title="subscribe to {{ site.url}}{{ taxonomy.url }}">
<svg class="icon"><use xlink:href="#icon-subscribe" /></svg>
follow{% if taxonomy.name %} "{{ taxonomy.name }}"{% endif%}
</a>
</aside>
{% if taxonomy.name %}
<h1 class="p-name hide">{{ taxonomy.name }}</h1>
{% endif %}
{% if taxonomy.description %}
<p class="p-summary">{{ taxonomy.description }}</p>
{% endif %}
{% for post in posts %}
{% if ( ( post.category == 'photo' ) ) %}
{% set hentry = 'photo' %}
{% elif ( ( post.category == 'article' ) or (post.category == 'journal' ) ) %}
{% set hentry = 'article' %}
{% elif ( ( post.category == 'note' ) or ( post.category == 'reply' ) ) %}
{% set hentry = 'note' %}
{% else %}
{% set hentry = 'status' %}
{% endif %}
<article class="h-entry h-{{ hentry }}"{% if post and post.lang %} lang="{{ post.lang }}"{% endif %}>
<header>
{% if post.reactions %}
<h2 class="reaction">{% include 'block_reaction.html' %}</h2>
{% elif post.title|length %}
<h2>
<a href="{{ site.url }}/{{ post.slug }}" title="{{ post.title }}">
<span class="p-name">
{{ post.title }}
</span>
</a>
</h2>
{% endif %}
<aside class="pubdate{% if post.bookmark or post.repost %} hide{% endif %}">
<a class="u-url u-uuid" href="{{ site.url}}/{{ post.slug }}/"></a>
<a title="{{ post.title }}" href="{{ site.url }}/{{ post.slug }}">
<time class="dt-published" datetime="{{ post.published|date("c") }}">
{{ post.published|date("%Y-%m-%d %H:%M") }}
</time>
</a>
</aside>
</header>
{% if hentry == "article" %}
<div class="e-summary long">
{%if post.thumbnail %}
<img src="{{ post.thumbnail }}" alt="{{ post.title }}" class="alignleft" />
{% else %}
<svg class="icon large"><use xlink:href="#icon-{{ post.category }}" /></svg>
{% endif %} {{ post.summary }}
<span class="more">
<a href="{{ site.url }}/{{ post.slug }}" title="{{ post.title }}"></a>
</span>
<br class="clear" />
</div>
{% else %}
<div class="e-content">
{{ post.html }}
{% if ( post.exif ) %}
{% include 'block_exif.html' %}
{% endif %}
<br class="clear" />
</div>
{% endif %}
</article>
{% endfor %}
</section>
{% if taxonomy.total > 1 %}
{# based on: http://dev.dbl-a.com/symfony-2-0/symfony2-and-twig-pagination/ #}
<nav class="pagination">
<ul>
{% if taxonomy.paged > 1 %}
{% set prev = taxonomy.paged - 1 %}
<li>
<a href="{{ site.url}}{{ taxonomy.url }}page/{{ prev }}">«</a>
</li>
<li>
<a href="{{ site.url}}{{ taxonomy.url }}">1</a>
</li>
{% endif %}
{% if taxonomy.paged - 4 > 0 %}
<li>
<span class="page-numbers dots"></span>
</li>
{% endif %}
{% if ( taxonomy.paged - 1 > 1 ) %}
<li>
<a href="{{ site.url}}{{ taxonomy.url }}page/{{ taxonomy.paged - 1 }}">{{ taxonomy.paged - 1 }}</a>
</li>
{% endif %}
<li>
<span class="page-numbers taxonomy.paged">{{ taxonomy.paged }}</span>
</li>
{% if ( taxonomy.paged + 1 <= taxonomy.total -1 ) %}
<li>
<a href="{{ site.url}}{{ taxonomy.url }}page/{{ taxonomy.paged + 1 }}">{{ taxonomy.paged + 1 }}</a>
</li>
{% endif %}
{% if taxonomy.paged + 3 < taxonomy.total %}
<li>
<span class="page-numbers dots"></span>
</li>
{% endif %}
{% if taxonomy.paged != taxonomy.total %}
<li>
<a href="{{ site.url}}{{ taxonomy.url }}page/{{ taxonomy.total }}">{{ taxonomy.total }}</a>
</li>
{% endif %}
{% if taxonomy.paged < taxonomy.total %}
{% set next = taxonomy.paged + 1 %}
<li>
<a href="{{ site.url}}{{ taxonomy.url }}page/{{ next }}">»</a>
</li>
{% endif %}
</ul>
</nav>
{% endif %}
{% include 'block_footer.html' %}

49
block_exif.html Normal file
View file

@ -0,0 +1,49 @@
<aside class="exif">
<ul>
{% if post.exif.camera %}
<li>
<svg class="icon"><use xlink:href="#icon-camera" /></svg>
{{ post.exif.camera }}
</li>
{% endif %}
{% if post.exif.aperture %}
<li>
<svg class="icon"><use xlink:href="#icon-aperture" /></svg>
f/{{ post.exif.aperture }}
</li>
{% endif %}
{% if post.exif.shutter_speed %}
<li>
<svg class="icon"><use xlink:href="#icon-clock" /></svg>
{{ post.exif.shutter_speed }} sec
</li>
{% endif %}
{% if post.exif.focal_length %}
<li>
<svg class="icon"><use xlink:href="#icon-focallength" /></svg>
{{ post.exif.focal_length }}{% if not post.exif.focal_length|search( 'mm' ) %} mm{% endif %}
</li>
{% endif %}
{% if post.exif.iso %}
<li>
<svg class="icon"><use xlink:href="#icon-sensitivity" /></svg>
ISO {{ post.exif.iso }}
</li>
{% endif %}
{% if post.exif.lens %}
<li>
<svg class="icon"><use xlink:href="#icon-lens" /></svg>
{{ post.exif.lens }}
</li>
{% endif %}
{% if (post.exif.geo_latitude) and (post.exif.geo_longitude) %}
<li>
<svg class="icon"><use xlink:href="#icon-location" /></svg>
<a class="h-geo geo p-location" href="https://www.bing.com/maps?cp={{ post.exif.geo_latitude}}~{{ post.exif.geo_longitude }}&v=2&lvl=16&sty=a&sp=point.{{ post.exif.geo_latitude}}_{{ post.exif.geo_longitude }}_{{ site.url|urlencode() ~ '/' ~ post.slug|urlencode() }}">
<span class="p-latitude">{{ post.exif.geo_latitude }}</span>
<span class="p-longitude">{{ post.exif.geo_longitude }}</span>
</a>
</li>
{% endif %}
</ul>
</aside>

53
block_footer.html Normal file
View file

@ -0,0 +1,53 @@
<footer class="content-footer" id="main-footer">
<div class="limit">
<nav class="footer-contact p-author h-card vcard">
<img class="photo avatar u-photo u-avatar" src="{{ site.author.avatar }}" alt="Photo of {{ site.author.name }}" />
<dl>
<dt>name</dt>
<dd>
<a class="fn p-name url u-url u-uid" href="{{ site.author.url }}">{{ site.author.name }}</a>
</dd>
<dt>email</dt>
<dd>
<svg class="icon"><use xlink:href="#icon-email" /></svg>
<a rel="me" class="u-email email" href="mailto:{{ site.author.email }}">{{ site.author.email }}</a>
</dd>
<dt>GPG/PGP public key</dt>
<dd>
<svg class="icon"><use xlink:href="#icon-key" /></svg>
<a rel="me" class="u-gpg gpg" href="{{ site.url }}/pgp.asc"> {{ site.author.gpg }}</a>
</dd>
{% for silo, url in site.author.socials.items() %}
<dt>{{ silo }}</dt>
<dd>
<svg class="icon"><use xlink:href="#icon-{{ silo }}" /></svg>
<a rel="me" class="u-{{ silo }} url u-url" href="{{ url }}">{{ silo }}</a>
</dd>
{% endfor %}
<dt>copyright notes</dt>
<dd>
<a rel="license" href="{{ site.url }}/licence" title="Licence"><span class="icon">©</span> copyright notes</a>
</dd>
<dt>RSS feed</dt>
<dd>
<svg class="icon"><use xlink:href="#icon-rss" /></svg>
<a title="RSS feed" href="{{ site.rss_url }}">RSS</a>
</dd>
</dl>
</nav>
<aside class="footer-notes p-note">
<p>I'm dreamer, sysadmin, former embedded &amp; web developer. A Hungarian, living in the UK, wishing for United Europe, trying to generate less and less waste and fixing whatever is broken.
</p>
<p>I'm making and hosting my own site. It saw Geocities, and it was around before MySpace or Facebook. If you want your content to last, post it your own site - at least on your own site <em>as well</em>.
</p>
</aside>
<a href="/notforbot" title="This link is here to identify bad robots. Don't follow it. Don't click on it." rel="nofollow"></a>
</div>
</footer>
</body>
</html>

146
block_header_close.html Normal file
View file

@ -0,0 +1,146 @@
</head>
<body>
<svg class="hide" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol id="icon-gitlab" width="16" height="16" viewBox="0 0 16 16">
<path d="M0.929 6.304l7.071 9.063-7.75-5.625c-0.214-0.161-0.304-0.438-0.223-0.688l0.902-2.75zM5.054 6.304h5.893l-2.946 9.063zM3.286 0.839l1.768 5.464h-4.125l1.768-5.464c0.098-0.277 0.491-0.277 0.589 0zM15.071 6.304l0.902 2.75c0.080 0.25-0.009 0.527-0.223 0.688l-7.75 5.625 7.071-9.063zM15.071 6.304h-4.125l1.768-5.464c0.098-0.277 0.491-0.277 0.589 0z"></path>
</symbol>
<symbol id="icon-focallength" width="16" height="16" viewBox="0 0 16 16">
<path d="M16 8c0 0.152-0.063 0.295-0.17 0.402l-2.286 2.286c-0.107 0.107-0.25 0.17-0.402 0.17-0.313 0-0.571-0.259-0.571-0.571v-1.143h-9.143v1.143c0 0.313-0.259 0.571-0.571 0.571-0.152 0-0.295-0.063-0.402-0.17l-2.286-2.286c-0.107-0.107-0.17-0.25-0.17-0.402s0.063-0.295 0.17-0.402l2.286-2.286c0.107-0.107 0.25-0.17 0.402-0.17 0.313 0 0.571 0.259 0.571 0.571v1.143h9.143v-1.143c0-0.313 0.259-0.571 0.571-0.571 0.152 0 0.295 0.063 0.402 0.17l2.286 2.286c0.107 0.107 0.17 0.25 0.17 0.402z"></path>
</symbol>
<symbol id="icon-aperture" width="16" height="16" viewBox="0 0 16 16">
<path d="M10.586 6.99l2.845-4.832c-1.428-1.329-3.326-2.158-5.431-2.158-0.499 0-0.982 0.059-1.456 0.146l4.042 6.843zM9.976 10h5.74c0.166-0.643 0.284-1.305 0.284-2 0-1.937-0.715-3.688-1.861-5.072l-4.162 7.072zM8.25 5l-2.704-4.576c-2.25 0.73-4.069 2.399-4.952 4.576h7.656zM7.816 11l2.696 4.559c2.224-0.742 4.020-2.4 4.895-4.559h-7.59zM6.053 6h-5.769c-0.167 0.643-0.283 1.304-0.283 2 0 1.945 0.722 3.705 1.878 5.094l4.175-7.094zM5.459 8.98l-2.872 4.879c1.426 1.316 3.317 2.14 5.413 2.14 0.521 0 1.027-0.059 1.52-0.152l-4.061-6.867z"></path>
</symbol>
<symbol id="icon-home" width="16" height="16" viewBox="0 0 16 16">
<path d="M16 9.226l-8-6.21-8 6.21v-2.532l8-6.21 8 6.21zM14 9v6h-4v-4h-4v4h-4v-6l6-4.5z"></path>
</symbol>
<symbol id="icon-photo" width="18" height="16" viewBox="0 0 18 16">
<path d="M17 2h-1v-1c0-0.55-0.45-1-1-1h-14c-0.55 0-1 0.45-1 1v12c0 0.55 0.45 1 1 1h1v1c0 0.55 0.45 1 1 1h14c0.55 0 1-0.45 1-1v-12c0-0.55-0.45-1-1-1zM2 3v10h-0.998c-0.001-0.001-0.001-0.001-0.002-0.002v-11.996c0.001-0.001 0.001-0.001 0.002-0.002h13.996c0.001 0.001 0.001 0.001 0.002 0.002v0.998h-12c-0.55 0-1 0.45-1 1v0zM17 14.998c-0.001 0.001-0.001 0.001-0.002 0.002h-13.996c-0.001-0.001-0.001-0.001-0.002-0.002v-11.996c0.001-0.001 0.001-0.001 0.002-0.002h13.996c0.001 0.001 0.001 0.001 0.002 0.002v11.996z"></path>
<path d="M15 5.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5 0.672-1.5 1.5-1.5 1.5 0.672 1.5 1.5z"></path>
<path d="M16 14h-12v-2l3.5-6 4 5h1l3.5-3z"></path>
</symbol>
<symbol id="icon-camera" width="16" height="16" viewBox="0 0 16 16">
<path d="M4.75 9.5c0 1.795 1.455 3.25 3.25 3.25s3.25-1.455 3.25-3.25-1.455-3.25-3.25-3.25-3.25 1.455-3.25 3.25zM15 4h-3.5c-0.25-1-0.5-2-1.5-2h-4c-1 0-1.25 1-1.5 2h-3.5c-0.55 0-1 0.45-1 1v9c0 0.55 0.45 1 1 1h14c0.55 0 1-0.45 1-1v-9c0-0.55-0.45-1-1-1zM8 13.938c-2.451 0-4.438-1.987-4.438-4.438s1.987-4.438 4.438-4.438c2.451 0 4.438 1.987 4.438 4.438s-1.987 4.438-4.438 4.438zM15 7h-2v-1h2v1z"></path>
</symbol>
<symbol id="icon-journal" width="16" height="16" viewBox="0 0 16 16">
<path d="M13.5 0h-12c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h12c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM13 14h-11v-12h11v12zM4 7h7v1h-7zM4 9h7v1h-7zM4 11h7v1h-7zM4 5h7v1h-7z"></path>
</symbol>
<symbol id="icon-contact" width="16" height="16" viewBox="0 0 16 16">
<path d="M13.5 0h-12c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h12c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM13 14h-11v-12h11v12zM4 9h7v1h-7zM4 11h7v1h-7zM5 4.5c0-0.828 0.672-1.5 1.5-1.5s1.5 0.672 1.5 1.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5zM7.5 6h-2c-0.825 0-1.5 0.45-1.5 1v1h5v-1c0-0.55-0.675-1-1.5-1z"></path>
</symbol>
<symbol id="icon-note" width="16" height="16" viewBox="0 0 16 16">
<path d="M14.341 3.579c-0.347-0.473-0.831-1.027-1.362-1.558s-1.085-1.015-1.558-1.362c-0.806-0.591-1.197-0.659-1.421-0.659h-7.75c-0.689 0-1.25 0.561-1.25 1.25v13.5c0 0.689 0.561 1.25 1.25 1.25h11.5c0.689 0 1.25-0.561 1.25-1.25v-9.75c0-0.224-0.068-0.615-0.659-1.421zM12.271 2.729c0.48 0.48 0.856 0.912 1.134 1.271h-2.406v-2.405c0.359 0.278 0.792 0.654 1.271 1.134zM14 14.75c0 0.136-0.114 0.25-0.25 0.25h-11.5c-0.135 0-0.25-0.114-0.25-0.25v-13.5c0-0.135 0.115-0.25 0.25-0.25 0 0 7.749-0 7.75 0v3.5c0 0.276 0.224 0.5 0.5 0.5h3.5v9.75z"></path>
<path d="M11.5 13h-7c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h7c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z"></path>
<path d="M11.5 11h-7c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h7c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z"></path>
<path d="M11.5 9h-7c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h7c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z"></path>
</symbol>
<symbol id="icon-location" width="16" height="16" viewBox="0 0 16 16">
<path d="M8 0c-2.761 0-5 2.239-5 5 0 5 5 11 5 11s5-6 5-11c0-2.761-2.239-5-5-5zM8 8c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z"></path>
</symbol>
<symbol id="icon-clock" width="16" height="16" viewBox="0 0 16 16">
<path d="M10.293 11.707l-3.293-3.293v-4.414h2v3.586l2.707 2.707zM8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM8 14c-3.314 0-6-2.686-6-6s2.686-6 6-6c3.314 0 6 2.686 6 6s-2.686 6-6 6z"></path>
</symbol>
<symbol id="icon-reply" width="16" height="16" viewBox="0 0 16 16">
<path d="M7 12.119v3.881l-6-6 6-6v3.966c6.98 0.164 6.681-4.747 4.904-7.966 4.386 4.741 3.455 12.337-4.904 12.119z"></path>
</symbol>
<symbol id="icon-key" width="16" height="16" viewBox="0 0 16 16">
<path d="M11 0c-2.761 0-5 2.239-5 5 0 0.313 0.029 0.619 0.084 0.916l-6.084 6.084v3c0 0.552 0.448 1 1 1h1v-1h2v-2h2v-2h2l1.298-1.298c0.531 0.192 1.105 0.298 1.702 0.298 2.761 0 5-2.239 5-5s-2.239-5-5-5zM12.498 5.002c-0.828 0-1.5-0.672-1.5-1.5s0.672-1.5 1.5-1.5 1.5 0.672 1.5 1.5-0.672 1.5-1.5 1.5z"></path>
</symbol>
<symbol id="icon-link" width="16" height="16" viewBox="0 0 16 16">
<path d="M6.879 9.934c-0.208 0-0.416-0.079-0.575-0.238-1.486-1.486-1.486-3.905 0-5.392l3-3c0.72-0.72 1.678-1.117 2.696-1.117s1.976 0.397 2.696 1.117c1.486 1.487 1.486 3.905 0 5.392l-1.371 1.371c-0.317 0.317-0.832 0.317-1.149 0s-0.317-0.832 0-1.149l1.371-1.371c0.853-0.853 0.853-2.241 0-3.094-0.413-0.413-0.963-0.641-1.547-0.641s-1.134 0.228-1.547 0.641l-3 3c-0.853 0.853-0.853 2.241 0 3.094 0.317 0.317 0.317 0.832 0 1.149-0.159 0.159-0.367 0.238-0.575 0.238z"></path>
<path d="M4 15.813c-1.018 0-1.976-0.397-2.696-1.117-1.486-1.486-1.486-3.905 0-5.392l1.371-1.371c0.317-0.317 0.832-0.317 1.149 0s0.317 0.832 0 1.149l-1.371 1.371c-0.853 0.853-0.853 2.241 0 3.094 0.413 0.413 0.962 0.641 1.547 0.641s1.134-0.228 1.547-0.641l3-3c0.853-0.853 0.853-2.241 0-3.094-0.317-0.317-0.317-0.832 0-1.149s0.832-0.317 1.149 0c1.486 1.486 1.486 3.905 0 5.392l-3 3c-0.72 0.72-1.678 1.117-2.696 1.117z"></path>
</symbol>
<symbol id="icon-subscribe" width="16" height="16" viewBox="0 0 16 16">
<path d="M8 3c-3.489 0-6.514 2.032-8 5 1.486 2.968 4.511 5 8 5s6.514-2.032 8-5c-1.486-2.968-4.511-5-8-5zM11.945 5.652c0.94 0.6 1.737 1.403 2.335 2.348-0.598 0.946-1.395 1.749-2.335 2.348-1.181 0.753-2.545 1.152-3.944 1.152s-2.763-0.398-3.945-1.152c-0.94-0.6-1.737-1.403-2.335-2.348 0.598-0.946 1.395-1.749 2.335-2.348 0.061-0.039 0.123-0.077 0.185-0.114-0.156 0.427-0.241 0.888-0.241 1.369 0 2.209 1.791 4 4 4s4-1.791 4-4c0-0.481-0.085-0.942-0.241-1.369 0.062 0.037 0.124 0.075 0.185 0.114v0zM8 6.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5 0.672-1.5 1.5-1.5 1.5 0.672 1.5 1.5z"></path>
</symbol>
<symbol id="icon-bookmark" width="16" height="16" viewBox="0 0 16 16">
<path d="M4 2v14l5-5 5 5v-14zM12 0h-10v14l1-1v-12h9z"></path>
</symbol>
<symbol id="icon-sensitivity" width="16" height="16" viewBox="0 0 16 16">
<path d="M8 4c-2.209 0-4 1.791-4 4s1.791 4 4 4 4-1.791 4-4-1.791-4-4-4zM8 10.5v-5c1.379 0 2.5 1.122 2.5 2.5s-1.121 2.5-2.5 2.5zM8 13c0.552 0 1 0.448 1 1v1c0 0.552-0.448 1-1 1s-1-0.448-1-1v-1c0-0.552 0.448-1 1-1zM8 3c-0.552 0-1-0.448-1-1v-1c0-0.552 0.448-1 1-1s1 0.448 1 1v1c0 0.552-0.448 1-1 1zM15 7c0.552 0 1 0.448 1 1s-0.448 1-1 1h-1c-0.552 0-1-0.448-1-1s0.448-1 1-1h1zM3 8c0 0.552-0.448 1-1 1h-1c-0.552 0-1-0.448-1-1s0.448-1 1-1h1c0.552 0 1 0.448 1 1zM12.95 11.536l0.707 0.707c0.39 0.39 0.39 1.024 0 1.414s-1.024 0.39-1.414 0l-0.707-0.707c-0.39-0.39-0.39-1.024 0-1.414s1.024-0.39 1.414 0zM3.050 4.464l-0.707-0.707c-0.391-0.391-0.391-1.024 0-1.414s1.024-0.391 1.414 0l0.707 0.707c0.391 0.391 0.391 1.024 0 1.414s-1.024 0.391-1.414 0zM12.95 4.464c-0.39 0.391-1.024 0.391-1.414 0s-0.39-1.024 0-1.414l0.707-0.707c0.39-0.391 1.024-0.391 1.414 0s0.39 1.024 0 1.414l-0.707 0.707zM3.050 11.536c0.39-0.39 1.024-0.39 1.414 0s0.391 1.024 0 1.414l-0.707 0.707c-0.391 0.39-1.024 0.39-1.414 0s-0.391-1.024 0-1.414l0.707-0.707z"></path>
</symbol>
<symbol id="icon-repost" width="16" height="16" viewBox="0 0 16 16">
<path d="M2 5h10v3l4-4-4-4v3h-12v6h2zM14 11h-10v-3l-4 4 4 4v-3h12v-6h-2z"></path>
</symbol>
<symbol id="icon-lens" width="16" height="16" viewBox="0 0 16 16">
<path d="M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM8 14c-3.314 0-6-2.686-6-6s2.686-6 6-6c3.314 0 6 2.686 6 6s-2.686 6-6 6zM5 8c0-1.657 1.343-3 3-3s3 1.343 3 3c0 1.657-1.343 3-3 3s-3-1.343-3-3z"></path>
</symbol>
<symbol id="icon-article" width="16" height="16" viewBox="0 0 16 16">
<path d="M0 1v14h16v-14h-16zM15 14h-14v-12h14v12zM14 3h-12v10h12v-10zM7 8h-1v1h-1v1h-1v-1h1v-1h1v-1h-1v-1h-1v-1h1v1h1v1h1v1zM11 10h-3v-1h3v1z"></path>
</symbol>
<symbol id="icon-email" width="16" height="16" viewBox="0 0 16 16">
<path d="M13.333 0h-10.666c-1.467 0-2.667 1.2-2.667 2.667v10.666c0 1.467 1.2 2.667 2.667 2.667h10.666c1.468 0 2.667-1.2 2.667-2.667v-10.666c0-1.467-1.199-2.667-2.667-2.667zM4 4h8c0.143 0 0.281 0.031 0.409 0.088l-4.409 5.143-4.409-5.143c0.127-0.058 0.266-0.088 0.409-0.088zM3 11v-6c0-0.021 0.001-0.042 0.002-0.063l2.932 3.421-2.9 2.9c-0.023-0.083-0.034-0.17-0.034-0.258zM12 12h-8c-0.088 0-0.175-0.012-0.258-0.034l2.846-2.846 1.413 1.648 1.413-1.648 2.846 2.846c-0.083 0.023-0.17 0.034-0.258 0.034zM13 11c0 0.088-0.012 0.175-0.034 0.258l-2.9-2.9 2.932-3.421c0.001 0.021 0.002 0.042 0.002 0.063v6z"></path>
</symbol>
<symbol id="icon-telegram" width="16" height="16" viewBox="0 0 16 16">
<path d="M8 0c-4.419 0-8 3.581-8 8s3.581 8 8 8 8-3.581 8-8-3.581-8-8-8zM11.931 5.484l-1.313 6.184c-0.091 0.441-0.356 0.544-0.725 0.341l-2-1.478-0.959 0.934c-0.112 0.109-0.2 0.2-0.4 0.2-0.259 0-0.216-0.097-0.303-0.344l-0.681-2.237-1.978-0.616c-0.428-0.131-0.431-0.425 0.097-0.634l7.706-2.975c0.35-0.159 0.691 0.084 0.556 0.625z"></path>
</symbol>
<symbol id="icon-rss" width="16" height="16" viewBox="0 0 16 16">
<path d="M14.5 0h-13c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h13c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM4.359 12.988c-0.75 0-1.359-0.603-1.359-1.353 0-0.744 0.609-1.356 1.359-1.356 0.753 0 1.359 0.613 1.359 1.356 0 0.75-0.609 1.353-1.359 1.353zM7.772 13c0-1.278-0.497-2.481-1.397-3.381-0.903-0.903-2.1-1.4-3.375-1.4v-1.956c3.713 0 6.738 3.022 6.738 6.737h-1.966zM11.244 13c0-4.547-3.697-8.25-8.241-8.25v-1.956c5.625 0 10.203 4.581 10.203 10.206h-1.963z"></path>
</symbol>
<symbol id="icon-flickr" width="16" height="16" viewBox="0 0 16 16">
<path d="M14.5 0h-13c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h13c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM4.5 10.5c-1.381 0-2.5-1.119-2.5-2.5s1.119-2.5 2.5-2.5 2.5 1.119 2.5 2.5-1.119 2.5-2.5 2.5zM11.5 10.5c-1.381 0-2.5-1.119-2.5-2.5s1.119-2.5 2.5-2.5c1.381 0 2.5 1.119 2.5 2.5s-1.119 2.5-2.5 2.5z"></path>
</symbol>
<symbol id="icon-github" width="16" height="16" viewBox="0 0 16 16">
<path d="M8 0.198c-4.418 0-8 3.582-8 8 0 3.535 2.292 6.533 5.471 7.591 0.4 0.074 0.547-0.174 0.547-0.385 0-0.191-0.008-0.821-0.011-1.489-2.226 0.484-2.695-0.944-2.695-0.944-0.364-0.925-0.888-1.171-0.888-1.171-0.726-0.497 0.055-0.486 0.055-0.486 0.803 0.056 1.226 0.824 1.226 0.824 0.714 1.223 1.872 0.869 2.328 0.665 0.072-0.517 0.279-0.87 0.508-1.070-1.777-0.202-3.645-0.888-3.645-3.954 0-0.873 0.313-1.587 0.824-2.147-0.083-0.202-0.357-1.015 0.077-2.117 0 0 0.672-0.215 2.201 0.82 0.638-0.177 1.322-0.266 2.002-0.269 0.68 0.003 1.365 0.092 2.004 0.269 1.527-1.035 2.198-0.82 2.198-0.82 0.435 1.102 0.162 1.916 0.079 2.117 0.513 0.56 0.823 1.274 0.823 2.147 0 3.073-1.872 3.749-3.653 3.947 0.287 0.248 0.543 0.735 0.543 1.481 0 1.070-0.009 1.932-0.009 2.195 0 0.213 0.144 0.462 0.55 0.384 3.177-1.059 5.466-4.057 5.466-7.59 0-4.418-3.582-8-8-8z"></path>
</symbol>
</svg>
<header class="content-header" id="main-header">
<nav class="content-navigation">
<ul>
<li>
<a title="home" href="{{ site.url }}/" class="{% if ( not post or post.url == '' ) and ( taxonomy.taxonomy == '' ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-home" /></svg>
home
</a>
</li>
<li>
<a title="photos" href="{{ site.url }}/category/photo/" class="{% if (post and post.category == 'photo' ) or ( taxonomy.name|lower == 'photo' ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-photo" /></svg>
photos
</a>
</li>
<li>
<a title="journal" href="{{ site.url }}/category/journal/" class="{% if ( post and post.category == 'journal' ) or ( post and 'journal' in post.tags ) or ( taxonomy.name|lower == 'journal' ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-journal" /></svg>
journal
</a>
</li>
<li>
<a title="IT" href="{{ site.url }}/category/article/" class="{% if ( post and post.category == 'article' ) or ( post and 'IT' in post.tags ) or ( ( taxonomy.name|lower == 'article' ) or ( taxonomy.name|lower == 'it' ) ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-article" /></svg>
IT
</a>
</li>
<li>
<a title="notes" href="{{ site.url }}/category/note/" class="{% if ( post and 'Note' in post.tags ) or ( taxonomy.name|lower == 'note' ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-note" /></svg>
notes
</a>
</li>
{#
<li>
<a title="replies" href="{{ site.url }}/category/reply/" class="{% if ( post and 'Reply' in post.tags ) or ( taxonomy.name|lower == 'reply' ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-reply" /></svg>
re:
</a>
</li>
#}
<li>
<a title="bookmarks" href="{{ site.url }}/category/bookmark/" class="{% if ( post and post.category == 'bookmark' ) or ( post and 'Bookmark' in post.tags ) or ( taxonomy.name|lower == 'bookmark' ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-bookmark" /></svg>
bookmarks
</a>
</li>
</ul>
</nav>
<form role="search" method="get" class="search-form" action="/search">
<label for="search" class="hide">Search</label>
<input type="search" class="search-field" placeholder="search..." value="" name="s" id="s" title="Search for:">
<input type="submit" class="search-submit" value="Go ➡">
</form>
<br class="clear" />
</header>

17
block_header_open.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html{% if post and post.lang %} lang="{{ post.lang }}"{% elif taxonomy and taxonomy.lang %} lang="{{ taxonomy.lang }}"{% endif %}>
<head>
<meta charset="{{ site.charset }}" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1" />
<link rel="self" href="{{ site.url }}/" />
<link rel="shortcut icon" href="{{ site.url }}/theme/favicon.png" />
<link rel="apple-touch-icon" href="{{ site.url }}/theme/favicon.png" />
<link rel="icon" href="{{ site.url }}/theme/favicon.png" />
<style media="all">
{% include 'style.css' %}
</style>
<link rel="http://webmention.org/" href="{{ site.url }}/webmention" />
<link rel="webmention" href="{{ site.url }}/webmention" />
<link rel="micropub" href="{{ site.url }}/micropub" />
<link rel="authorization_endpoint" href="https://indieauth.com/auth" />
<link rel="token_endpoint" href="https://tokens.indieauth.com/token" />

38
block_reaction.html Normal file
View file

@ -0,0 +1,38 @@
{% if post.reactions.bookmark %}
{% for reaction in post.reactions.bookmark %}
{% if post.title|length %}
<span class="p-name">{{ post.title }}</span><br />
<svg class="icon"><use xlink:href="#icon-bookmark" /></svg>
<a href="{{ reaction }}" class="u-bookmark-of" title="Bookmarked URL: {{ reaction }}">{{ reaction }}</a>
{% else %}
<span class="p-name">
<svg class="icon"><use xlink:href="#icon-bookmark" /></svg>
<a href="{{ reaction }}" class="{{ class }}">{{ reaction }}</a>
</span>
{% endif %}
{% endfor %}
{% endif %}
{% if post.reactions.reply %}
{% for reaction in post.reactions.reply %}
<span class="p-name">
<svg class="icon"><use xlink:href="#icon-reply" /></svg>
<a href="{{ reaction }}" class="u-in-reply-to" title="Reply to: {{ reaction }}">{{ reaction }}</a>
</span>
{% endfor %}
{% endif %}
{% if post.reactions.repost %}
{% for reaction in post.reactions.repost %}
{% if post.title|length %}
<span class="p-name">{{ post.title }}</span><br />
<svg class="icon"><use xlink:href="#icon-repost" /></svg>
<a href="{{ reaction }}" class="u-repost-of" title="Repost of: {{ reaction }}">{{ reaction }}</a>
{% else %}
<svg class="icon"><use xlink:href="#icon-repost" /></svg>
<span class="p-name">
<a href="{{ reaction }}" class="u-repost-of" title="Repost of: {{ reaction }}">{{ reaction }}</a>
</span>
{% endif %}
{% endfor %}
{% endif %}

8
block_syndicate.html Normal file
View file

@ -0,0 +1,8 @@
<aside class="syndicate hide">
{% for s, c in post.syndicate.items() %}
<a href="https://brid.gy/publish/{{ s }}"></a>
{% if c %}
<p class="p-bridgy-{{ s }}-content">{{ c }}</p>
{% endif %}
{% endfor %}
</aside>

19
gallery.html Normal file
View file

@ -0,0 +1,19 @@
{% include 'block_header_open.html' %}
{%- if taxonomy.name -%}
{%- set title = taxonomy.name ~ ' | ' ~ site.name -%}
{%- else -%}
{%- set title = site.name -%}
{%- endif -%}
<title>{{ title }}</title>
{% include 'block_header_close.html' %}
<section class="content-body h-feed">
<div id="justified-gallery">
{% for post in posts %}
{{ post.srcset }}
{% endfor %}
</section>
{% include 'block_footer.html' %}

15
localcopy.html Normal file
View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="{{ post.lang }}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1" />
<title>{{ post.title }}</title>
<link rel="self" href="{{ post.realurl }}/" />
<link rel="origin" href="{{ post.url }}/" />
<meta name="summary" content="{{ post.excerpt }}" />
<meta name="byline" content="{{ post.byline }}" />
</head>
<body>
{{ post.html }}
</body>
</html>

32
page.html Normal file
View file

@ -0,0 +1,32 @@
{% include 'block_header_open.html' %}
{% if post.title %}
<title>{{ post.title }} | {{ site.domain }}</title>
{% else %}
<title>{{ post.name }} | {{ site.domain }}</title>
{% endif %}
{% include 'block_header_close.html' %}
<section class="content-body">
<article class="h-entry singular">
<header>
<div class="content-inner hide">
<h1>
<a class="u-url" href="/{{ post.slug }}" rel="bookmark" title="{{ post.title }}">
<span class="p-name">{{ post.title }}</span>
</a>
</h1>
</div>
</header>
<div class="e-content">
<div class="content-inner">
{{ post.html }}
<br class="clear" />
</div>
</div>
</article>
</section>
{% include 'block_footer.html' %}

8
redirect.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="0; url={{ url }}" />
</head>
<body>
</body>
</html>

47
rss.html Normal file
View file

@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
{%- if taxonomy.name -%}
{%- set title = taxonomy.name ~ ' | ' ~ site.name -%}
{%- else -%}
{%- set title = site.name -%}
{%- endif -%}
<channel>
<title>{{ title }}</title>
<atom:link href="{{ site.url}}{{ taxonomy.url }}feed" rel="self" type="application/rss+xml" />
<link>{{ site.url}}{{ taxonomy.url }}feed</link>
<description>{{ description }}</description>
<language>{{ site.lang }}</language>
<sy:updatePeriod>daily</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
{% for post in posts %}
<item>
<title>{% if post.title %}{{ post.title }}{% endif%}</title>
<link>{{ site.url }}/{{ post.slug }}</link>
<pubDate>{{ post.published|date("%a, %d %b %Y %T %z") }}</pubDate>
<dc:creator><![CDATA[{{ post.author.name }}]]></dc:creator>
<guid isPermaLink="true">{{ site.url }}/{{ post.slug }}</guid>
<description><![CDATA[{{ post.summary }}]]></description>
<content:encoded><![CDATA[{{ post.html }}]]></content:encoded>
<language>{{ post.lang }}</language>
{% if post.tags %}
{% for tname in post.tags %}
<category domain="{{ site.url }}/tag/{{ tname|slugify }}"><![CDATA[{{ tname }}]]></category>
{% endfor %}
{% endif %}
{% if post.rssenclosure %}
<enclosure url="{{ post.rssenclosure.url }}" type="{{ post.rssenclosure.mime }}" length="{{ post.rssenclosure.size }}" />
{% endif %}
</item>
{% endfor %}
</channel>
</rss>

42
searchresults.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1" />
<title>Search results for "{{ term }}"</title>
</head>
<body>
<section class="content-body">
<h1 class="p-name hide">Search results for "{{ term }}"</h1>
{% if posts|length %}
{% for post in posts %}
<article class="searchresult">
<header>
<h2>
<a href="{{ post.url }}">
<span class="p-name">
{% if post.title|length %}
{{ post.title }}
{% else %}
{{ post.url }}
{% endif %}
</span>
</a>
</h2>
<h3>{{ post.url }}</h3>
</header>
<div class="highlight">… {{ post.highlight }} …</div>
{% if post.img %}
<p>{{ post.img }}</p>
{% endif %}
</article>
{% endfor %}
{% else %}
<h2>No results for search term "{{ term }}"</h2>
{% endif %}
</section>
</body>
</html>

144
singular.html Normal file
View file

@ -0,0 +1,144 @@
{%- if post.exif -%}
{%- set dctype = "Image" -%}
{%- else -%}
{%- set dctype = "Text" -%}
{%- endif -%}
{% include 'block_header_open.html' %}
{% if post.title %}
<title>{{ post.title }} | {{ site.domain }}</title>
{% else %}
<title>{{ post.name }} | {{ site.domain }}</title>
{% endif %}
<link rel="canonical" href="{{ site.url }}/{{ post.slug }}" />
<link rel="shortlink" href="{{ site.url }}/{{ post.shortslug }}" />
<meta name="author" content="{{ post.author.name }}">
<meta name="keywords" content="{{ post.tags|join(',') }}">
<meta name="description" content="{{ post.excerpt|default(post.title) }}">
<meta property="og:description" content="{{ post.excerpt|striptags }}" />
<meta property="og:locale" content="{{ post.lang|default(site.lang) }}" />
<meta property="og:site_name" content="{{ site.name }}" />
<meta property="og:title" content="{{ post.title }}" />
<meta property="og:type" content="blog" />
{% if post.modified %}<meta name="og:updated_time" content="{{ post.modified|date("c") }}" />{%endif%}
<meta property="og:url" content="{{ site.url }}/{{ post.shortslug }}" />
<meta name="DC.Format" content="text/html" />
<meta name="DC.Title" content="{{ post.title }}">
<meta name="DC.Creator" content="{{ post.author.name }}">
<meta name="DC.Description" content="{{ post.excerpt|default(post.title) }}">
<meta name="DC.Date" content="{{ post.published|date("%Y-%m-%d") }}">
<meta name="DC.Type" content="{{ dctype }}">
<meta name="DC.Identifier" content="{{ site.url }}/{{ post.slug }}">
<meta name="DC.Source" content="{{ site.url }}/{{ post.slug }}">
<meta name="DC.Language" content="{{ post.lang|default(site.lang) }}">
<meta name="DC.Rights" content="Copyright {{ post.published|date("%Y") }}, {{ post.author.name }} <{{ post.author.email }}>. All rights reserved.">
{% include 'block_header_close.html' %}
<section class="content-body">
<article class="h-entry singular"{% if post and post.lang %} lang="{{ post.lang }}"{% endif %}>
<header>
{% if post.reactions %}
<h1 class="reaction">{% include 'block_reaction.html' %}</h1>
{% elif post.title|length %}
<h1>
<a href="{{ site.url }}/{{ post.slug }}" title="{{ post.title }}">
<span class="p-name">{{ post.title }}</span>
</a>
</h1>
{% endif %}
{% if 'IT' in post.tags %}
{% if post.updated %}
{% set py = post.updated|date('%Y')|int %}
{% else %}
{% set py = post.published|date('%Y')|int %}
{% endif %}
{% if( "now"|date('%Y')|int - py ) >= 2 %}
<h2 class="old-warning">WARNING: this entry was published in {{ post.published|date('%Y') }}.<br />It might be outdated.</h2>
{% endif %}
{%endif%}
</header>
{% if post.summary %}
<div class="e-summary">
{{ post.summary }}
<br class="clear" />
</div>
{% endif %}
<div class="e-content">
<div class="content-inner">
{{ post.html }}
{% if ( post.exif ) %}
{% include 'block_exif.html' %}
{% endif %}
{% if ( post.syndicate ) %}
{% include 'block_syndicate.html' %}
{% endif %}
</div>
</div>
<footer>
<aside class="pubdate">
<h6 class="pubdate-title">Published</h6>
<p>
<a class="u-url u-uuid" href="{{ site.url}}/{{ post.slug }}/"></a>
<a title="{{ post.title }}" href="{{ site.url }}/{{ post.slug }}">
<time class="dt-published"
datetime="{{ post.published|date("c") }}">
{{ post.published|date("%Y-%m-%d %H:%M") }}
</time>
</a>
</p>
{% if post.updated %}
<h6 class="update-title">Last updated</h6>
<p>
<time class="dt-updated"
datetime="{{ post.updated|date("c") }}">
{{ post.updated|date("%Y-%m-%d %H:%M") }}
</time>
</p>
{% endif %}
</aside>
{% if post.tags %}
<aside class="tags">
<h6 class="tags-title">Tags</h6>
<ul>
{% for tname in post.tags %}<li>
<a href="/tag/{{ tname|slugify }}" class="p-category">{{ tname }}</a>
</li>{% endfor %}
</ul>
</aside>
{% endif %}
<h6 class="shortlink-title">Short URL</h6>
<aside class="shortlink">
<p>
<a href="{{ site.url }}/{{ post.shortslug }}">{{ site.url }}/{{ post.shortslug }}</a>
</p>
</aside>
</footer>
</article>
<aside class="content-note">
<hr />
<p>Want to leave a comment or get in touch? Reply with your own blog using
<a href="http://indiewebcamp.com/webmention">Webmentions</a> or send an
<a href="mailto:{{ post.author.email }}?subject=RE: {{ post.title }}"
>email</a>.
</p>
</aside>
</section>
{% include 'block_footer.html' %}

845
style.css Normal file
View file

@ -0,0 +1,845 @@
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
/*! margin: 0; */
/*! padding: 0; */
}
html, body {
min-height: 100%;
font-size:19px;
line-height: 1.4em;
font-family:"Liberation Sans", "Helvetica Neue", "Roboto", sans-serif;
font-weight: normal;
color: #333336;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
margin:0;
padding:0;
background-color: #fafafa;
}
html {
position: relative;
}
a {
color: #333;
border-bottom: 1px solid #999;
text-decoration:none;
}
a:hover {
color: #000;
border-bottom: 1px solid #000;
}
b, strong {
font-weight:bold;
}
em {
font-style: italic;
}
p {
padding: 0.6rem 0;
}
ul, ol {
margin: 0.3rem 0;
padding-left:2rem;
}
ul li p,
ol li p {
margin: 0.6rem 0;
padding: 0;
line-height: 1.1rem;
}
blockquote, q {
quotes: none;
margin: 1em 0 1em 1em;
padding-left: 1em;
font-style: italic;
border-left: 2px solid #333;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.footnotes hr {
border:0;
margin-bottom:2rem;
}
.footnotes hr:before {
content: "References";
color: #333336;
}
h1,
h2,
h3,
h4,
h5,
h6,
dt,
.footnotes hr:before {
font-weight:bold;
clear:both;
margin: 0.6rem 0;
font-size: 1rem;
line-height: 1.1rem;
}
.footnoteRef,
.footnoteRef:hover {
border: 0;
white-space: nowrap;
}
.footnoteRef sup {
vertical-align: baseline;
position: relative;
top: -0.3rem;
font-size: 0.8rem;
color: #33c;
margin: 0 0.1rem 0 0;
/*
letter-spacing: -0.08rem;
left: -0.1rem;
*/
}
.footnoteRef sup:before,
.footnoteRef sup:after {
color: #33c;
}
.footnoteRef sup:before {
content: "[";
}
.footnoteRef sup:after {
content: "]";
}
.footnoteRef sup:hover,
.footnoteRef sup:hover:after,
.footnoteRef sup:hover:before {
text-shadow: 1px 0 0 #33c;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #999;
margin: 0.6rem 0;
clear:both;
}
pre {
font-family: "Inconsolata", monospace;
font-size: 0.9rem;
margin: 0.3rem 0;
padding: 0.3rem;
overflow: auto;
}
svg {
transform: rotate(0.01deg);
}
.icon {
width: 19px;
height: 19px;
display: inline-block;
fill: currentColor;
vertical-align:middle;
overflow: visible;
}
code.sourceCode span.kw { font-weight: bold; }
code.sourceCode span.dt { color: #800000; }
code.sourceCode span.dv { color: #0000FF; }
code.sourceCode span.bn { color: #0000FF; }
code.sourceCode span.fl { color: #800080; }
code.sourceCode span.ch { color: #FF00FF; }
code.sourceCode span.st { color: #DD0000; }
code.sourceCode span.co { color: #808080; font-style: italic; }
code.sourceCode span.ot { }
code.sourceCode span.al { color: green; font-weight: bold; }
code.sourceCode span.fu { color: #000080; }
code.sourceCode span.re { }
code.sourceCode span.er { color: red; font-weight: bold; }
code,
pre {
font-family: "Inconsolata", monospace;
font-size: 0.9rem;
}
pre.sourceCode {
margin-top: -0.3rem;
overflow: auto;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
code.sourceCode {
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
-moz-tab-size: 2;
-o-tab-size: 2;
tab-size: 2;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
.tags {
}
.tags ul {
list-style-type: none;
padding: 0.6rem 0;
}
.tags ul li {
display: inline-block;
}
.tags ul li:after {
content: ",";
margin: 0 0.3rem 0 -0.2rem;
}
.tags ul li:last-child:after {
content: "";
display:none;
}
/*
.tags ul li:before {
content: "#";
margin: 0 -0.2rem 0 0;
}
*/
.shortlink svg {
width: 5rem;
height: 5rem;
display:block;
margin: 0 0 0.6rem 0;
}
.footnotes ol li a {
display: inline-block;
max-width: 80%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: top;
margin-bottom: 0.3rem;
}
.footnotes ol li a[href^="#"] {
margin: 0 0 0 0.6rem;
max-width: 20%;
font-size: 0.6rem;
}
.footnotes ol li a[href^="#"]:after {
content: "back to text";
margin: 0 0 0 0.1rem;
color: #666;
}
.footnotes ol li a[href^="#"]:hover:after {
color: #000;
}
.hide {
display: none;
visibility: hidden;
}
.content-header,
.content-footer {
background-color: #333336;
color: #bbb;
}
.content-header a,
.content-footer a {
color: #cccccc;
text-decoration: none;
border: none;
}
.content-header a:hover,
.content-footer a:hover {
color: #fefefe;
border: none;
}
.content-navigation,
.search-form {
display:block;
}
input {
vertical-align:middle;
border: none;
border-bottom: 3px solid #aaa;
background-color: transparent;
color: #ccc;
padding: 0.2rem;
height: 1.6rem;
width: 6rem;
}
input[type=submit] {
width: 2.2rem;
cursor: pointer;
}
input:focus,
input[type=submit]:hover {
border-bottom: 3px solid #fff;
color: #fff;
}
.search-form {
display: block;
padding: 0.3rem 0.1rem;
text-align: center;
}
.content-navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align:center;
}
.content-navigation ul li {
padding: 0.3rem 0;
display: inline-block;
text-align: center;
}
.content-navigation ul li a {
display:block;
padding:0.2rem;
font-weight: bold;
border-bottom: 0.2rem solid transparent;
text-align: center;
font-size: 0.7rem;
}
.content-navigation ul li a svg {
display:block;
margin: auto;
}
.content-navigation ul li a.active {
border-bottom: 0.2rem solid #cccccc;
}
.content-navigation ul li a:hover {
border-bottom: 0.2rem solid #fefefe;
}
@media all and (min-width: 50rem) {
.content-navigation ul li a {
font-size: 0.9rem;
}
.content-navigation ul li a svg {
display:inline-block;
}
.search-form,
.content-navigation {
display:inline-block;
}
.search-form {
float:right;
margin: 0.1rem;
}
}
.more {
display:block;
padding:0.3rem 0 0 0;
font-weight:bold;
}
.more a:before {
content:'Continue \00BB';
}
.follow {
cursor:pointer;
display:block;
text-align:right;
margin: 0.6rem 0;
font-size: 0.8rem;
}
.follow a {
border-bottom: 3px solid #aaa;
padding: 0.3rem;
}
.follow a:hover {
border-bottom-color: #333;
}
.limit,
.content-body {
max-width: 72ch;
margin: 1rem auto;
}
.h-entry {
font-size: 0.86rem;
padding: 0.6rem;
margin: 0 0 1rem 0;
}
.h-entry header h1 {
font-size: 1.3rem;
line-height: 1.3rem;
margin: 0;
}
.h-entry header h1 a {
border: none;
}
.h-entry header h2 {
font-size: 0.96rem;
margin: 0;
}
.h-entry header aside {
font-size: 0.76rem;
display: inline-block;
margin: 0;
}
.h-entry header h2 a,
.h-entry header aside a {
border-color: transparent;
}
.h-entry header h2 a:hover,
.h-entry header aside a:hover {
border-color: #999;
}
.h-entry header aside p {
margin: 0;
padding: 0;
}
.h-entry .author .avatar {
display:none;
visibility: hidden;
}
.h-entry .reaction a {
display:inline-block;
vertical-align: middle;
max-width: 80%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: normal;
border-color: #ccc;
font-size: 0.9rem;
margin: 0.3rem 0;
}
.h-entry .e-summary {
margin: 0.6rem 0.6rem 0 0.6rem;
}
.h-entry .e-summary img {
width: 5.4rem;
height: 5.4rem;
margin: 0 1rem 0 0;
float: left;
display: block;
}
.h-entry .e-summary p {
display:inline;
}
.h-entry .e-content {
margin: 0.6rem 0.6rem 0 0.6rem;
}
.h-entry .e-content h2 {
padding: 0.3rem 0;
border-bottom: 2px solid #989898;
}
.h-entry .e-content h3 {
display: inline-block;
padding: 0.3rem 0 0 0;
border-bottom: 1px solid #989898;
}
.h-entry footer,
.footnotes {
font-size: 0.8rem;
}
.h-entry footer a,
.footnotes a {
border-color: #ddd;
}
.h-entry footer a:hover,
.footnotes a:hover {
border-color: #000;
}
.footnotes ol li p {
line-height: 1.3rem;
padding: 0;
margin: 0;
}
.h-entry footer h6,
.h-entry .footnotes hr:before {
font-size: 0.8rem;
margin: 1rem 0 0 0;
}
.content-note {
font-size: 0.8rem;
}
.adaptimg {
display: block;
max-height: 98vh;
max-width: 100%;
width:auto;
height:auto;
margin: 0.6rem auto;
padding: 0;
outline: 1px solid #333;
}
.w25,
.w33 {
display: inline-block;
height: auto;
}
.w33 {
width: 32%;
}
.w25 {
width: 24%;
}
/*
transition-duration: 0.2s;
transition-property: outline-offset;
}
.adaptimg:hover, .adaptimg:focus {
outline-offset: 0.3rem;
}
*/
.photo .caption {
display:block;
font-style: italic;
margin-bottom: 2em;
}
.exif {
font-size: 0.7rem;
text-align:center;
}
.exif ul {
list-style-type: none;
}
.exif ul li {
display: inline-block;
margin: 0 0.3rem;
}
.exif ul li i {
margin-right: 0.3rem;
}
.pagination ul {
text-align:center;
display: block;
list-style-type: none;
font-size: 1.2rem;
line-height: 1.4rem;
}
.pagination ul li {
display:inline-block;
}
.pagination ul li a,
.pagination ul li span {
padding: 0.3rem 0.6rem;
}
.pagination ul li a {
border-bottom: 3px solid #aaa;
}
.pagination ul li a:hover {
border-bottom-color: #333336;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.content-footer {
margin-top: 2rem;
line-height: 1.3rem;
overflow: hidden;
}
.footer-contact,
.footer-notes {
display: block;
padding: 1rem;
font-size: 0.9rem;
}
.footer-contact dl,
.footer-contact img {
display: inline-block;
vertical-align: top;
width: 80%;
}
.footer-contact img {
width: 18%;
}
.footer-contact .p-name {
font-size: 1.1rem;
font-variant: small-caps;
}
.footer-contact dl dt {
display:none;
visibility: hidden;
}
.footer-contact dl dd {
padding: 0 1rem 0.3rem 0;
margin: 0 1rem 0.3rem 0.3rem;
border-bottom: 1px solid #666;
}
.footer-contact dl dd:first-of-type {
border-bottom: none;
}
@media all and (min-width: 50rem) {
.footer-contact,
.footer-notes {
display: inline-block;
max-width: 48%;
padding: 1rem;
vertical-align: top;
}
}
.searchresult {
margin: 0 0 2rem 0;
}
.searchresult h3 {
font-weight: normal;
font-family: mono, monospace;
font-size: 0.7rem;
margin: 0;
}
.searchresult h3:before {
content: "\2937";
}
.searchresult .highlight {
font-size: 0.9rem;
}
@media print {
html, body {
font-size:10pt !important;
text-shadow:unset !important;
}
@page {
margin: 0.5in;
orphans: 4;
widows: 3;
}
.limit,
.content-body {
max-width: 100% !important;
margin: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid;
}
p,
li,
pre,
figure,
blockquote,
aside,
.footnotes {
page-break-inside: avoid !important;
}
.e-content {
-webkit-columns: 2 20rem;
-moz-columns: 2 20rem;
columns: 2 20rem;
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.e-content .photo {
display:block;
page-break-inside: avoid !important;
}
.e-content .adaptive {
display:block;
max-width: 100%;
max-height: 45vh;
text-align:center;
border:none;
text-decoration:none;
padding:0;
margin: 1rem auto 1rem auto;
page-break-inside: avoid !important;
}
.e-content .adaptive img {
page-break-inside: avoid !important;
max-width: 100%;
max-height:45vh;
}
.e-content .adaptive .caption {
font-style: italic;
display:block;
margin-bottom: 2em
}
.content-note,
.content-header,
.content-footer,
video,
audio {
display:none;
visibility: hidden;
}
.footnotes ol li a {
display: block;
overflow: visible;
white-space: normal;
}
.footnotes ol li a[href^="#"],
.footnotes ol li a[href^="#"]:after {
display:none;
visibility: hidden;
}
}