stable 1.0 version
Peter Molnar hello@petermolnar.net
Tue, 23 May 2017 11:21:10 +0100
15 files changed,
1665 insertions(+),
0 deletions(-)
A
archive.html
@@ -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' %}
A
block_exif.html
@@ -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>
A
block_header_close.html
@@ -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>
A
block_header_open.html
@@ -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" />
A
block_reaction.html
@@ -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 %}
A
block_syndicate.html
@@ -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>
A
gallery.html
@@ -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' %}
A
localcopy.html
@@ -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>
A
page.html
@@ -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' %}
A
redirect.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html> +<html> +<head> + <meta http-equiv="refresh" content="0; url={{ url }}" /> +</head> +<body> +</body> +</html>
A
rss.html
@@ -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>
A
searchresults.html
@@ -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>
A
singular.html
@@ -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' %}
A
style.css
@@ -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; + } + +}