gradual theme fine tuning

This commit is contained in:
Peter Molnar 2018-03-21 15:43:35 +00:00
parent 2c185c12aa
commit b9b0561c13
8 changed files with 189 additions and 90 deletions

View file

@ -31,6 +31,9 @@
</div>
{% else %}
<div class="e-content entry-content">
{% if post.photo %}
{{ post.photo }}
{% endif %}
{{ post.html }}
</div>
{% endif %}

View file

@ -0,0 +1,86 @@
{% include 'block_header_open.html' %}
<title>{{ taxonomy.title }}</title>
<link rel="alternate" type="application/atom+xml" title="{{ taxonomy.title }} feed" href="{{ taxonomy.feed }}" />
<link rel="self" href="{{ site.url }}{{ taxonomy.feed }}/" />
{% include 'block_header_close.html' %}
<section class="content-body h-feed photos">
<aside class="follow">
<p>
<svg class="icon"><use xlink:href="#icon-rss" /></svg>
<a title="follow {{ taxonomy.title }}" href="{{ site.url }}{{ taxonomy.feed }}">Atom feed</a>
</p>
</aside>
{% for post in posts %}
{{ post.photo }}
{% 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.page > 1 %}
{% set prev = taxonomy.page - 1 %}
<li>
<a rel="prev" href="{{ taxonomy.url }}page/{{ prev }}">«</a>
</li>
<li>
<a rel="prev" href="{{ taxonomy.url }}">1</a>
</li>
{% endif %}
{% if taxonomy.page - 4 > 0 %}
<li>
<span class="page-numbers dots"></span>
</li>
{% endif %}
{% if ( taxonomy.page - 1 > 1 ) %}
<li>
<a href="{{ taxonomy.url }}page/{{ taxonomy.page - 1 }}">{{ taxonomy.page - 1 }}</a>
</li>
{% endif %}
<li>
<span class="page-numbers taxonomy.page">{{ taxonomy.page }}</span>
</li>
{% if ( taxonomy.page + 1 <= taxonomy.total -1 ) %}
<li>
<a href="{{ taxonomy.url }}page/{{ taxonomy.page + 1 }}">{{ taxonomy.page + 1 }}</a>
</li>
{% endif %}
{% if taxonomy.page + 3 < taxonomy.total %}
<li>
<span class="page-numbers dots"></span>
</li>
{% endif %}
{% if taxonomy.page != taxonomy.total %}
<li>
<a href="{{ taxonomy.url }}page/{{ taxonomy.total }}">{{ taxonomy.total }}</a>
</li>
{% endif %}
{% if taxonomy.page < taxonomy.total %}
{% set next = taxonomy.page + 1 %}
<li>
<a rel="next" href="{{ taxonomy.url }}page/{{ next }}">»</a>
</li>
{% endif %}
</ul>
</nav>
{% endif %}
{% include 'block_footer.html' %}

View file

@ -1,9 +1,9 @@
{% include 'block_header_open.html' %}
<title>{{ post.title }} | {{ site.domain }}</title>
<title>{{ post.title }}</title>
<meta name="author" content="{{ site.author.name }}">
<meta name="keywords" content="{{ post.tags|join(',') }}">
<meta name="description" content="{{ post.summary|e }}">
<meta name="description" content="{{ post.description|e }}">
<link rel="canonical" href="{{ site.url }}/{{ post.slug }}/" />
<link rel="shortlink" href="{{ site.url }}/{{ post.shortslug }}" />
@ -32,6 +32,9 @@
<div class="e-content entry-content">
<div class="content-inner">
{% if post.photo %}
{{ post.photo }}
{% endif %}
{{ post.html }}
</div>
</div>
@ -66,9 +69,9 @@
<aside class="donation">
<p>
{% if post.category == 'photo' %}
Did you like this photo?<br />Leave a tip!
Did you like this photo?<br />Leave a tip! If you're interested in prints, please get in touch.
{% elif post.category == 'article' %}
Did you find this article useful?<br />Buy me a coffee, so I can write more like this.<br />If you want my help with for your project, get in touch.
Did you find this article useful?<br />Buy me a coffee, so I can write more like this.<br />If you want my help for your project, get in touch.
{% elif post.category == 'journal' %}
Did you like this entry?<br />Encourage me to write more of them.
{% else %}
@ -76,27 +79,17 @@
{% endif %}
</p>
<ul>
{% for name, url in site.payment.items() %}
{% for method, data in site.tips.items() %}
<li>
<a rel="payment" title="pay {{ site.author.name }} via {{ name }} {{ site.donation.currency }}{{ site.donation.amount }}" href="{{ url }}{{ site.donation.amount }}">
{{ site.donation.currency }}{{ site.donation.amount }}
<a rel="payment" title="pay {{ site.author.name }} via {{ data.label }} {{ data.value }}" href="{{ data.url }}">
{{ data.value }}
<span class="method">
<svg class="icon"><use xlink:href="#icon-{{ name }}"></use></svg>
with {{ name }}
<svg class="icon"><use xlink:href="#icon-{{ method }}"></use></svg>
with {{ data.label }}
</span>
</a>
</li>
{% endfor %}
{% for name, walletid in site.cryptocurrencies.items() %}
<!--
<li>
<a rel="payment" title="pay {{ site.author.name }} with {{ name }}" href="#">
<span class="wallet">{{ walletid }}</span>
<span class="method">{{ name }}</span>
</a>
</li>
-->
{% endfor %}
</ul>
</aside>

