petermolnar/nasg
1
0
Fork 0
Code Issues Pull requests 5 Projects Releases Packages Wiki Activity Actions

updated to blue links, added qr codes at the bottom, new photo section

Browse source
This commit is contained in:
Peter Molnar 2017-07-26 10:34:58 +00:00
parent c5bb7d87a5
commit e9899b3e33
10 changed files with 240 additions and 185 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
archive.html
View file

@ -1,15 +1,17 @@
{% include 'block_header_open.html' %} {% include 'block_header_open.html' %}
{%- if taxonomy.name -%} {%- if taxonomy.name -%}
{%- set title = taxonomy.name ~ ' | ' ~ site.name -%} {%- set title = taxonomy.name ~ ' | ' ~ site.domain -%}
{%- else -%} {%- else -%}
{%- set title = site.name -%} {%- set title = site.title -%}
{%- endif -%} {%- endif -%}
{%- if ( taxonomy.paged > 1 ) -%} {%- if ( taxonomy.paged > 1 ) -%}
{%- set turl = site.url ~ taxonomy.url ~ taxonomy.paged ~ '/' -%} {%- set turl = site.url ~ taxonomy.url ~ taxonomy.paged ~ '/' -%}
{%- else -%} {%- else -%}
{%- set turl = site.url ~ taxonomy.url -%} {%- set turl = site.url ~ taxonomy.url -%}
{%- endif -%} {%- endif -%}
<title>{{ title }}</title> <title>{{ title }}</title>
<link rel="alternate" type="application/rss+xml" title="{{ title }} RSS Feed" href="{{ site.url}}{{ taxonomy.url }}feed" /> <link rel="alternate" type="application/rss+xml" title="{{ title }} RSS Feed" href="{{ site.url}}{{ taxonomy.url }}feed" />
@ -20,14 +22,14 @@
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta name="og:updated_time" content="{{ posts[0].published|date("c") }}" /> <meta name="og:updated_time" content="{{ posts[0].published|date("c") }}" />
<meta property="og:url" content="{{ turl }}" /> <meta property="og:url" content="{{ turl }}" />
<meta property="og:image" content="{{ site.url }}/theme/favicon.png"/> <meta property="og:image" content="{{ site.url }}/favicon.png"/>
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="{{ taxonomy.description|default(title) }}" /> <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:site" content="@{{ site.author.twitter }}" />{% endif %}
{% if site.author.twitter %}<meta name="twitter:creator" 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:title" content="{{ title }}" />
<meta name="twitter:image" content="{{ site.url }}/theme/favicon.png"> <meta name="twitter:image" content="{{ site.url }}/favicon.png">
<meta name="DC.Format" content="text/html" /> <meta name="DC.Format" content="text/html" />
<meta name="DC.Title" content="{{ title }}" /> <meta name="DC.Title" content="{{ title }}" />
@ -79,15 +81,15 @@
{% set hentry = 'status' %} {% set hentry = 'status' %}
{% endif %} {% endif %}
<article class="h-entry h-{{ hentry }}"{% if post and post.lang %} lang="{{ post.lang }}"{% endif %}> <article class="h-entry hentry h-{{ hentry }}"{% if post and post.lang %} lang="{{ post.lang }}"{% endif %}>
<header> <header>
{% if post.reactions %} {% if post.reactions %}
<h2 class="reaction">{% include 'block_reaction.html' %}</h2> {% include 'block_reaction.html' %}
{% elif post.title|length %} {% elif post.title|length %}
<h2> <h2>
<a href="{{ site.url }}/{{ post.slug }}" title="{{ post.title }}"> <a href="{{ site.url }}/{{ post.slug }}" title="{{ post.title }}">
<span class="p-name"> <span class="p-name entry-title">
{{ post.title }} {{ post.title }}
</span> </span>
</a> </a>
@ -106,13 +108,7 @@
</header> </header>
{% if hentry == "article" %} {% if hentry == "article" %}
<div class="e-summary long"> <div class="e-summary entry-summary">
<!--
{%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.sumhtml }} {{ post.sumhtml }}
<span class="more"> <span class="more">
<a href="{{ site.url }}/{{ post.slug }}" title="{{ post.title }}"></a> <a href="{{ site.url }}/{{ post.slug }}" title="{{ post.title }}"></a>
@ -120,15 +116,13 @@
<br class="clear" /> <br class="clear" />
</div> </div>
{% else %} {% else %}
<div class="e-content"> <div class="e-content entry-content">
{% if ( post.photo ) %}
{% include 'block_photo.html' %}
{% endif %}
{{ post.html }} {{ post.html }}
{% if ( post.exif ) %}
{% include 'block_exif.html' %}
{% endif %}
<br class="clear" />
</div> </div>
{% endif %} {% endif %}

