updated to blue links, added qr codes at the bottom, new photo section
@@ -1,15 +1,17 @@
{% include 'block_header_open.html' %} {%- if taxonomy.name -%} -{%- set title = taxonomy.name ~ ' | ' ~ site.name -%} +{%- set title = taxonomy.name ~ ' | ' ~ site.domain -%} {%- else -%} -{%- set title = site.name -%} +{%- set title = site.title -%} {%- 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" />@@ -20,14 +22,14 @@ <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 property="og:image" content="{{ site.url }}/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="twitter:image" content="{{ site.url }}/favicon.png"> <meta name="DC.Format" content="text/html" /> <meta name="DC.Title" content="{{ title }}" />@@ -79,15 +81,15 @@ {% else %}
{% set hentry = 'status' %} {% 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> {% if post.reactions %} - <h2 class="reaction">{% include 'block_reaction.html' %}</h2> + {% include 'block_reaction.html' %} {% elif post.title|length %} <h2> <a href="{{ site.url }}/{{ post.slug }}" title="{{ post.title }}"> - <span class="p-name"> + <span class="p-name entry-title"> {{ post.title }} </span> </a>@@ -106,13 +108,7 @@
</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 %}--> + <div class="e-summary entry-summary"> {{ post.sumhtml }} <span class="more"> <a href="{{ site.url }}/{{ post.slug }}" title="{{ post.title }}"></a>@@ -120,15 +116,13 @@ </span>
<br class="clear" /> </div> {% else %} - <div class="e-content"> + <div class="e-content entry-content"> + {% if ( post.photo ) %} + {% include 'block_photo.html' %} + {% endif %} {{ post.html }} - {% if ( post.exif ) %} - {% include 'block_exif.html' %} - {% endif %} - - <br class="clear" /> </div> {% endif %}
@@ -6,7 +6,7 @@ {% for reply in post.replies %}
<li class="h-entry p-comment"> <a class="u-url u-uuid" href="{{ site.url }}/{{ site.commentspath }}/{{ reply.fname }}/" name="{{ reply.fname }}"></a> <header> - <div class="p-author h-card"> + <p class="p-author h-card"> {% if reply.author.url %} <a class="url u-url" href="{{ reply.author.url }}"> <span class="p-name fn">{{ reply.author.name }}</span>@@ -14,19 +14,19 @@ </a>
{% else %} <span class="p-name fn">{{ reply.author.name }}</span> {% endif %} - </div> + </p> + <p> <time class="dt-published" datetime="{{ reply.published|date('c') }}"> {{ reply.published|date('%Y-%m-%d %H:%M') }} </time> + {% if reply.source|length > 0 %} + <a href="{{ reply.source }}" class="u-repost-of">{{ reply.source }}</a> + {% endif %} + </p> </header> <div class="e-content"> {{ reply.html }} </div> - <footer> - {% if reply.source|length > 0 %} - <a href="{{ reply.source }}" class="u-repost-of">{{ reply.source }}</a> - {% endif %} - </footer </li> {% endfor %} </ol>
@@ -1,3 +1,6 @@
+ <style media="all"> + {% include 'style.css' %} + </style> </head> <body>@@ -13,39 +16,39 @@ 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 %}"> + <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> 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 %}"> + <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> 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 %}"> + <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> 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 %}"> + <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> 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 %}"> + <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> 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 %}"> + <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> bookmarks </a>@@ -55,8 +58,9 @@ </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 ➡"> + <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="hidden" class="hide" value="{{ taxonomy.slug }}" name="c" id="c" /> </form> <br class="clear" />
@@ -4,12 +4,9 @@ <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="shortcut icon" href="{{ site.url }}/theme/favicon.ico" /> <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="icon" href="{{ site.url }}/theme/favicon.ico" /> <link rel="http://webmention.org/" href="{{ site.url }}/webmention" /> <link rel="webmention" href="{{ site.url }}/webmention" /> <link rel="micropub" href="{{ site.url }}/micropub" />
@@ -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>
@@ -1,38 +1,44 @@
{% if post.reactions.bookmark %} {% for reaction in post.reactions.bookmark %} {% 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> <a href="{{ reaction }}" class="u-bookmark-of" title="Bookmarked URL: {{ reaction }}">{{ reaction }}</a> + </p> {% else %} - <span class="p-name"> + <p class="p-name"> <svg class="icon"><use xlink:href="#icon-bookmark" /></svg> <a href="{{ reaction }}" class="{{ class }}">{{ reaction }}</a> - </span> + </p> {% endif %} {% endfor %} {% endif %} {% if 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> <a href="{{ reaction }}" class="u-in-reply-to" title="Reply to: {{ reaction }}">{{ reaction }}</a> - </span> + </p> {% endfor %} {% endif %} {% if post.reactions.repost %} {% for reaction in post.reactions.repost %} {% 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> <a href="{{ reaction }}" class="u-repost-of" title="Repost of: {{ reaction }}">{{ reaction }}</a> + </p> {% else %} + <p> <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> + </p> {% endif %} {% endfor %} {% endif %}@@ -40,14 +46,18 @@
{% if post.reactions.fav %} {% for reaction in post.reactions.fav %} {% 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> <a href="{{ reaction }}" class="u-favorite-of" title="Favorite of: {{ reaction }}">{{ reaction }}</a> + </p> {% else %} + <p> <svg class="icon"><use xlink:href="#icon-repost" /></svg> <span class="p-name"> <a href="{{ reaction }}" class="u-favorite-of" title="Favorite of: {{ reaction }}">{{ reaction }}</a> </span> + </p> {% endif %} {% endfor %} {% endif %}
@@ -8,7 +8,7 @@
{% if post.title %} <title>{{ post.title }} | {{ site.domain }}</title> {% else %} - <title>{{ post.name }} | {{ site.domain }}</title> + <title>{{ post.slug }} | {{ site.domain }}</title> {% endif %} <link rel="canonical" href="{{ site.url }}/{{ post.slug }}/" />@@ -40,18 +40,18 @@
{% include 'block_header_close.html' %} <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> + <p class="hide"><a class="u-url u-uuid" rel="bookmark" href="{{ site.url}}/{{ post.slug }}/"></a></p> {% 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> + <span class="entry-title p-name">{{ post.title }}</span> </a> </h1> {% endif %} - {% if 'IT' in post.tags %} {% if post.updated %} {% set py = post.updated|date('%Y')|int %}@@ -66,20 +66,21 @@
</header> {% if post.summary %} - <div class="e-summary"> + <div class="e-summary entry-summary"> {{ post.sumhtml }} <br class="clear" /> </div> {% endif %} - <div class="e-content"> + <div class="e-content entry-content"> <div class="content-inner"> - {{ post.html }} -{% if ( post.exif ) %} - {% include 'block_exif.html' %} +{% if ( post.photo ) %} + {% include 'block_photo.html' %} {% endif %} + {{ post.html }} + {% if ( post.syndicate ) %} {% include 'block_syndicate.html' %} {% endif %}@@ -87,12 +88,11 @@
</div> </div> +{% if ( post.comments ) %} +{% include 'block_comments.html' %} +{% endif %} <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"> <time class="dt-published" datetime="{{ post.published|date("c") }}">@@ -103,24 +103,22 @@ {% if post.updated and post.updated != post.published %}
<p class="updated"> <time class="dt-updated" datetime="{{ post.updated|date("c") }}"> - {{ post.updated|date("%Y-%m-%d %H:%M") }} + (updated: {{ post.updated|date("%Y-%m-%d %H:%M") }}) </time> </p> {% endif %} {% if post.tags %} - <ul class="tags"> + <p class="tags"> {% for tname in post.tags %} - <li> - <a href="{{ site.url }}/tag/{{ tname|slugify }}" class="p-category">{{ tname }}</a> - </li> + #<a href="{{ site.url }}/tag/{{ tname|slugify }}" rel="tag" class="p-category">{{ tname }}</a> {% endfor %} - </ul> + </p> {% endif %} - </footer> + <p class="shorturl"> + <a href="{{ site.url }}/{{ post.shortslug }}">{{ site.url }}/{{ post.shortslug }}</a> + </p> -{% if ( post.comments ) %} -{% include 'block_comments.html' %} -{% endif %} + </footer> </article>
@@ -1,4 +1,5 @@
-* { + + * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;@@ -33,7 +34,7 @@ html, body {
min-height: 100%; font-size:19px; 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; color: #333336; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);@@ -46,13 +47,11 @@ }
a { color: #333; - border-bottom: 1px solid #999; text-decoration:none; } a:hover { color: #000; - border-bottom-color: #000; } b, strong {@@ -72,7 +71,7 @@ margin-left: 1.3rem;
} ul li { - line-height: 1.6rem; + line-height: 1.6rem; } li p {@@ -80,11 +79,12 @@ margin:0;
padding: 0; } -blockquote, q { +blockquote { margin: 0.3rem; padding-left: 0.6rem; font-style: italic; border-left: 2px solid #999; + color: #666; } table {@@ -97,7 +97,7 @@ display: block;
height: 1px; border: none; border-top: 1px solid #999; - margin: 0.3rem 0 1rem 0; + margin: 1.3rem 0 1rem 0; clear:both; }@@ -109,85 +109,96 @@ }
.h-entry { padding: 0 0.6rem; - font-size: 0.9rem; + font-size: 0.86rem; } -h1, h2, h3, h4, h5, h6, -dt { +h1, h2, h3, h4, h5, h6, dt { font-weight:bold; clear:both; - margin: 1rem 0; - font-size: 1.1rem; + font-size: 1rem; } -h1 { - font-size: 1.3rem; - margin: 0; +h1, h2, h3, h4, h5, h6 { + margin: 1.3rem 0 0.3rem 0; + padding: 0 0 0.3rem 0; } -h1 a, -h2 a { - border: none; +h1 { + font-size: 1.2rem; + margin-top: 0; } h2 { + font-size: 1.1rem; border-bottom: 2px solid #999; +} + +h3 { + font-size: 1rem; } .h-feed .h-entry h2 { border: none; - margin:0 0 0.3rem 0; + font-size: 1rem; + margin: 0; + padding: 0; } .h-feed .h-entry { margin: 2rem 0 0 0; } -.h-entry.singular .e-summary { - margin-top: 1rem; +.h-entry footer { + opacity: 0.8; } -h3 { - border-bottom: 1px dotted #999; +.published, .updated { + display: inline; } -aside p { - padding:0; +.shorturl, +.tags { + padding: 0.3rem 0; +} + +.e-content a { + color:#115394; } -svg { - transform: rotate(0.01deg); +.e-content a:hover { + color:#004283; } .icon { + transform: rotate(0.01deg); width: 19px; height: 19px; - display: inline-block; + display: inline; fill: currentColor; vertical-align:middle; overflow: visible; } -code.sourceCode span.al { color: white; } -code.sourceCode span.at { color: white; } -code.sourceCode span.bn { color: white; } -code.sourceCode span.bu { color: white; } -code.sourceCode span.cf { color: white; } -code.sourceCode span.ch { color: white; } +code.sourceCode span.al { color: black; } +code.sourceCode span.at { color: black; } +code.sourceCode span.bn { color: black; } +code.sourceCode span.bu { color: black; } +code.sourceCode span.cf { color: black; } +code.sourceCode span.ch { color: black; } code.sourceCode span.co { color: darkgray; } -code.sourceCode span.dt { color: white; } -code.sourceCode span.dv { color: white; } -code.sourceCode span.er { color: white; } +code.sourceCode span.dt { color: black; } +code.sourceCode span.dv { color: black; } +code.sourceCode span.er { color: black; } 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.im { color: white; } +code.sourceCode span.im { color: black; } code.sourceCode span.kw { color: darkcyan; } -code.sourceCode span.op { color: white; } -code.sourceCode span.ot { color: white; } -code.sourceCode span.pp { color: white; } -code.sourceCode span.sc { color: white; } -code.sourceCode span.ss { color: white; } +code.sourceCode span.op { color: black; } +code.sourceCode span.ot { color: black; } +code.sourceCode span.pp { color: black; } +code.sourceCode span.sc { color: black; } +code.sourceCode span.ss { color: black; } code.sourceCode span.st { color: magenta; } code.sourceCode span.va { color: darkturquoise; }@@ -195,8 +206,7 @@ code,
pre { font-family: "Inconsolata", monospace; font-size: 0.8rem; - background-color: #222; - color: lightgreen; + color: darkslategrey; direction: ltr; text-align: left; white-space: pre;@@ -204,6 +214,8 @@ word-spacing: normal;
word-break: normal; tab-size: 2; hyphens: none; + border: 1px solid #ccc; + background-color: whitesmoke; } pre {@@ -215,7 +227,7 @@
code { display: inline-block; padding: 0 0.3rem; - line-height: 1.2rem; + line-height: 1.1rem; } pre code {@@ -228,37 +240,21 @@ .singular footer {
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:hover { border: 0; white-space: nowrap; } +.footnoteRef a { + border: none; +} + .footnoteRef sup { vertical-align: baseline; position: relative; top: -0.3rem; font-size: 0.8rem; - color: #33c; margin-right: 0.1rem; }@@ -267,26 +263,8 @@ .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; -} - -.footnotes ol { - font-size: 0.8rem; -} - .footnotes ol li { - margin-bottom: 0.6rem; + margin-bottom: 0.3rem; } .comments ol .u-repost-of,@@ -296,13 +274,8 @@ overflow: hidden;
white-space: nowrap; text-overflow: ellipsis; vertical-align: top; - border-bottom: 1px solid #ccc; -} - -.footnotes ol li a { max-width: 80%; } - .footnotes ol li a[href^="#"] { margin: 0 0 0 0.6rem;@@ -384,6 +357,15 @@ .footer-contact dl dd:first-of-type {
border-bottom: none; } +.footer-notes figure { + display: inline-block; + margin-right: 1rem; +} + +.footer-notes figure img { + width:7rem; +} + input { vertical-align:middle; border: none;@@ -396,7 +378,7 @@ font-size: 0.8rem;
} input[type=submit] { - + width: 2.2rem; cursor: pointer; }@@ -429,7 +411,7 @@ }
.content-navigation ul li a { display:block; - padding:0.2rem; + padding:0 0.2rem; font-weight: bold; border-bottom: 3px solid transparent; text-align: center;@@ -514,7 +496,7 @@ }
.more { display:block; - font-weight:bold; + font-weight:bold; } .more a:before {@@ -537,11 +519,7 @@ padding: 0.3rem 0.6rem;
} time { - font-family: "Inconsolata", monospace; font-size: 0.8rem; -} -.pubdate a { - border: none; } .exif {@@ -574,22 +552,23 @@ .comments ol li {
margin-bottom: 1.3rem; } -.comments ol .u-repost-of { - border: none; + +.comments ol .p-name { + font-weight: bold; + display: block; } +.comments ol time, .comments ol .u-repost-of { - opacity: 0.7; - font-size: 0.7rem; - max-width: 99%; + font-size: 0.8rem; + margin: 0; } -.comments ol .p-name { - font-weight: bold; - display: block; +.comments ol .u-repost-of:before { + content: '•'; + margin: 0 0.3rem; } -/* reactions */ .comments dt, .comments dd, .comments dl ul,@@ -604,7 +583,7 @@ }
.comments dl a.u-repost-of { margin-left: 0.3rem; - + } .content-note {@@ -656,7 +635,7 @@ opacity: 0.8;
} .u-favorite-of { - font-size: 0.9rem; + font-size: 0.9rem; font-weight: initial; }@@ -690,7 +669,7 @@
@media print { * { - background-color: #fff; + background-color: #fff !important; } html, body {@@ -745,7 +724,7 @@ max-width: 100%;
max-height:45vh; } - .content-note, .content-header, .content-footer, + .content-note, .content-header, .content-footer, video, audio, .footnotes ol li a[href^="#"], .footnotes ol li a[href^="#"]:after {@@ -761,7 +740,7 @@ border: none;
} code.sourceCode span { color: #000; } - + pre.sourceCode, code, pre { color: #222; word-break: break-all;@@ -770,3 +749,4 @@ overflow: initial;
line-height: 1rem; } } +
@@ -83,4 +83,14 @@ </symbol>
<symbol id="icon-creditcard" width="16" height="16" viewBox="0 0 16 16"> <path d="M29 4h-26c-1.65 0-3 1.35-3 3v18c0 1.65 1.35 3 3 3h26c1.65 0 3-1.35 3-3v-18c0-1.65-1.35-3-3-3zM3 6h26c0.542 0 1 0.458 1 1v3h-28v-3c0-0.542 0.458-1 1-1zM29 26h-26c-0.542 0-1-0.458-1-1v-9h28v9c0 0.542-0.458 1-1 1zM4 20h2v4h-2zM8 20h2v4h-2zM12 20h2v4h-2z"></path> </symbol> + + <symbol id="qr-vcard" viewBox="0 0 90 90" width="90" height="90" > + <path fill="#fff" d="M0 0h45v45H0z"/> + <path d="M2 2h1v1H2zM3 2h1v1H3zM4 2h1v1H4zM5 2h1v1H5zM6 2h1v1H6zM7 2h1v1H7zM8 2h1v1H8zM10 2h1v1h-1zM11 2h1v1h-1zM12 2h1v1h-1zM14 2h1v1h-1zM16 2h1v1h-1zM18 2h1v1h-1zM20 2h1v1h-1zM23 2h1v1h-1zM24 2h1v1h-1zM25 2h1v1h-1zM27 2h1v1h-1zM28 2h1v1h-1zM31 2h1v1h-1zM33 2h1v1h-1zM34 2h1v1h-1zM36 2h1v1h-1zM37 2h1v1h-1zM38 2h1v1h-1zM39 2h1v1h-1zM40 2h1v1h-1zM41 2h1v1h-1zM42 2h1v1h-1zM2 3h1v1H2zM8 3h1v1H8zM11 3h1v1h-1zM12 3h1v1h-1zM14 3h1v1h-1zM19 3h1v1h-1zM21 3h1v1h-1zM22 3h1v1h-1zM24 3h1v1h-1zM28 3h1v1h-1zM29 3h1v1h-1zM33 3h1v1h-1zM34 3h1v1h-1zM36 3h1v1h-1zM42 3h1v1h-1zM2 4h1v1H2zM4 4h1v1H4zM5 4h1v1H5zM6 4h1v1H6zM8 4h1v1H8zM11 4h1v1h-1zM12 4h1v1h-1zM18 4h1v1h-1zM19 4h1v1h-1zM20 4h1v1h-1zM21 4h1v1h-1zM23 4h1v1h-1zM24 4h1v1h-1zM26 4h1v1h-1zM27 4h1v1h-1zM29 4h1v1h-1zM30 4h1v1h-1zM32 4h1v1h-1zM34 4h1v1h-1zM36 4h1v1h-1zM38 4h1v1h-1zM39 4h1v1h-1zM40 4h1v1h-1zM42 4h1v1h-1zM2 5h1v1H2zM4 5h1v1H4zM5 5h1v1H5zM6 5h1v1H6zM8 5h1v1H8zM23 5h1v1h-1zM24 5h1v1h-1zM27 5h1v1h-1zM29 5h1v1h-1zM31 5h1v1h-1zM36 5h1v1h-1zM38 5h1v1h-1zM39 5h1v1h-1zM40 5h1v1h-1zM42 5h1v1h-1zM2 6h1v1H2zM4 6h1v1H4zM5 6h1v1H5zM6 6h1v1H6zM8 6h1v1H8zM11 6h1v1h-1zM13 6h1v1h-1zM15 6h1v1h-1zM16 6h1v1h-1zM17 6h1v1h-1zM19 6h1v1h-1zM20 6h1v1h-1zM22 6h1v1h-1zM24 6h1v1h-1zM27 6h1v1h-1zM28 6h1v1h-1zM30 6h1v1h-1zM31 6h1v1h-1zM33 6h1v1h-1zM36 6h1v1h-1zM38 6h1v1h-1zM39 6h1v1h-1zM40 6h1v1h-1zM42 6h1v1h-1zM2 7h1v1H2zM8 7h1v1H8zM11 7h1v1h-1zM12 7h1v1h-1zM14 7h1v1h-1zM15 7h1v1h-1zM16 7h1v1h-1zM19 7h1v1h-1zM22 7h1v1h-1zM24 7h1v1h-1zM25 7h1v1h-1zM28 7h1v1h-1zM36 7h1v1h-1zM42 7h1v1h-1zM2 8h1v1H2zM3 8h1v1H3zM4 8h1v1H4zM5 8h1v1H5zM6 8h1v1H6zM7 8h1v1H7zM8 8h1v1H8zM10 8h1v1h-1zM12 8h1v1h-1zM14 8h1v1h-1zM16 8h1v1h-1zM18 8h1v1h-1zM20 8h1v1h-1zM22 8h1v1h-1zM24 8h1v1h-1zM26 8h1v1h-1zM28 8h1v1h-1zM30 8h1v1h-1zM32 8h1v1h-1zM34 8h1v1h-1zM36 8h1v1h-1zM37 8h1v1h-1zM38 8h1v1h-1zM39 8h1v1h-1zM40 8h1v1h-1zM41 8h1v1h-1zM42 8h1v1h-1zM10 9h1v1h-1zM14 9h1v1h-1zM15 9h1v1h-1zM16 9h1v1h-1zM21 9h1v1h-1zM22 9h1v1h-1zM24 9h1v1h-1zM30 9h1v1h-1zM33 9h1v1h-1zM2 10h1v1H2zM3 10h1v1H3zM5 10h1v1H5zM6 10h1v1H6zM8 10h1v1H8zM13 10h1v1h-1zM16 10h1v1h-1zM17 10h1v1h-1zM19 10h1v1h-1zM21 10h1v1h-1zM22 10h1v1h-1zM23 10h1v1h-1zM26 10h1v1h-1zM28 10h1v1h-1zM29 10h1v1h-1zM30 10h1v1h-1zM31 10h1v1h-1zM32 10h1v1h-1zM33 10h1v1h-1zM36 10h1v1h-1zM42 10h1v1h-1zM4 11h1v1H4zM6 11h1v1H6zM10 11h1v1h-1zM13 11h1v1h-1zM14 11h1v1h-1zM16 11h1v1h-1zM17 11h1v1h-1zM21 11h1v1h-1zM23 11h1v1h-1zM24 11h1v1h-1zM27 11h1v1h-1zM30 11h1v1h-1zM32 11h1v1h-1zM33 11h1v1h-1zM36 11h1v1h-1zM37 11h1v1h-1zM38 11h1v1h-1zM39 11h1v1h-1zM42 11h1v1h-1zM2 12h1v1H2zM5 12h1v1H5zM6 12h1v1H6zM7 12h1v1H7zM8 12h1v1H8zM11 12h1v1h-1zM12 12h1v1h-1zM13 12h1v1h-1zM16 12h1v1h-1zM17 12h1v1h-1zM18 12h1v1h-1zM19 12h1v1h-1zM20 12h1v1h-1zM22 12h1v1h-1zM25 12h1v1h-1zM29 12h1v1h-1zM31 12h1v1h-1zM32 12h1v1h-1zM33 12h1v1h-1zM34 12h1v1h-1zM35 12h1v1h-1zM36 12h1v1h-1zM39 12h1v1h-1zM40 12h1v1h-1zM2 13h1v1H2zM3 13h1v1H3zM4 13h1v1H4zM6 13h1v1H6zM7 13h1v1H7zM11 13h1v1h-1zM13 13h1v1h-1zM16 13h1v1h-1zM18 13h1v1h-1zM19 13h1v1h-1zM25 13h1v1h-1zM28 13h1v1h-1zM30 13h1v1h-1zM31 13h1v1h-1zM32 13h1v1h-1zM33 13h1v1h-1zM34 13h1v1h-1zM38 13h1v1h-1zM42 13h1v1h-1zM2 14h1v1H2zM5 14h1v1H5zM8 14h1v1H8zM9 14h1v1H9zM11 14h1v1h-1zM14 14h1v1h-1zM15 14h1v1h-1zM16 14h1v1h-1zM17 14h1v1h-1zM18 14h1v1h-1zM19 14h1v1h-1zM20 14h1v1h-1zM21 14h1v1h-1zM22 14h1v1h-1zM23 14h1v1h-1zM24 14h1v1h-1zM26 14h1v1h-1zM29 14h1v1h-1zM30 14h1v1h-1zM33 14h1v1h-1zM35 14h1v1h-1zM36 14h1v1h-1zM42 14h1v1h-1zM6 15h1v1H6zM11 15h1v1h-1zM12 15h1v1h-1zM15 15h1v1h-1zM18 15h1v1h-1zM21 15h1v1h-1zM23 15h1v1h-1zM25 15h1v1h-1zM27 15h1v1h-1zM28 15h1v1h-1zM29 15h1v1h-1zM30 15h1v1h-1zM35 15h1v1h-1zM36 15h1v1h-1zM38 15h1v1h-1zM39 15h1v1h-1zM40 15h1v1h-1zM4 16h1v1H4zM6 16h1v1H6zM7 16h1v1H7zM8 16h1v1H8zM9 16h1v1H9zM13 16h1v1h-1zM14 16h1v1h-1zM15 16h1v1h-1zM16 16h1v1h-1zM18 16h1v1h-1zM23 16h1v1h-1zM26 16h1v1h-1zM29 16h1v1h-1zM30 16h1v1h-1zM31 16h1v1h-1zM32 16h1v1h-1zM33 16h1v1h-1zM36 16h1v1h-1zM42 16h1v1h-1zM3 17h1v1H3zM4 17h1v1H4zM6 17h1v1H6zM9 17h1v1H9zM11 17h1v1h-1zM13 17h1v1h-1zM17 17h1v1h-1zM20 17h1v1h-1zM21 17h1v1h-1zM24 17h1v1h-1zM25 17h1v1h-1zM31 17h1v1h-1zM34 17h1v1h-1zM38 17h1v1h-1zM39 17h1v1h-1zM40 17h1v1h-1zM42 17h1v1h-1zM2 18h1v1H2zM3 18h1v1H3zM4 18h1v1H4zM6 18h1v1H6zM7 18h1v1H7zM8 18h1v1H8zM9 18h1v1H9zM11 18h1v1h-1zM12 18h1v1h-1zM15 18h1v1h-1zM21 18h1v1h-1zM22 18h1v1h-1zM26 18h1v1h-1zM28 18h1v1h-1zM29 18h1v1h-1zM30 18h1v1h-1zM32 18h1v1h-1zM33 18h1v1h-1zM34 18h1v1h-1zM38 18h1v1h-1zM39 18h1v1h-1zM40 18h1v1h-1zM4 19h1v1H4zM7 19h1v1H7zM9 19h1v1H9zM12 19h1v1h-1zM14 19h1v1h-1zM15 19h1v1h-1zM16 19h1v1h-1zM17 19h1v1h-1zM20 19h1v1h-1zM22 19h1v1h-1zM23 19h1v1h-1zM25 19h1v1h-1zM27 19h1v1h-1zM29 19h1v1h-1zM31 19h1v1h-1zM34 19h1v1h-1zM35 19h1v1h-1zM36 19h1v1h-1zM38 19h1v1h-1zM42 19h1v1h-1zM5 20h1v1H5zM7 20h1v1H7zM8 20h1v1H8zM10 20h1v1h-1zM11 20h1v1h-1zM12 20h1v1h-1zM13 20h1v1h-1zM17 20h1v1h-1zM18 20h1v1h-1zM21 20h1v1h-1zM25 20h1v1h-1zM29 20h1v1h-1zM30 20h1v1h-1zM32 20h1v1h-1zM34 20h1v1h-1zM35 20h1v1h-1zM37 20h1v1h-1zM42 20h1v1h-1zM3 21h1v1H3zM10 21h1v1h-1zM11 21h1v1h-1zM16 21h1v1h-1zM17 21h1v1h-1zM18 21h1v1h-1zM19 21h1v1h-1zM20 21h1v1h-1zM23 21h1v1h-1zM27 21h1v1h-1zM35 21h1v1h-1zM36 21h1v1h-1zM37 21h1v1h-1zM38 21h1v1h-1zM39 21h1v1h-1zM40 21h1v1h-1zM42 21h1v1h-1zM2 22h1v1H2zM3 22h1v1H3zM4 22h1v1H4zM5 22h1v1H5zM6 22h1v1H6zM7 22h1v1H7zM8 22h1v1H8zM9 22h1v1H9zM11 22h1v1h-1zM15 22h1v1h-1zM16 22h1v1h-1zM22 22h1v1h-1zM23 22h1v1h-1zM26 22h1v1h-1zM28 22h1v1h-1zM29 22h1v1h-1zM31 22h1v1h-1zM32 22h1v1h-1zM33 22h1v1h-1zM36 22h1v1h-1zM37 22h1v1h-1zM38 22h1v1h-1zM40 22h1v1h-1zM41 22h1v1h-1zM42 22h1v1h-1zM2 23h1v1H2zM4 23h1v1H4zM7 23h1v1H7zM9 23h1v1H9zM10 23h1v1h-1zM11 23h1v1h-1zM12 23h1v1h-1zM14 23h1v1h-1zM16 23h1v1h-1zM18 23h1v1h-1zM20 23h1v1h-1zM22 23h1v1h-1zM23 23h1v1h-1zM24 23h1v1h-1zM25 23h1v1h-1zM28 23h1v1h-1zM29 23h1v1h-1zM33 23h1v1h-1zM35 23h1v1h-1zM36 23h1v1h-1zM37 23h1v1h-1zM38 23h1v1h-1zM42 23h1v1h-1zM8 24h1v1H8zM9 24h1v1H9zM10 24h1v1h-1zM13 24h1v1h-1zM17 24h1v1h-1zM18 24h1v1h-1zM19 24h1v1h-1zM25 24h1v1h-1zM26 24h1v1h-1zM27 24h1v1h-1zM28 24h1v1h-1zM29 24h1v1h-1zM30 24h1v1h-1zM32 24h1v1h-1zM34 24h1v1h-1zM37 24h1v1h-1zM38 24h1v1h-1zM39 24h1v1h-1zM40 24h1v1h-1zM42 24h1v1h-1zM2 25h1v1H2zM3 25h1v1H3zM4 25h1v1H4zM5 25h1v1H5zM6 25h1v1H6zM10 25h1v1h-1zM11 25h1v1h-1zM13 25h1v1h-1zM14 25h1v1h-1zM16 25h1v1h-1zM18 25h1v1h-1zM19 25h1v1h-1zM24 25h1v1h-1zM27 25h1v1h-1zM28 25h1v1h-1zM31 25h1v1h-1zM32 25h1v1h-1zM33 25h1v1h-1zM35 25h1v1h-1zM38 25h1v1h-1zM2 26h1v1H2zM3 26h1v1H3zM4 26h1v1H4zM7 26h1v1H7zM8 26h1v1H8zM11 26h1v1h-1zM13 26h1v1h-1zM14 26h1v1h-1zM16 26h1v1h-1zM17 26h1v1h-1zM18 26h1v1h-1zM21 26h1v1h-1zM22 26h1v1h-1zM26 26h1v1h-1zM28 26h1v1h-1zM29 26h1v1h-1zM30 26h1v1h-1zM31 26h1v1h-1zM32 26h1v1h-1zM35 26h1v1h-1zM36 26h1v1h-1zM37 26h1v1h-1zM38 26h1v1h-1zM4 27h1v1H4zM6 27h1v1H6zM7 27h1v1H7zM11 27h1v1h-1zM12 27h1v1h-1zM15 27h1v1h-1zM17 27h1v1h-1zM18 27h1v1h-1zM28 27h1v1h-1zM29 27h1v1h-1zM31 27h1v1h-1zM32 27h1v1h-1zM36 27h1v1h-1zM37 27h1v1h-1zM3 28h1v1H3zM4 28h1v1H4zM5 28h1v1H5zM8 28h1v1H8zM9 28h1v1H9zM11 28h1v1h-1zM14 28h1v1h-1zM15 28h1v1h-1zM17 28h1v1h-1zM18 28h1v1h-1zM20 28h1v1h-1zM21 28h1v1h-1zM23 28h1v1h-1zM24 28h1v1h-1zM27 28h1v1h-1zM28 28h1v1h-1zM29 28h1v1h-1zM30 28h1v1h-1zM31 28h1v1h-1zM32 28h1v1h-1zM36 28h1v1h-1zM38 28h1v1h-1zM39 28h1v1h-1zM40 28h1v1h-1zM42 28h1v1h-1zM3 29h1v1H3zM5 29h1v1H5zM6 29h1v1H6zM7 29h1v1H7zM12 29h1v1h-1zM25 29h1v1h-1zM26 29h1v1h-1zM28 29h1v1h-1zM29 29h1v1h-1zM30 29h1v1h-1zM32 29h1v1h-1zM33 29h1v1h-1zM35 29h1v1h-1zM36 29h1v1h-1zM38 29h1v1h-1zM41 29h1v1h-1zM2 30h1v1H2zM3 30h1v1H3zM6 30h1v1H6zM7 30h1v1H7zM8 30h1v1H8zM9 30h1v1H9zM11 30h1v1h-1zM13 30h1v1h-1zM14 30h1v1h-1zM16 30h1v1h-1zM19 30h1v1h-1zM20 30h1v1h-1zM21 30h1v1h-1zM22 30h1v1h-1zM23 30h1v1h-1zM26 30h1v1h-1zM27 30h1v1h-1zM32 30h1v1h-1zM37 30h1v1h-1zM38 30h1v1h-1zM39 30h1v1h-1zM40 30h1v1h-1zM41 30h1v1h-1zM42 30h1v1h-1zM2 31h1v1H2zM4 31h1v1H4zM6 31h1v1H6zM10 31h1v1h-1zM13 31h1v1h-1zM15 31h1v1h-1zM16 31h1v1h-1zM19 31h1v1h-1zM22 31h1v1h-1zM23 31h1v1h-1zM26 31h1v1h-1zM27 31h1v1h-1zM29 31h1v1h-1zM31 31h1v1h-1zM32 31h1v1h-1zM33 31h1v1h-1zM35 31h1v1h-1zM36 31h1v1h-1zM38 31h1v1h-1zM40 31h1v1h-1zM41 31h1v1h-1zM2 32h1v1H2zM3 32h1v1H3zM5 32h1v1H5zM6 32h1v1H6zM8 32h1v1H8zM14 32h1v1h-1zM16 32h1v1h-1zM18 32h1v1h-1zM20 32h1v1h-1zM22 32h1v1h-1zM23 32h1v1h-1zM24 32h1v1h-1zM25 32h1v1h-1zM26 32h1v1h-1zM27 32h1v1h-1zM28 32h1v1h-1zM29 32h1v1h-1zM30 32h1v1h-1zM32 32h1v1h-1zM33 32h1v1h-1zM34 32h1v1h-1zM35 32h1v1h-1zM36 32h1v1h-1zM38 32h1v1h-1zM39 32h1v1h-1zM41 32h1v1h-1zM42 32h1v1h-1zM2 33h1v1H2zM3 33h1v1H3zM4 33h1v1H4zM5 33h1v1H5zM6 33h1v1H6zM11 33h1v1h-1zM13 33h1v1h-1zM15 33h1v1h-1zM17 33h1v1h-1zM18 33h1v1h-1zM20 33h1v1h-1zM25 33h1v1h-1zM26 33h1v1h-1zM27 33h1v1h-1zM32 33h1v1h-1zM33 33h1v1h-1zM36 33h1v1h-1zM38 33h1v1h-1zM39 33h1v1h-1zM40 33h1v1h-1zM41 33h1v1h-1zM2 34h1v1H2zM3 34h1v1H3zM4 34h1v1H4zM7 34h1v1H7zM8 34h1v1H8zM9 34h1v1H9zM10 34h1v1h-1zM11 34h1v1h-1zM13 34h1v1h-1zM15 34h1v1h-1zM16 34h1v1h-1zM18 34h1v1h-1zM19 34h1v1h-1zM27 34h1v1h-1zM28 34h1v1h-1zM29 34h1v1h-1zM34 34h1v1h-1zM35 34h1v1h-1zM36 34h1v1h-1zM37 34h1v1h-1zM38 34h1v1h-1zM40 34h1v1h-1zM42 34h1v1h-1zM10 35h1v1h-1zM12 35h1v1h-1zM15 35h1v1h-1zM16 35h1v1h-1zM17 35h1v1h-1zM19 35h1v1h-1zM20 35h1v1h-1zM21 35h1v1h-1zM23 35h1v1h-1zM24 35h1v1h-1zM25 35h1v1h-1zM26 35h1v1h-1zM27 35h1v1h-1zM29 35h1v1h-1zM30 35h1v1h-1zM31 35h1v1h-1zM33 35h1v1h-1zM34 35h1v1h-1zM38 35h1v1h-1zM39 35h1v1h-1zM41 35h1v1h-1zM2 36h1v1H2zM3 36h1v1H3zM4 36h1v1H4zM5 36h1v1H5zM6 36h1v1H6zM7 36h1v1H7zM8 36h1v1H8zM11 36h1v1h-1zM13 36h1v1h-1zM15 36h1v1h-1zM17 36h1v1h-1zM18 36h1v1h-1zM22 36h1v1h-1zM24 36h1v1h-1zM25 36h1v1h-1zM27 36h1v1h-1zM30 36h1v1h-1zM34 36h1v1h-1zM36 36h1v1h-1zM38 36h1v1h-1zM39 36h1v1h-1zM41 36h1v1h-1zM2 37h1v1H2zM8 37h1v1H8zM15 37h1v1h-1zM17 37h1v1h-1zM20 37h1v1h-1zM22 37h1v1h-1zM23 37h1v1h-1zM24 37h1v1h-1zM25 37h1v1h-1zM26 37h1v1h-1zM29 37h1v1h-1zM31 37h1v1h-1zM33 37h1v1h-1zM34 37h1v1h-1zM38 37h1v1h-1zM39 37h1v1h-1zM40 37h1v1h-1zM2 38h1v1H2zM4 38h1v1H4zM5 38h1v1H5zM6 38h1v1H6zM8 38h1v1H8zM10 38h1v1h-1zM11 38h1v1h-1zM15 38h1v1h-1zM19 38h1v1h-1zM23 38h1v1h-1zM29 38h1v1h-1zM32 38h1v1h-1zM34 38h1v1h-1zM35 38h1v1h-1zM36 38h1v1h-1zM37 38h1v1h-1zM38 38h1v1h-1zM40 38h1v1h-1zM41 38h1v1h-1zM2 39h1v1H2zM4 39h1v1H4zM5 39h1v1H5zM6 39h1v1H6zM8 39h1v1H8zM10 39h1v1h-1zM12 39h1v1h-1zM14 39h1v1h-1zM16 39h1v1h-1zM19 39h1v1h-1zM20 39h1v1h-1zM21 39h1v1h-1zM22 39h1v1h-1zM25 39h1v1h-1zM27 39h1v1h-1zM28 39h1v1h-1zM29 39h1v1h-1zM30 39h1v1h-1zM32 39h1v1h-1zM33 39h1v1h-1zM34 39h1v1h-1zM38 39h1v1h-1zM39 39h1v1h-1zM2 40h1v1H2zM4 40h1v1H4zM5 40h1v1H5zM6 40h1v1H6zM8 40h1v1H8zM11 40h1v1h-1zM16 40h1v1h-1zM17 40h1v1h-1zM21 40h1v1h-1zM22 40h1v1h-1zM23 40h1v1h-1zM27 40h1v1h-1zM28 40h1v1h-1zM29 40h1v1h-1zM31 40h1v1h-1zM32 40h1v1h-1zM35 40h1v1h-1zM36 40h1v1h-1zM37 40h1v1h-1zM38 40h1v1h-1zM40 40h1v1h-1zM41 40h1v1h-1zM42 40h1v1h-1zM2 41h1v1H2zM8 41h1v1H8zM10 41h1v1h-1zM14 41h1v1h-1zM16 41h1v1h-1zM18 41h1v1h-1zM22 41h1v1h-1zM26 41h1v1h-1zM28 41h1v1h-1zM29 41h1v1h-1zM32 41h1v1h-1zM34 41h1v1h-1zM36 41h1v1h-1zM37 41h1v1h-1zM38 41h1v1h-1zM39 41h1v1h-1zM40 41h1v1h-1zM2 42h1v1H2zM3 42h1v1H3zM4 42h1v1H4zM5 42h1v1H5zM6 42h1v1H6zM7 42h1v1H7zM8 42h1v1H8zM10 42h1v1h-1zM13 42h1v1h-1zM14 42h1v1h-1zM17 42h1v1h-1zM22 42h1v1h-1zM24 42h1v1h-1zM25 42h1v1h-1zM26 42h1v1h-1zM30 42h1v1h-1zM33 42h1v1h-1zM34 42h1v1h-1zM35 42h1v1h-1zM36 42h1v1h-1zM38 42h1v1h-1zM40 42h1v1h-1zM41 42h1v1h-1z"/> + </symbol> + + <symbol id="qr-wechat" viewBox="0 0 90 90" width="90" height="90" > + <path fill="#fff" d="M0 0h33v33H0z"/> + <path d="M2 2h1v1H2zM3 2h1v1H3zM4 2h1v1H4zM5 2h1v1H5zM6 2h1v1H6zM7 2h1v1H7zM8 2h1v1H8zM12 2h1v1h-1zM17 2h1v1h-1zM18 2h1v1h-1zM24 2h1v1h-1zM25 2h1v1h-1zM26 2h1v1h-1zM27 2h1v1h-1zM28 2h1v1h-1zM29 2h1v1h-1zM30 2h1v1h-1zM2 3h1v1H2zM8 3h1v1H8zM11 3h1v1h-1zM15 3h1v1h-1zM17 3h1v1h-1zM18 3h1v1h-1zM20 3h1v1h-1zM21 3h1v1h-1zM24 3h1v1h-1zM30 3h1v1h-1zM2 4h1v1H2zM4 4h1v1H4zM5 4h1v1H5zM6 4h1v1H6zM8 4h1v1H8zM10 4h1v1h-1zM13 4h1v1h-1zM16 4h1v1h-1zM20 4h1v1h-1zM21 4h1v1h-1zM22 4h1v1h-1zM24 4h1v1h-1zM26 4h1v1h-1zM27 4h1v1h-1zM28 4h1v1h-1zM30 4h1v1h-1zM2 5h1v1H2zM4 5h1v1H4zM5 5h1v1H5zM6 5h1v1H6zM8 5h1v1H8zM11 5h1v1h-1zM14 5h1v1h-1zM16 5h1v1h-1zM17 5h1v1h-1zM21 5h1v1h-1zM24 5h1v1h-1zM26 5h1v1h-1zM27 5h1v1h-1zM28 5h1v1h-1zM30 5h1v1h-1zM2 6h1v1H2zM4 6h1v1H4zM5 6h1v1H5zM6 6h1v1H6zM8 6h1v1H8zM11 6h1v1h-1zM14 6h1v1h-1zM15 6h1v1h-1zM16 6h1v1h-1zM17 6h1v1h-1zM19 6h1v1h-1zM24 6h1v1h-1zM26 6h1v1h-1zM27 6h1v1h-1zM28 6h1v1h-1zM30 6h1v1h-1zM2 7h1v1H2zM8 7h1v1H8zM12 7h1v1h-1zM13 7h1v1h-1zM14 7h1v1h-1zM17 7h1v1h-1zM18 7h1v1h-1zM19 7h1v1h-1zM21 7h1v1h-1zM22 7h1v1h-1zM24 7h1v1h-1zM30 7h1v1h-1zM2 8h1v1H2zM3 8h1v1H3zM4 8h1v1H4zM5 8h1v1H5zM6 8h1v1H6zM7 8h1v1H7zM8 8h1v1H8zM10 8h1v1h-1zM12 8h1v1h-1zM14 8h1v1h-1zM16 8h1v1h-1zM18 8h1v1h-1zM20 8h1v1h-1zM22 8h1v1h-1zM24 8h1v1h-1zM25 8h1v1h-1zM26 8h1v1h-1zM27 8h1v1h-1zM28 8h1v1h-1zM29 8h1v1h-1zM30 8h1v1h-1zM10 9h1v1h-1zM13 9h1v1h-1zM15 9h1v1h-1zM17 9h1v1h-1zM19 9h1v1h-1zM20 9h1v1h-1zM21 9h1v1h-1zM2 10h1v1H2zM3 10h1v1H3zM4 10h1v1H4zM6 10h1v1H6zM7 10h1v1H7zM8 10h1v1H8zM9 10h1v1H9zM10 10h1v1h-1zM14 10h1v1h-1zM21 10h1v1h-1zM22 10h1v1h-1zM23 10h1v1h-1zM24 10h1v1h-1zM28 10h1v1h-1zM2 11h1v1H2zM5 11h1v1H5zM6 11h1v1H6zM9 11h1v1H9zM10 11h1v1h-1zM11 11h1v1h-1zM13 11h1v1h-1zM14 11h1v1h-1zM21 11h1v1h-1zM22 11h1v1h-1zM23 11h1v1h-1zM24 11h1v1h-1zM27 11h1v1h-1zM30 11h1v1h-1zM7 12h1v1H7zM8 12h1v1H8zM10 12h1v1h-1zM12 12h1v1h-1zM13 12h1v1h-1zM14 12h1v1h-1zM18 12h1v1h-1zM20 12h1v1h-1zM25 12h1v1h-1zM28 12h1v1h-1zM29 12h1v1h-1zM30 12h1v1h-1zM2 13h1v1H2zM3 13h1v1H3zM7 13h1v1H7zM10 13h1v1h-1zM11 13h1v1h-1zM12 13h1v1h-1zM14 13h1v1h-1zM15 13h1v1h-1zM18 13h1v1h-1zM19 13h1v1h-1zM22 13h1v1h-1zM23 13h1v1h-1zM25 13h1v1h-1zM27 13h1v1h-1zM29 13h1v1h-1zM2 14h1v1H2zM5 14h1v1H5zM8 14h1v1H8zM10 14h1v1h-1zM12 14h1v1h-1zM13 14h1v1h-1zM19 14h1v1h-1zM21 14h1v1h-1zM22 14h1v1h-1zM23 14h1v1h-1zM24 14h1v1h-1zM27 14h1v1h-1zM29 14h1v1h-1zM30 14h1v1h-1zM3 15h1v1H3zM4 15h1v1H4zM5 15h1v1H5zM6 15h1v1H6zM10 15h1v1h-1zM12 15h1v1h-1zM13 15h1v1h-1zM15 15h1v1h-1zM16 15h1v1h-1zM18 15h1v1h-1zM20 15h1v1h-1zM23 15h1v1h-1zM24 15h1v1h-1zM27 15h1v1h-1zM28 15h1v1h-1zM30 15h1v1h-1zM2 16h1v1H2zM3 16h1v1H3zM5 16h1v1H5zM8 16h1v1H8zM9 16h1v1H9zM16 16h1v1h-1zM19 16h1v1h-1zM20 16h1v1h-1zM24 16h1v1h-1zM25 16h1v1h-1zM26 16h1v1h-1zM29 16h1v1h-1zM30 16h1v1h-1zM10 17h1v1h-1zM13 17h1v1h-1zM15 17h1v1h-1zM17 17h1v1h-1zM19 17h1v1h-1zM21 17h1v1h-1zM22 17h1v1h-1zM27 17h1v1h-1zM29 17h1v1h-1zM2 18h1v1H2zM5 18h1v1H5zM6 18h1v1H6zM8 18h1v1H8zM9 18h1v1H9zM11 18h1v1h-1zM14 18h1v1h-1zM15 18h1v1h-1zM17 18h1v1h-1zM19 18h1v1h-1zM20 18h1v1h-1zM21 18h1v1h-1zM22 18h1v1h-1zM23 18h1v1h-1zM24 18h1v1h-1zM29 18h1v1h-1zM30 18h1v1h-1zM3 19h1v1H3zM9 19h1v1H9zM12 19h1v1h-1zM13 19h1v1h-1zM14 19h1v1h-1zM15 19h1v1h-1zM19 19h1v1h-1zM20 19h1v1h-1zM22 19h1v1h-1zM24 19h1v1h-1zM28 19h1v1h-1zM30 19h1v1h-1zM2 20h1v1H2zM8 20h1v1H8zM10 20h1v1h-1zM11 20h1v1h-1zM12 20h1v1h-1zM13 20h1v1h-1zM14 20h1v1h-1zM15 20h1v1h-1zM23 20h1v1h-1zM24 20h1v1h-1zM25 20h1v1h-1zM27 20h1v1h-1zM29 20h1v1h-1zM30 20h1v1h-1zM3 21h1v1H3zM6 21h1v1H6zM7 21h1v1H7zM9 21h1v1H9zM10 21h1v1h-1zM11 21h1v1h-1zM14 21h1v1h-1zM15 21h1v1h-1zM17 21h1v1h-1zM19 21h1v1h-1zM20 21h1v1h-1zM22 21h1v1h-1zM23 21h1v1h-1zM27 21h1v1h-1zM29 21h1v1h-1zM2 22h1v1H2zM4 22h1v1H4zM5 22h1v1H5zM7 22h1v1H7zM8 22h1v1H8zM10 22h1v1h-1zM11 22h1v1h-1zM13 22h1v1h-1zM17 22h1v1h-1zM21 22h1v1h-1zM22 22h1v1h-1zM23 22h1v1h-1zM24 22h1v1h-1zM25 22h1v1h-1zM26 22h1v1h-1zM10 23h1v1h-1zM12 23h1v1h-1zM13 23h1v1h-1zM16 23h1v1h-1zM17 23h1v1h-1zM18 23h1v1h-1zM19 23h1v1h-1zM21 23h1v1h-1zM22 23h1v1h-1zM26 23h1v1h-1zM28 23h1v1h-1zM29 23h1v1h-1zM30 23h1v1h-1zM2 24h1v1H2zM3 24h1v1H3zM4 24h1v1H4zM5 24h1v1H5zM6 24h1v1H6zM7 24h1v1H7zM8 24h1v1H8zM10 24h1v1h-1zM11 24h1v1h-1zM15 24h1v1h-1zM16 24h1v1h-1zM21 24h1v1h-1zM22 24h1v1h-1zM24 24h1v1h-1zM26 24h1v1h-1zM27 24h1v1h-1zM29 24h1v1h-1zM30 24h1v1h-1zM2 25h1v1H2zM8 25h1v1H8zM10 25h1v1h-1zM13 25h1v1h-1zM15 25h1v1h-1zM17 25h1v1h-1zM19 25h1v1h-1zM22 25h1v1h-1zM26 25h1v1h-1zM30 25h1v1h-1zM2 26h1v1H2zM4 26h1v1H4zM5 26h1v1H5zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1h-1zM11 26h1v1h-1zM12 26h1v1h-1zM14 26h1v1h-1zM15 26h1v1h-1zM17 26h1v1h-1zM18 26h1v1h-1zM22 26h1v1h-1zM23 26h1v1h-1zM24 26h1v1h-1zM25 26h1v1h-1zM26 26h1v1h-1zM27 26h1v1h-1zM2 27h1v1H2zM4 27h1v1H4zM5 27h1v1H5zM6 27h1v1H6zM8 27h1v1H8zM11 27h1v1h-1zM13 27h1v1h-1zM14 27h1v1h-1zM15 27h1v1h-1zM18 27h1v1h-1zM19 27h1v1h-1zM22 27h1v1h-1zM23 27h1v1h-1zM26 27h1v1h-1zM29 27h1v1h-1zM30 27h1v1h-1zM2 28h1v1H2zM4 28h1v1H4zM5 28h1v1H5zM6 28h1v1H6zM8 28h1v1H8zM10 28h1v1h-1zM11 28h1v1h-1zM13 28h1v1h-1zM14 28h1v1h-1zM15 28h1v1h-1zM22 28h1v1h-1zM25 28h1v1h-1zM26 28h1v1h-1zM27 28h1v1h-1zM28 28h1v1h-1zM30 28h1v1h-1zM2 29h1v1H2zM8 29h1v1H8zM10 29h1v1h-1zM14 29h1v1h-1zM15 29h1v1h-1zM16 29h1v1h-1zM18 29h1v1h-1zM19 29h1v1h-1zM20 29h1v1h-1zM21 29h1v1h-1zM22 29h1v1h-1zM24 29h1v1h-1zM25 29h1v1h-1zM26 29h1v1h-1zM27 29h1v1h-1zM29 29h1v1h-1zM2 30h1v1H2zM3 30h1v1H3zM4 30h1v1H4zM5 30h1v1H5zM6 30h1v1H6zM7 30h1v1H7zM8 30h1v1H8zM10 30h1v1h-1zM13 30h1v1h-1zM14 30h1v1h-1zM16 30h1v1h-1zM17 30h1v1h-1zM21 30h1v1h-1zM22 30h1v1h-1zM25 30h1v1h-1zM29 30h1v1h-1zM30 30h1v1h-1z"/> + </symbol> </svg>