View file

@ -1,14 +1,12 @@
{% if post.is_reply %}
<p class="p-name">
<span class="p-name">
<svg class="icon"><use xlink:href="#icon-reply" /></svg>
<a href="{{ post.is_reply }}" class="u-in-reply-to" title="Reply to: {{ post.is_reply }}">
{{ post.is_reply }}
</a>
</p>
</span>
{% else %}
<p>
<a href="/{{ post.slug }}/" title="{{ post.title }}">
<span class="entry-title p-name">{{ post.title }}</span>
</a>
</p>
<a href="/{{ post.slug }}/" title="{{ post.title }}">
<span class="entry-title p-name">{{ post.title }}</span>
</a>
{% endif %}

View file

@ -1,6 +1,6 @@
<figure class="photo">
{% if photo.target %}<a href="{{ photo.target }}" class="{{ photo.css }}">{% endif %}
<img src="{{ photo.src }}" title="{{ photo.title }}" alt="{{ photo.alt }}" class="adaptimg" />
<img src="{{ photo.src }}" title="{{ photo.title }}" alt="{{ photo.alt }}" class="adaptimg" width="{{ photo.width }}" height="{{ photo.height }}" />
{% if photo.target %}</a>{% endif %}
<figcaption>
{{ photo.alt }}{% if photo.is_photo %}<span class="author"> - photo by {{ photo.author }}</span>

View file