14
block_comments.html
View file

@ -6,7 +6,7 @@
<li class="h-entry p-comment"> <li class="h-entry p-comment">
<a class="u-url u-uuid" href="{{ site.url }}/{{ site.commentspath }}/{{ reply.fname }}/" name="{{ reply.fname }}"></a> <a class="u-url u-uuid" href="{{ site.url }}/{{ site.commentspath }}/{{ reply.fname }}/" name="{{ reply.fname }}"></a>
<header> <header>
<div class="p-author h-card"> <p class="p-author h-card">
{% if reply.author.url %} {% if reply.author.url %}
<a class="url u-url" href="{{ reply.author.url }}"> <a class="url u-url" href="{{ reply.author.url }}">
<span class="p-name fn">{{ reply.author.name }}</span> <span class="p-name fn">{{ reply.author.name }}</span>
@ -14,19 +14,19 @@
{% else %} {% else %}
<span class="p-name fn">{{ reply.author.name }}</span> <span class="p-name fn">{{ reply.author.name }}</span>
{% endif %} {% endif %}
</div> </p>
<p>
<time class="dt-published" datetime="{{ reply.published|date('c') }}"> <time class="dt-published" datetime="{{ reply.published|date('c') }}">
{{ reply.published|date('%Y-%m-%d %H:%M') }} {{ reply.published|date('%Y-%m-%d %H:%M') }}
</time> </time>
{% if reply.source|length > 0 %}
<a href="{{ reply.source }}" class="u-repost-of">{{ reply.source }}</a>
{% endif %}
</p>
</header> </header>
<div class="e-content"> <div class="e-content">
{{ reply.html }} {{ reply.html }}
</div> </div>
<footer>
{% if reply.source|length > 0 %}
<a href="{{ reply.source }}" class="u-repost-of">{{ reply.source }}</a>
{% endif %}
</footer
</li> </li>
{% endfor %} {% endfor %}
</ol> </ol>

10
block_footer.html
View file

@ -42,7 +42,15 @@
</dd> </dd>
</dl> </dl>
</nav> </nav>
<aside class="footer-notes p-note">{{ site.author.note }}</aside> <aside class="footer-notes p-note">
{{ site.author.note }}
{% for title, vcard in site.author.qr.items() %}
<figure>
<img src="{{ vcard }}" alt="{{ title }}" />
<figcaption>{{ title }}</figcaption>
</figure>
{% endfor %}
</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> <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> </div>
</footer> </footer>

20
block_header_close.html
View file