@ -5,13 +5,20 @@
<dt>name</dt>
<dd>
<img class="photo avatar u-photo u-avatar" src="{{ site.author.avatar }}" alt="Photo of {{ site.author.name }}" />
<a class="fn p-name url u-url u-uid" href="{{ site.author.url }}/about">{{ site.author.name }}</a>
<a class="fn p-name url u-url u-uid" href="{{ site.author.url }}/about.html">{{ 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>
{% if site.author.sip %}
<dt>SIP</dt>
<dd>
<svg class="icon"><use xlink:href="#icon-phone" /></svg>
<a rel="me" class="u-sip sip" href="sip:{{ site.author.sip }}">sip:{{ site.author.sip }}</a>
</dd>
{% endif %}
{% if site.author.gpg %}
<dt>GPG/PGP public key</dt>
<dd>
@ -19,18 +26,15 @@
<a rel="me" class="u-gpg gpg" href="{{ site.url }}/{{ site.author.gpg }}">GPG key</a>
</dd>
{% endif %}
</dl>
<dl>
{% 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 %}
</dl>
<dl class="cryptocurrencies">
{% for name, walletid in site.cryptocurrencies.items() %}
<dt>{{ name }}</dt>
<dd>{{ walletid }}</dd>
{% endfor %}
</dl>
</nav>

View file

@ -30,9 +30,9 @@ footer, header, hgroup, menu, nav, section {
html, body {
min-height: 100%;
font-size:19px;
line-height: 1.2rem;
font-family: "Liberation Sans", "Helvetica Neue", "Roboto", "Arial", sans-serif;
font-size:20px;
line-height: 1.3em;
font-family: "Liberation Sans", "Helvetica Neue", "Roboto", "Helvetica", sans-serif;
font-weight: normal;
color: #ccc;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
@ -85,10 +85,10 @@ li p {
}
blockquote {
margin: 0.3rem;
margin: 0.6rem;
padding-left: 0.6rem;
border-left: 2px solid #999;
font-family: "Times New Roman", serif;
border-left: 4px solid #999;
color: #999;
}
table {
@ -108,10 +108,10 @@ th {
}
th,
tr:nth-child(odd) {
tr:nth-child(odd) {
background-color: #333;
}
tr:nth-child(even) {
tr:nth-child(even) {
background-color: #444;
}
@ -147,21 +147,26 @@ h2 {
h3 {
font-size: 1rem;
border-bottom: 1px dotted #777;
}
.icon {
transform: rotate(0.01deg);
width: 19px;
height: 19px;
display: inline;
/* svg sharpness hack */
transform: rotate(0deg);
width: 16px;
height: 16px;
display: inline-block;
fill: currentColor;
vertical-align:middle;
overflow: visible;
vertical-align:calc;
margin-right: 0.1rem;
}
code,
pre {
font-family: "Inconsolata", "Courier New", monospace;
font-family: "Courier New", "Courier", monospace;
font-size: 0.8rem;
color: limegreen;
background-color: #222;
@ -178,6 +183,7 @@ pre {
code {
padding: 0.1rem;
}
pre code {
@ -210,7 +216,7 @@ code.sourceCode span.va { color: turquoise; }
.limit,
.content-body {
max-width: 70ch;
max-width: 72ch;
margin: 1rem auto;
}
@ -362,9 +368,7 @@ code.sourceCode span.va { color: turquoise; }
}
.content-footer dl dd {
display:inline-block;
}
.content-footer dl dd:after {
@ -376,18 +380,6 @@ code.sourceCode span.va { color: turquoise; }
content: '';
}
.content-footer dl.cryptocurrencies {
font-size: 0.7rem;
margin-top: 0.3rem;
}
.content-footer dl.cryptocurrencies dt {
display: inline-block;
visibility: visible;
text-transform: uppercase;
}
input {
vertical-align:middle;
border: none;
@ -495,7 +487,7 @@ figcaption {
.follow a:hover,
.more a:hover,
.pagination a:hover {
border-bottom-color: #000;
border-bottom-color: #fff;
}
.more {
@ -626,7 +618,7 @@ figcaption {
border: 1px dashed #933;
padding: 0.3rem;
background-color: #111;
width: 7rem;
width: 8rem;
}
.donation li .method {
@ -678,7 +670,7 @@ figcaption {
html, body {
font-size: 11pt !important;
text-shadow: unset !important;
font-family: Verdana, sans-serif !important;
font-family: Helvetica, sans-serif !important;
}
@page {
@ -698,17 +690,21 @@ figcaption {
p, li, blockquote, figure, .footnotes {
page-break-inside: avoid !important;
}
a {
border: none;
color: #000;
}
td, th {
border: 1pt solid #666;
}
.content-note, .content-header, .content-footer,
video, audio,
.content-note,
.content-header,
.content-footer,
video,
audio,
.footnotes ol li a[href^="#"],
.footnotes ol li a[href^="#"]:after,
.exif svg,
@ -724,13 +720,21 @@ figcaption {
border: none;
}
pre.sourceCode, code, pre {
code, pre {
max-width: 96%;
border: none;
color: #222;
word-break: break-all;
word-wrap: break-word;
overflow: initial;
white-space: pre-wrap;
overflow:initial;
line-height: 1rem;
page-break-inside: enabled;
font-family: "Courier", "Courier New", monospace !important;
}
pre {
border: 1pt solid #999;
}
code.sourceCode span { color: black; }
@ -756,15 +760,20 @@ figcaption {
code.sourceCode span.ss { color: black; }
code.sourceCode span.st { color: magenta; }
code.sourceCode span.va { color: darkturquoise; }
figcaption {
font-size: 0.9em;
}
.adaptimg {
max-height: 35vh;
max-width: 90vw;
outline: none;
border: 1px solid #000;
}
.h-feed .h-entry {
page-break-after:always;
border:none;
}
}

View file

@ -1,65 +1,71 @@
<svg class="hide" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol id="icon-monzo" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-monzo" viewBox="0 0 16 16">
<path d="M14.5 2h-13c-0.825 0-1.5 0.675-1.5 1.5v9c0 0.825 0.675 1.5 1.5 1.5h13c0.825 0 1.5-0.675 1.5-1.5v-9c0-0.825-0.675-1.5-1.5-1.5zM1.5 3h13c0.271 0 0.5 0.229 0.5 0.5v1.5h-14v-1.5c0-0.271 0.229-0.5 0.5-0.5zM14.5 13h-13c-0.271 0-0.5-0.229-0.5-0.5v-4.5h14v4.5c0 0.271-0.229 0.5-0.5 0.5zM2 10h1v2h-1zM4 10h1v2h-1zM6 10h1v2h-1z"></path>
</symbol>
<symbol id="icon-paypal" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-paypal" viewBox="0 0 16 16">
<path d="M14.531 4.822c-0.747 3.316-3.053 5.066-6.688 5.066h-1.209l-0.841 5.338h-1.013l-0.053 0.344c-0.034 0.228 0.141 0.431 0.369 0.431h2.588c0.306 0 0.566-0.222 0.616-0.525l0.025-0.131 0.488-3.091 0.031-0.169c0.047-0.303 0.309-0.525 0.616-0.525h0.384c2.506 0 4.469-1.019 5.044-3.963 0.216-1.119 0.134-2.069-0.356-2.775z"></path>
<path d="M12.984 1.206c-0.741-0.844-2.081-1.206-3.794-1.206h-4.972c-0.35 0-0.65 0.253-0.703 0.6l-2.072 13.131c-0.041 0.259 0.159 0.494 0.422 0.494h3.072l0.772-4.891-0.025 0.153c0.053-0.347 0.35-0.6 0.7-0.6h1.459c2.866 0 5.109-1.162 5.766-4.531 0.019-0.1 0.037-0.197 0.050-0.291 0.194-1.244 0-2.094-0.675-2.859z"></path>
</symbol>
<symbol id="icon-home" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-home" 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-article" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-article" 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-journal" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-journal" 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-photo" width="18" height="16" viewBox="0 0 18 16">
<symbol id="icon-photo" 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-note" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-note" 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-rss" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-rss" 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-camera" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-camera" 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-focallength" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-focallength" 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">
<symbol id="icon-aperture" 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-clock" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-clock" 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-sensitivity" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-sensitivity" 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-lens" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-lens" 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-location" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-location" 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-reply" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-reply" 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-link" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-link" 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-creative-commons" width="16" height="16" viewBox="0 0 16 16">
<symbol id="icon-creative-commons" viewBox="0 0 16 16">
<path d="M5.402 11.009c1.464 0 2.259-0.893 2.295-0.929 0.071-0.089 0.089-0.223 0.027-0.321l-0.402-0.732c-0.036-0.080-0.125-0.134-0.214-0.152-0.089-0.009-0.179 0.027-0.241 0.098-0.009 0-0.571 0.598-1.393 0.598-0.902 0-1.554-0.661-1.554-1.58 0-0.911 0.634-1.563 1.518-1.563 0.741 0 1.232 0.5 1.232 0.5 0.063 0.063 0.143 0.098 0.232 0.089s0.17-0.054 0.214-0.125l0.473-0.696c0.071-0.107 0.063-0.25-0.018-0.348-0.027-0.036-0.75-0.857-2.17-0.857-1.759 0-3.071 1.295-3.071 3.009 0 1.741 1.286 3.009 3.071 3.009zM11.027 11.009c1.473 0 2.259-0.893 2.295-0.929 0.071-0.089 0.089-0.223 0.036-0.321l-0.402-0.732c-0.045-0.080-0.125-0.134-0.223-0.152-0.089-0.009-0.179 0.027-0.241 0.098-0.009 0-0.571 0.598-1.393 0.598-0.902 0-1.554-0.661-1.554-1.58 0-0.911 0.634-1.563 1.518-1.563 0.75 0 1.232 0.5 1.232 0.5 0.063 0.063 0.143 0.098 0.232 0.089s0.17-0.054 0.214-0.125l0.473-0.696c0.071-0.107 0.063-0.25-0.018-0.348-0.027-0.036-0.75-0.857-2.17-0.857-1.75 0-3.071 1.295-3.071 3.009 0 1.741 1.286 3.009 3.071 3.009zM8 1.429c-3.625 0-6.571 2.946-6.571 6.571s2.946 6.571 6.571 6.571 6.571-2.946 6.571-6.571-2.946-6.571-6.571-6.571zM8 0c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8z"></path>
</symbol>
<symbol id="icon-btc" viewBox="0 0 12 16">
<path d="M10.42 5.714c0.116 1.188-0.384 1.902-1.17 2.304 1.304 0.313 2.125 1.089 1.964 2.83-0.205 2.17-1.813 2.75-4.116 2.875v2.277h-1.375v-2.241c-0.348 0-0.714 0-1.089-0.009v2.25h-1.375v-2.277c-0.321 0-0.643-0.009-0.973-0.009h-1.786l0.277-1.634c1.009 0.018 0.991 0 0.991 0 0.384 0 0.491-0.277 0.518-0.455v-3.589h0.143c-0.054-0.009-0.107-0.009-0.143-0.009v-2.563c-0.054-0.286-0.232-0.607-0.795-0.607 0 0 0.018-0.018-0.991 0v-1.464l1.893 0.009c0.277 0 0.571 0 0.866-0.009v-2.25h1.375v2.205c0.366-0.009 0.732-0.018 1.089-0.018v-2.188h1.375v2.25c1.768 0.152 3.17 0.696 3.321 2.321zM8.5 10.58c0-1.768-2.911-1.509-3.839-1.509v3.018c0.929 0 3.839 0.196 3.839-1.509zM7.866 6.33c0-1.616-2.429-1.375-3.205-1.375v2.741c0.777 0 3.205 0.179 3.205-1.366z"></path>
</symbol>
<symbol id="icon-phone viewBox="0 0 16 16">
<path d="M11 10c-1 1-1 2-2 2s-2-1-3-2-2-2-2-3 1-1 2-2-2-4-3-4-3 3-3 3c0 2 2.055 6.055 4 8s6 4 8 4c0 0 3-2 3-3s-3-4-4-3z"></path>
</symbol>
</svg>

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 11 KiB