@ -1,3 +1,6 @@
<style media="all">
{% include 'style.css' %}
</style>
</head> </head>
<body> <body>
@ -13,39 +16,39 @@
</a> </a>
</li> </li>
<li> <li>
<a title="photos" href="{{ site.url }}/category/photo/" class="{% if (post and post.category == 'photo' ) or ( taxonomy.name|lower == 'photo' ) %} active{% endif %}"> <a title="photos" href="{{ site.url }}/category/photo/" class="{% if (post and post.category == 'photo' ) or ( taxonomy.slug == 'photo' ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-photo" /></svg> <svg class="icon"><use xlink:href="#icon-photo" /></svg>
photos photos
</a> </a>
</li> </li>
<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 %}"> <a title="journal" href="{{ site.url }}/category/journal/" class="{% if ( post and post.category == 'journal' ) or ( post and 'journal' in post.tags ) or ( taxonomy.slug == 'journal' ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-journal" /></svg> <svg class="icon"><use xlink:href="#icon-journal" /></svg>
journal journal
</a> </a>
</li> </li>
<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 %}"> <a title="IT" href="{{ site.url }}/category/article/" class="{% if ( post and post.category == 'article' ) or ( post and 'IT' in post.tags ) or ( ( taxonomy.slug == 'article' ) or ( taxonomy.slug == 'it' ) ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-article" /></svg> <svg class="icon"><use xlink:href="#icon-article" /></svg>
IT IT
</a> </a>
</li> </li>
<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 %}"> <a title="notes" href="{{ site.url }}/category/note/" class="{% if ( post and 'Note' in post.tags ) or ( taxonomy.slug == 'note' ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-note" /></svg> <svg class="icon"><use xlink:href="#icon-note" /></svg>
notes notes
</a> </a>
</li> </li>
{# {#
<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 %}"> <a title="replies" href="{{ site.url }}/category/reply/" class="{% if ( post and 'Reply' in post.tags ) or ( taxonomy.slug == 'reply' ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-reply" /></svg> <svg class="icon"><use xlink:href="#icon-reply" /></svg>
re: re:
</a> </a>
</li> </li>
#} #}
<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 %}"> <a title="bookmarks" href="{{ site.url }}/category/bookmark/" class="{% if ( post and post.category == 'bookmark' ) or ( post and 'Bookmark' in post.tags ) or ( taxonomy.slug == 'bookmark' ) %} active{% endif %}">
<svg class="icon"><use xlink:href="#icon-bookmark" /></svg> <svg class="icon"><use xlink:href="#icon-bookmark" /></svg>
bookmarks bookmarks
</a> </a>
@ -55,8 +58,9 @@
<form role="search" method="get" class="search-form" action="/search"> <form role="search" method="get" class="search-form" action="/search">
<label for="search" class="hide">Search</label> <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="search" class="search-field" placeholder="search..." value="" name="s" id="s" title="Search for:" />
<input type="submit" class="search-submit" value="Go ➡"> <input type="submit" class="search-submit" value="Go ➡" />
<input type="hidden" class="hide" value="{{ taxonomy.slug }}" name="c" id="c" />
</form> </form>
<br class="clear" /> <br class="clear" />

7
block_header_open.html
View file

@ -4,12 +4,9 @@
<meta charset="{{ site.charset }}" /> <meta charset="{{ site.charset }}" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1" />
<link rel="self" href="{{ site.url }}/" /> <link rel="self" href="{{ site.url }}/" />
<link rel="shortcut icon" href="{{ site.url }}/theme/favicon.png" /> <link rel="shortcut icon" href="{{ site.url }}/theme/favicon.ico" />
<link rel="apple-touch-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" /> <link rel="icon" href="{{ site.url }}/theme/favicon.ico" />
<style media="all">
{% include 'style.css' %}
</style>
<link rel="http://webmention.org/" href="{{ site.url }}/webmention" /> <link rel="http://webmention.org/" href="{{ site.url }}/webmention" />
<link rel="webmention" href="{{ site.url }}/webmention" /> <link rel="webmention" href="{{ site.url }}/webmention" />
<link rel="micropub" href="{{ site.url }}/micropub" /> <link rel="micropub" href="{{ site.url }}/micropub" />

54
block_photo.html Normal file
View file

@ -0,0 +1,54 @@
<section class="photo">
<p>
<a href="{{ post.photo.target }}" class="{{ post.photo.cl }}">
<img src="{{ post.photo.fallback }}" title="{{ post.photo.title }}" alt="{{ post.photo.alt }}" class="adaptimg" />
</a>
</p>
<aside class="exif">
<dl>
{% if post.exif.camera %}
<dt>Camera</dt>
<dd>
<svg class="icon"><use xlink:href="#icon-camera" /></svg>
{{ post.exif.camera }}
</dd>
{% endif %}
{% if post.exif.aperture %}
<dt>Aperture</dt>
<dd>
<svg class="icon"><use xlink:href="#icon-aperture" /></svg>
f/{{ post.exif.aperture }}
</dd>
{% endif %}
{% if post.exif.shutter_speed %}
<dt>Shutter speed</dt>
<dd>
<svg class="icon"><use xlink:href="#icon-clock" /></svg>
{{ post.exif.shutter_speed }} sec
</dd>
{% endif %}
{% if post.exif.focal_length %}
<dt>Focal length (as set)</dt>
<dd>
<svg class="icon"><use xlink:href="#icon-focallength" /></svg>
{{ post.exif.focal_length }}{% if not post.exif.focal_length|search( 'mm' ) %} mm{% endif %}
</dd>
{% endif %}
{% if post.exif.iso %}
<dt>Sensitivity</dt>
<dd>
<svg class="icon"><use xlink:href="#icon-sensitivity" /></svg>
ISO {{ post.exif.iso }}
</dd>
{% endif %}
{% if post.exif.lens %}
<dt>Lens</dt>
<dd>
<svg class="icon"><use xlink:href="#icon-lens" /></svg>
{{ post.exif.lens }}
</dd>
{% endif %}
</dl>
</aside>
</section>

24
block_reaction.html
View file

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

44
singular.html
View file

@ -8,7 +8,7 @@
{% if post.title %} {% if post.title %}
<title>{{ post.title }} | {{ site.domain }}</title> <title>{{ post.title }} | {{ site.domain }}</title>
{% else %} {% else %}
<title>{{ post.name }} | {{ site.domain }}</title> <title>{{ post.slug }} | {{ site.domain }}</title>
{% endif %} {% endif %}
<link rel="canonical" href="{{ site.url }}/{{ post.slug }}/" /> <link rel="canonical" href="{{ site.url }}/{{ post.slug }}/" />
@ -40,18 +40,18 @@
{% include 'block_header_close.html' %} {% include 'block_header_close.html' %}
<section class="content-body"> <section class="content-body">
<article class="h-entry singular"{% if post and post.lang %} lang="{{ post.lang }}"{% endif %}> <article class="h-entry hentry singular"{% if post and post.lang %} lang="{{ post.lang }}"{% endif %}>
<header> <header>
<p class="hide"><a class="u-url u-uuid" rel="bookmark" href="{{ site.url}}/{{ post.slug }}/"></a></p>
{% if post.reactions %} {% if post.reactions %}
<h1 class="reaction">{% include 'block_reaction.html' %}</h1> <h1 class="reaction">{% include 'block_reaction.html' %}</h1>
{% elif post.title|length %} {% elif post.title|length %}
<h1> <h1>
<a href="{{ site.url }}/{{ post.slug }}/" title="{{ post.title }}"> <a href="{{ site.url }}/{{ post.slug }}/" title="{{ post.title }}">
<span class="p-name">{{ post.title }}</span> <span class="entry-title p-name">{{ post.title }}</span>
</a> </a>
</h1> </h1>
{% endif %} {% endif %}
{% if 'IT' in post.tags %} {% if 'IT' in post.tags %}
{% if post.updated %} {% if post.updated %}
{% set py = post.updated|date('%Y')|int %} {% set py = post.updated|date('%Y')|int %}
@ -66,20 +66,21 @@
</header> </header>
{% if post.summary %} {% if post.summary %}
<div class="e-summary"> <div class="e-summary entry-summary">
{{ post.sumhtml }} {{ post.sumhtml }}
<br class="clear" /> <br class="clear" />
</div> </div>
{% endif %} {% endif %}
<div class="e-content"> <div class="e-content entry-content">
<div class="content-inner"> <div class="content-inner">
{{ post.html }}
{% if ( post.exif ) %} {% if ( post.photo ) %}
{% include 'block_exif.html' %} {% include 'block_photo.html' %}
{% endif %} {% endif %}
{{ post.html }}
{% if ( post.syndicate ) %} {% if ( post.syndicate ) %}
{% include 'block_syndicate.html' %} {% include 'block_syndicate.html' %}
{% endif %} {% endif %}
@ -87,12 +88,11 @@
</div> </div>
</div> </div>
{% if ( post.comments ) %}
{% include 'block_comments.html' %}
{% endif %}
<footer> <footer>
<a class="u-url u-uuid" href="{{ site.url}}/{{ post.slug }}/"></a>
<p class="shorturl">
<a href="{{ site.url }}/{{ post.shortslug }}">{{ site.url }}/{{ post.shortslug }}</a>
</p>
<p class="published"> <p class="published">
<time class="dt-published" <time class="dt-published"
datetime="{{ post.published|date("c") }}"> datetime="{{ post.published|date("c") }}">
@ -103,24 +103,22 @@
<p class="updated"> <p class="updated">
<time class="dt-updated" <time class="dt-updated"
datetime="{{ post.updated|date("c") }}"> datetime="{{ post.updated|date("c") }}">
{{ post.updated|date("%Y-%m-%d %H:%M") }} (updated: {{ post.updated|date("%Y-%m-%d %H:%M") }})
</time> </time>
</p> </p>
{% endif %} {% endif %}
{% if post.tags %} {% if post.tags %}
<ul class="tags"> <p class="tags">
{% for tname in post.tags %} {% for tname in post.tags %}
<li> #<a href="{{ site.url }}/tag/{{ tname|slugify }}" rel="tag" class="p-category">{{ tname }}</a>
<a href="{{ site.url }}/tag/{{ tname|slugify }}" class="p-category">{{ tname }}</a>
</li>
{% endfor %} {% endfor %}
</ul> </p>
{% endif %} {% endif %}
</footer> <p class="shorturl">
<a href="{{ site.url }}/{{ post.shortslug }}">{{ site.url }}/{{ post.shortslug }}</a>
</p>
{% if ( post.comments ) %} </footer>
{% include 'block_comments.html' %}
{% endif %}
</article> </article>

192
style.css
View file

@ -1,3 +1,4 @@
* { * {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
@ -33,7 +34,7 @@ html, body {
min-height: 100%; min-height: 100%;
font-size:19px; font-size:19px;
line-height: 1.2rem; line-height: 1.2rem;
font-family:"Liberation Sans", "Helvetica Neue", "Roboto", sans-serif; font-family: "Liberation Sans", "Helvetica Neue", "Roboto", "Arial", sans-serif;
font-weight: normal; font-weight: normal;
color: #333336; color: #333336;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
@ -46,13 +47,11 @@ html {
a { a {
color: #333; color: #333;
border-bottom: 1px solid #999;
text-decoration:none; text-decoration:none;
} }
a:hover { a:hover {
color: #000; color: #000;
border-bottom-color: #000;
} }
b, strong { b, strong {
@ -80,11 +79,12 @@ li p {
padding: 0; padding: 0;
} }
blockquote, q { blockquote {
margin: 0.3rem; margin: 0.3rem;
padding-left: 0.6rem; padding-left: 0.6rem;
font-style: italic; font-style: italic;
border-left: 2px solid #999; border-left: 2px solid #999;
color: #666;
} }
table { table {
@ -97,7 +97,7 @@ hr {
height: 1px; height: 1px;
border: none; border: none;
border-top: 1px solid #999; border-top: 1px solid #999;
margin: 0.3rem 0 1rem 0; margin: 1.3rem 0 1rem 0;
clear:both; clear:both;
} }
@ -109,85 +109,96 @@ hr {
.h-entry { .h-entry {
padding: 0 0.6rem; padding: 0 0.6rem;
font-size: 0.9rem; font-size: 0.86rem;
} }
h1, h2, h3, h4, h5, h6, h1, h2, h3, h4, h5, h6, dt {
dt {
font-weight:bold; font-weight:bold;
clear:both; clear:both;
margin: 1rem 0; font-size: 1rem;
font-size: 1.1rem; }
h1, h2, h3, h4, h5, h6 {
margin: 1.3rem 0 0.3rem 0;
padding: 0 0 0.3rem 0;
} }
h1 { h1 {
font-size: 1.3rem; font-size: 1.2rem;
margin: 0; margin-top: 0;
}
h1 a,
h2 a {
border: none;
} }
h2 { h2 {
font-size: 1.1rem;
border-bottom: 2px solid #999; border-bottom: 2px solid #999;
} }
h3 {
font-size: 1rem;
}
.h-feed .h-entry h2 { .h-feed .h-entry h2 {
border: none; border: none;
margin:0 0 0.3rem 0; font-size: 1rem;
margin: 0;
padding: 0;
} }
.h-feed .h-entry { .h-feed .h-entry {
margin: 2rem 0 0 0; margin: 2rem 0 0 0;
} }
.h-entry.singular .e-summary { .h-entry footer {
margin-top: 1rem; opacity: 0.8;
} }
h3 { .published, .updated {
border-bottom: 1px dotted #999; display: inline;
} }
aside p { .shorturl,
padding:0; .tags {
padding: 0.3rem 0;
} }
svg { .e-content a {
transform: rotate(0.01deg); color:#115394;
}
.e-content a:hover {
color:#004283;
} }
.icon { .icon {
transform: rotate(0.01deg);
width: 19px; width: 19px;
height: 19px; height: 19px;
display: inline-block; display: inline;
fill: currentColor; fill: currentColor;
vertical-align:middle; vertical-align:middle;
overflow: visible; overflow: visible;
} }
code.sourceCode span.al { color: white; } code.sourceCode span.al { color: black; }
code.sourceCode span.at { color: white; } code.sourceCode span.at { color: black; }
code.sourceCode span.bn { color: white; } code.sourceCode span.bn { color: black; }
code.sourceCode span.bu { color: white; } code.sourceCode span.bu { color: black; }
code.sourceCode span.cf { color: white; } code.sourceCode span.cf { color: black; }
code.sourceCode span.ch { color: white; } code.sourceCode span.ch { color: black; }
code.sourceCode span.co { color: darkgray; } code.sourceCode span.co { color: darkgray; }
code.sourceCode span.dt { color: white; } code.sourceCode span.dt { color: black; }
code.sourceCode span.dv { color: white; } code.sourceCode span.dv { color: black; }
code.sourceCode span.er { color: white; } code.sourceCode span.er { color: black; }
code.sourceCode span.ex { color: darkorange; } code.sourceCode span.ex { color: darkorange; }
code.sourceCode span.fl { color: white; } code.sourceCode span.fl { color: black; }
code.sourceCode span.fu { color: darkorange; } code.sourceCode span.fu { color: darkorange; }
code.sourceCode span.im { color: white; } code.sourceCode span.im { color: black; }
code.sourceCode span.kw { color: darkcyan; } code.sourceCode span.kw { color: darkcyan; }
code.sourceCode span.op { color: white; } code.sourceCode span.op { color: black; }
code.sourceCode span.ot { color: white; } code.sourceCode span.ot { color: black; }
code.sourceCode span.pp { color: white; } code.sourceCode span.pp { color: black; }
code.sourceCode span.sc { color: white; } code.sourceCode span.sc { color: black; }
code.sourceCode span.ss { color: white; } code.sourceCode span.ss { color: black; }
code.sourceCode span.st { color: magenta; } code.sourceCode span.st { color: magenta; }
code.sourceCode span.va { color: darkturquoise; } code.sourceCode span.va { color: darkturquoise; }
@ -195,8 +206,7 @@ code,
pre { pre {
font-family: "Inconsolata", monospace; font-family: "Inconsolata", monospace;
font-size: 0.8rem; font-size: 0.8rem;
background-color: #222; color: darkslategrey;
color: lightgreen;
direction: ltr; direction: ltr;
text-align: left; text-align: left;
white-space: pre; white-space: pre;
@ -204,6 +214,8 @@ pre {
word-break: normal; word-break: normal;
tab-size: 2; tab-size: 2;
hyphens: none; hyphens: none;
border: 1px solid #ccc;
background-color: whitesmoke;
} }
pre { pre {
@ -215,7 +227,7 @@ pre {
code { code {
display: inline-block; display: inline-block;
padding: 0 0.3rem; padding: 0 0.3rem;
line-height: 1.2rem; line-height: 1.1rem;
} }
pre code { pre code {
@ -228,37 +240,21 @@ pre code {
margin: 2rem 0; margin: 2rem 0;
} }
.tags {
list-style-type: none;
}
.tags,
.tags li {
display: inline-block;
}
.tags li {
margin:0 0.3rem 0 0;
}
.tags li:before {
content: '#';
color: #999;
}
.footnoteRef, .footnoteRef,
.footnoteRef:hover { .footnoteRef:hover {
border: 0; border: 0;
white-space: nowrap; white-space: nowrap;
} }
.footnoteRef a {
border: none;
}
.footnoteRef sup { .footnoteRef sup {
vertical-align: baseline; vertical-align: baseline;
position: relative; position: relative;
top: -0.3rem; top: -0.3rem;
font-size: 0.8rem; font-size: 0.8rem;
color: #33c;
margin-right: 0.1rem; margin-right: 0.1rem;
} }
@ -267,26 +263,8 @@ pre code {
color: #33c; 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;
}
.footnotes ol {
font-size: 0.8rem;
}
.footnotes ol li { .footnotes ol li {
margin-bottom: 0.6rem; margin-bottom: 0.3rem;
} }
.comments ol .u-repost-of, .comments ol .u-repost-of,
@ -296,14 +274,9 @@ pre code {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
vertical-align: top; vertical-align: top;
border-bottom: 1px solid #ccc;
}
.footnotes ol li a {
max-width: 80%; max-width: 80%;
} }
.footnotes ol li a[href^="#"] { .footnotes ol li a[href^="#"] {
margin: 0 0 0 0.6rem; margin: 0 0 0 0.6rem;
max-width: 20%; max-width: 20%;
@ -384,6 +357,15 @@ pre code {
border-bottom: none; border-bottom: none;
} }
.footer-notes figure {
display: inline-block;
margin-right: 1rem;
}
.footer-notes figure img {
width:7rem;
}
input { input {
vertical-align:middle; vertical-align:middle;
border: none; border: none;
@ -429,7 +411,7 @@ input[type=submit]:hover {
.content-navigation ul li a { .content-navigation ul li a {
display:block; display:block;
padding:0.2rem; padding:0 0.2rem;
font-weight: bold; font-weight: bold;
border-bottom: 3px solid transparent; border-bottom: 3px solid transparent;
text-align: center; text-align: center;
@ -537,12 +519,8 @@ input[type=submit]:hover {
} }
time { time {
font-family: "Inconsolata", monospace;
font-size: 0.8rem; font-size: 0.8rem;
} }
.pubdate a {
border: none;
}
.exif { .exif {
font-size: 0.8rem; font-size: 0.8rem;
@ -574,22 +552,23 @@ time {
margin-bottom: 1.3rem; margin-bottom: 1.3rem;
} }
.comments ol .u-repost-of {
border: none;
}
.comments ol .u-repost-of {
opacity: 0.7;
font-size: 0.7rem;
max-width: 99%;
}
.comments ol .p-name { .comments ol .p-name {
font-weight: bold; font-weight: bold;
display: block; display: block;
} }
/* reactions */ .comments ol time,
.comments ol .u-repost-of {
font-size: 0.8rem;
margin: 0;
}
.comments ol .u-repost-of:before {
content: '•';
margin: 0 0.3rem;
}
.comments dt, .comments dt,
.comments dd, .comments dd,
.comments dl ul, .comments dl ul,
@ -690,7 +669,7 @@ time {
@media print { @media print {
* { * {
background-color: #fff; background-color: #fff !important;
} }
html, body { html, body {
@ -770,3 +749,4 @@ time {
line-height: 1rem; line-height: 1rem;
} }
} }

10
symbols.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 29 KiB