all repos — nasg @ 3cdb515bc3c17c1cfc793b7f3743aeebe610841c 

theme cleanups of unused bits; better light theme, altered dark theme
Peter Molnar hello@petermolnar.eu
Mon, 31 Dec 2018 17:22:31 +0000
commit

3cdb515bc3c17c1cfc793b7f3743aeebe610841c

parent

1f8e81c3809ae19495e37fb6fe69c447f60f01b2

6 files changed, 160 insertions(+), 163 deletions(-)

jump to
M settings.py → settings.py 
@@ -63,7 +63,6 @@ }
 
 paths = {
     'content': os.path.join(base, 'content'),
-    #'webmentions': os.path.join(base, 'content', 'webmentions'),
     'tmpl': os.path.join(base, 'nasg', 'templates'),
     'watermark': os.path.join(base, 'nasg', 'templates', 'watermark.png'),
     'build': os.path.join(base, 'www'),
M templates/WebImage.j2.html → templates/WebImage.j2.html 
@@ -54,12 +54,5 @@ {{ exif.lens }}
             </dd>
         </dl>
 {% endif %}
-{% if onlinecopies|length > 1 %}
-<ul>
-{% for copy in onlinecopies %}
-    <li><a href="{{ copy }}">[{{ loop.index }}]</a></li>
-{% endfor %}
-</ul>
-{% endif %}
     </figcaption>
 </figure>
M templates/base.j2.html → templates/base.j2.html 
@@ -26,79 +26,73 @@
 {% macro activemenu(name) %}{% if (post is defined and post.slug ==  name ) or (post is defined and post.category ==  name ) or ( category is defined and category.name == name ) %}active{% endif %}{% endmacro %}
 
 <header>
-    <nav>
-        <ul>
-            <li>
-                <a title="home" href="{{ site.url }}/" class="{{ activemenu('') }}">
-                    <svg width="16" height="16"><use xlink:href="#icon-home" /></svg>
-                    home
-                </a>
-            </li>
-            <li>
-                <a title="photos" href="{{ site.url }}/category/photo/" class="{{ activemenu('photo') }}">
-                    <svg width="18" height="16"><use xlink:href="#icon-photo" /></svg>
-                    photos
-                </a>
-            </li>
-            <li>
-                <a title="journal" href="{{ site.url }}/category/journal/" class="{{ activemenu('journal') }}">
-                    <svg width="16" height="16"><use xlink:href="#icon-journal" /></svg>
-                    journal
-                </a>
-            </li>
-            <li>
-                <a title="IT" href="{{ site.url }}/category/article/" class="{{ activemenu('article') }}">
-                    <svg width="16" height="16"><use xlink:href="#icon-article" /></svg>
-                    IT
-                </a>
-            </li>
-            <li>
-                <a title="notes" href="{{ site.url }}/category/note/" class="{{ activemenu('note') }}">
-                    <svg width="16" height="16"><use xlink:href="#icon-note" /></svg>
-                    notes
-                </a>
-            </li>
-            <li>
-                <a title="follow petermolnar.net" href="{{ site.url }}/follow/" class="{{ activemenu('follow') }}">
-                    <svg width="16" height="16"><use xlink:href="#icon-feed" /></svg>
-                    follow
-                </a>
-            </li>
-            <!--
-            <li>
-                <a title="websites I read" href="{{ site.url }}/following.opml">
-                    <svg width="16" height="16"><use xlink:href="#icon-people" /></svg>
-                    following
-                </a>
-            </li>
-            -->
-        </ul>
-    </nav>
+    <section>
+        <nav>
+            <ul>
+                <li>
+                    <a title="home" href="{{ site.url }}/" class="{{ activemenu('') }}">
+                        <svg width="16" height="16"><use xlink:href="#icon-home" /></svg>
+                        home
+                    </a>
+                </li>
+                <li>
+                    <a title="photos" href="{{ site.url }}/category/photo/" class="{{ activemenu('photo') }}">
+                        <svg width="18" height="16"><use xlink:href="#icon-photo" /></svg>
+                        photos
+                    </a>
+                </li>
+                <li>
+                    <a title="journal" href="{{ site.url }}/category/journal/" class="{{ activemenu('journal') }}">
+                        <svg width="16" height="16"><use xlink:href="#icon-journal" /></svg>
+                        journal
+                    </a>
+                </li>
+                <li>
+                    <a title="IT" href="{{ site.url }}/category/article/" class="{{ activemenu('article') }}">
+                        <svg width="16" height="16"><use xlink:href="#icon-article" /></svg>
+                        IT
+                    </a>
+                </li>
+                <li>
+                    <a title="notes" href="{{ site.url }}/category/note/" class="{{ activemenu('note') }}">
+                        <svg width="16" height="16"><use xlink:href="#icon-note" /></svg>
+                        notes
+                    </a>
+                </li>
+                <li>
+                    <a title="follow petermolnar.net" href="{{ site.url }}/follow/" class="{{ activemenu('follow') }}">
+                        <svg width="16" height="16"><use xlink:href="#icon-feed" /></svg>
+                        follow
+                    </a>
+                </li>
+            </ul>
+        </nav>
 
-    <div>
-        <form class="theme" aria-hidden="true">
-            <svg width="16" height="16">
-                <use xlink:href="#icon-contrast"></use>
-            </svg>
-            <span>
-                <input name="colorscheme" value="dark" id="darkscheme" type="radio">
-                <label for="darkscheme">dark</label>
-            </span>
-            <span>
-                <input name="colorscheme" value="light" id="lightscheme" type="radio">
-                <label for="lightscheme">light</label>
-            </span>
-        </form>
-        <form role="search" method="get" action="{{ site.url }}/search.php">
-            <label for="qsub">
-                <input type="submit" value="search" id="qsub" name="qsub" />
+        <div>
+            <form class="theme" aria-hidden="true">
                 <svg width="16" height="16">
-                    <use xlink:href="#icon-search"></use>
+                    <use xlink:href="#icon-contrast"></use>
                 </svg>
-            </label>
-            <input type="search" placeholder="search..." value="" name="q" id="q" title="Search for:" />
-        </form>
-    </div>
+                <span>
+                    <input name="colorscheme" value="dark" id="darkscheme" type="radio">
+                    <label for="darkscheme">dark</label>
+                </span>
+                <span>
+                    <input name="colorscheme" value="light" id="lightscheme" type="radio">
+                    <label for="lightscheme">light</label>
+                </span>
+            </form>
+            <form role="search" method="get" action="{{ site.url }}/search.php">
+                <label for="qsub">
+                    <input type="submit" value="search" id="qsub" name="qsub" />
+                    <svg width="16" height="16">
+                        <use xlink:href="#icon-search"></use>
+                    </svg>
+                </label>
+                <input type="search" placeholder="search..." value="" name="q" id="q" title="Search for:" />
+            </form>
+        </div>
+    </section>
 </header>
 
 {% block content %}

@@ -260,17 +254,6 @@ {{ post.url }}
                     </a>
                 </dd>
 
-                <!--
-                <dt>Classification</dt>
-                <dd>
-                    <ul>
-                    {% for c in post.classification %}
-                        <li>{{ c }}</li>
-                    {% endfor %}
-                    </ul>
-                </dd>
-                -->
-
             </dl>
             <p aria-hidden="true" hidden="hidden" itemprop="publisher" itemscope="" itemtype="https://schema.org/Organization">
                 <span itemprop="name">{{ site.domain }}</span>

@@ -399,8 +382,8 @@ {% endblock %}
 
 
 <footer class="p-author h-card vcard" property="p-author h-card" id="author" itemprop="author publisher" itemscope="" itemtype="https://schema.org/Person https://schema.org/Organization">
-    <div>
-        <section>
+    <section>
+        <div>
             <p>
                 <a href="https://creativecommons.org/">CC</a>,
                 1999-2018,

@@ -413,6 +396,36 @@ itemprop="image url" />
                 </span>
                 <a class="fn p-name url u-url u-uid" property="p-name u-url u-uid" rel="me" href="{{ site.url }}"><span itemprop="name">{{ author.name }}</span></a>
             </p>
+            <p>
+                <a href="https://xn--sr8hvo.ws/🇻🇮📢/previous">←</a>
+                    Member of <a href="https://xn--sr8hvo.ws">IndieWeb Webring</a>
+                <a href="https://xn--sr8hvo.ws/🇻🇮📢/next">→</a>
+            </p>
+        </div>
+        <div>
+            <nav>
+                <ul>
+                    <li>
+                        <a class="u-email email" property="u-email" rel="me" href="mailto:{{ author.email }}">
+                            <svg width="16" height="16">
+                                <title>email</title>
+                                <use xlink:href="#icon-mail"></use>
+                            </svg>
+                            <span itemprop="email">{{ author.email }}</span>
+                        </a>
+                    </li>
+                    {% for name, value in author.contact.items() %}
+                    <li>
+                        <a class="url u-url x-{{name}}" property="u-url x-{{name}}" rel="me" href="{{ value }}" itemprop="sameAs">
+                            <svg width="16" height="16">
+                                <title>{{ name }}</title>
+                                <use xlink:href="#icon-{{ name }}"></use>
+                            </svg>
+                        </a>
+                    </li>
+                    {% endfor %}
+                </ul>
+            </nav>
             <nav>
                 <ul>
                     <li>

@@ -435,37 +448,8 @@ </a>
                     </li>
                 </ul>
             </nav>
-            <p>
-                <a href="https://xn--sr8hvo.ws/🇻🇮📢/previous">←</a>
-                    Member of <a href="https://xn--sr8hvo.ws">IndieWeb Webring</a>
-                <a href="https://xn--sr8hvo.ws/🇻🇮📢/next">→</a>
-            </p>
-        </section>
-        <nav>
-            <dl>
-                <dt>email</dt>
-                <dd>
-                    <a class="u-email email" property="u-email" rel="me" href="mailto:{{ author.email }}">
-                        <svg width="16" height="16">
-                            <use xlink:href="#icon-mail"></use>
-                        </svg>
-                        <span itemprop="email">{{ author.email }}</span>
-                    </a>
-                </dd>
-                {% for name, value in author.contact.items() %}
-                <dt>{{ name }}</dt>
-                <dd>
-                    <a class="url u-url x-{{name}}" property="u-url x-{{name}}" rel="me" href="{{ value }}" itemprop="sameAs">
-                        <svg width="16" height="16">
-                            <use xlink:href="#icon-{{ name }}"></use>
-                        </svg>
-                        <span>{{ value }}</span>
-                    </a>
-                </dd>
-                {% endfor %}
-            </dl>
-        </nav>
-    </div>
+        </div>
+    </section>
 </footer>
 
 <script>
M templates/style-alt.css → templates/style-alt.css 
@@ -36,4 +36,18 @@ }
 
 pre> code::before {
   color: #444;
+}    
+
+body > header,
+body > footer {
+  background-color: #333
+}
+
+body > footer a {
+  color: #71B3F4;
+}
+
+body > footer a:hover {
+  color: #fff;
+  border-bottom: 1px solid #fff;
 }
M templates/style.css → templates/style.css 
@@ -4,17 +4,12 @@ -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
-html {
-  background-color: #111;
-  color: #bbb;
-}
-
 body {
   margin: 0;
   padding: 0;
   font-family: sans-serif;
   color: #ccc;
-  background-color: #222;
+  background-color: #26272A;
   line-height: 1.3em;
   position: relative;
 }

@@ -22,13 +17,15 @@
 svg {
   transform: rotate(0deg);
   fill: currentColor;
-  vertical-align: middle;
+  vertical-align:text-bottom;
 }
 
 a {
-  color: #5193D4;
+  color: #f90;
+  /*color: #5193D4;*/
   text-decoration: none;
   border-bottom: 1px solid transparent;
+  
 }
 
 a:hover {

@@ -217,6 +214,8 @@ body > footer {
   padding: 0.6em 0.6em;
   background-color: #111;
   text-align: center;
+/*background-color: #424747;
+  text-shadow: 1px 1px #222;*/
 }
 
 body > header nav {

@@ -263,11 +262,24 @@ input[type=submit] {
   display: none;
 }
 
+footer img {
+  width: 1em;
+}
+
 body > main,
 body > nav,
-body > footer > div {
+body > header > section,
+body > footer > section {
   max-width: 86ch;
   margin: 0 auto;
+  padding: 0 0.6em;
+}
+
+body > header > section > * {
+  font-size: 0.9em;
+}
+
+body > nav {
   padding: 0.6em;
 }
 

@@ -287,29 +299,21 @@ body > nav .current {
   color: #999;
 }
 
-
 body > footer {
   color: #ccc;
 }
 
-body > footer img {
-  width: 1em;
-}
-
-
-body > footer dt {
+body > footer li span {
   display: none;
 }
 
-body > footer > div > * {
+body > footer > section > * {
   font-family: monospace;
   font-size: 1.1em;
 }
 
-body > footer > div > nav {
-  text-align: left;
-  display: inline-block;
-  margin: 0 auto;
+body > footer nav {
+  margin: 1em 0;
 }
 
 .footnotes a {

@@ -325,16 +329,6 @@ .footnote-back {
   margin: 0 0 0 0.1em;
 }
 
-figcaption dt,
-body > svg,
-body > script,
-body > footer h2,
-.h-feed h1,
-.theme,
-.theme input {
-  display: none;
-}
-
 .encourage {
   text-align: center;
   padding-bottom: 2em;

@@ -348,16 +342,29 @@ .encourage li {
   margin: 0 0.6em;
 }
 
+.h-feed > article > footer {
+  display: none;
+}
+
+figcaption dt,
+body > svg,
+body > script,
+body > footer h2,
+.h-feed h1,
+.theme,
+.theme input {
+  display: none;
+}
 @media all and (min-width: 58em) {
-  body > header,
-  body > footer > div {
+  body > header > section,
+  body > footer > section {
     text-align: left;
     display: flex;
     justify-content:space-between;
   }
 
   body > header form,
-  body > footer > div > nav {
+  body > footer > section > nav {
     margin: 0;
   }
 

@@ -373,4 +380,4 @@ bottom: 0;
   right: 0;
   width: 10em;
   height: auto;
-}                                +}
M templates/symbols.svg → templates/symbols.svg 
@@ -1,6 +1,6 @@
 <svg aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <symbol id="icon-flickr" viewBox="0 0 16 16">
-        <path fill="#0063dc" style="fill: var(--color6, #0063dc)" d="M0 8c0 2.049 1.663 3.709 3.71 3.709 2.050 0 3.713-1.66 3.713-3.709s-1.662-3.709-3.713-3.709c-2.047 0-3.71 1.66-3.71 3.709zM8.577 8c0 2.049 1.662 3.709 3.711 3.709 2.042 0 3.711-1.66 3.711-3.709s-1.661-3.709-3.709-3.709c-2.050 0-3.713 1.66-3.713 3.709z"></path>
+        <path d="M0 8c0 2.049 1.663 3.709 3.71 3.709 2.050 0 3.713-1.66 3.713-3.709s-1.662-3.709-3.713-3.709c-2.047 0-3.71 1.66-3.71 3.709zM8.577 8c0 2.049 1.662 3.709 3.711 3.709 2.042 0 3.711-1.66 3.711-3.709s-1.661-3.709-3.709-3.709c-2.050 0-3.713 1.66-3.713 3.709z"></path>
     </symbol>
     <symbol id="icon-github" viewBox="0 0 16 16">
         <path d="M8 0.198c-4.42 0-8 3.582-8 8 0 3.535 2.292 6.533 5.47 7.59 0.4 0.075 0.547-0.172 0.547-0.385 0-0.19-0.007-0.693-0.010-1.36-2.225 0.483-2.695-1.073-2.695-1.073-0.364-0.923-0.89-1.17-0.89-1.17-0.725-0.496 0.056-0.486 0.056-0.486 0.803 0.056 1.225 0.824 1.225 0.824 0.713 1.223 1.873 0.87 2.33 0.665 0.072-0.517 0.278-0.87 0.507-1.070-1.777-0.2-3.644-0.888-3.644-3.953 0-0.873 0.31-1.587 0.823-2.147-0.090-0.202-0.36-1.015 0.070-2.117 0 0 0.67-0.215 2.2 0.82 0.64-0.178 1.32-0.266 2-0.27 0.68 0.004 1.36 0.092 2 0.27 1.52-1.035 2.19-0.82 2.19-0.82 0.43 1.102 0.16 1.915 0.080 2.117 0.51 0.56 0.82 1.273 0.82 2.147 0 3.073-1.87 3.75-3.65 3.947 0.28 0.24 0.54 0.731 0.54 1.48 0 1.071-0.010 1.931-0.010 2.191 0 0.21 0.14 0.46 0.55 0.38 3.201-1.049 5.491-4.049 5.491-7.579 0-4.418-3.582-8-8-8z"></path>

@@ -9,7 +9,7 @@ <symbol id="icon-xmpp" viewBox="0 0 16 16">
         <path d="M0 2.13c0.1 3.83 3.24 7.8 7.020 10-0.87 0.68-1.84 1.2-2.9 1.46v0.18c1.3-0.12 2.6-0.5 3.87-1.1 0.42 0.2 0.85 0.38 1.28 0.54 0.43 0.17 0.88 0.3 1.33 0.4 0.5 0.13 0.97 0.2 1.44 0.25v-0.050h0.030v-0.14c-1.12-0.3-2.14-0.84-3.040-1.56 3.77-2.17 6.87-6.11 6.97-9.99l-2.4 0.94-2.47 0.73v0.36c0 2.28-1.15 5.060-3.080 7.050-1.87-1.97-3-4.7-3-6.95 0-0.12 0-0.24 0.020-0.37l-2.3-0.68-2.77-1.070z"></path>
     </symbol>
     <symbol id="icon-paypal" viewBox="0 0 16 16">
-        <path fill="#00457c" style="fill: var(--color10, #00457c)" d="M4.605 16h-2.069c-0.443 0-0.724-0.353-0.624-0.787l0.099-0.449h1.381c0.444 0 0.891-0.355 0.988-0.788l0.709-3.061c0.1-0.432 0.544-0.787 0.987-0.787h0.589c2.526 0 4.489-0.519 5.893-1.56s2.107-2.4 2.107-4.090c0-0.75-0.13-1.37-0.392-1.859 0-0.011-0.011-0.021-0.011-0.031l0.090 0.050c0.5 0.31 0.88 0.709 1.141 1.209 0.269 0.5 0.399 1.12 0.399 1.861 0 1.69-0.699 3.049-2.109 4.090-1.4 1.030-3.37 1.549-5.889 1.549h-0.6c-0.44 0-0.889 0.35-0.989 0.791l-0.71 3.070c-0.099 0.43-0.54 0.78-0.98 0.78l-0.008 0.012zM2.821 14.203h-2.070c-0.442 0-0.723-0.353-0.624-0.787l2.915-12.629c0.101-0.435 0.543-0.788 0.987-0.788h4.31c0.93 0 1.739 0.065 2.432 0.193 0.69 0.126 1.28 0.346 1.789 0.66 0.491 0.31 0.881 0.715 1.131 1.212 0.259 0.499 0.389 1.12 0.389 1.865 0 1.69-0.701 3.049-2.109 4.079-1.4 1.041-3.371 1.551-5.891 1.551h-0.589c-0.44 0-0.885 0.349-0.985 0.779l-0.707 3.059c-0.099 0.431-0.545 0.781-0.99 0.781l0.011 0.024zM7.785 2.624h-0.676c-0.444 0-0.888 0.353-0.987 0.785l-0.62 2.68c-0.1 0.432 0.18 0.786 0.62 0.786h0.511c1.109 0 1.98-0.229 2.6-0.681 0.619-0.457 0.93-1.103 0.93-1.941 0-0.553-0.201-0.963-0.6-1.227-0.4-0.269-1-0.403-1.791-0.403l0.013 0.001z"></path>
+        <path d="M4.605 16h-2.069c-0.443 0-0.724-0.353-0.624-0.787l0.099-0.449h1.381c0.444 0 0.891-0.355 0.988-0.788l0.709-3.061c0.1-0.432 0.544-0.787 0.987-0.787h0.589c2.526 0 4.489-0.519 5.893-1.56s2.107-2.4 2.107-4.090c0-0.75-0.13-1.37-0.392-1.859 0-0.011-0.011-0.021-0.011-0.031l0.090 0.050c0.5 0.31 0.88 0.709 1.141 1.209 0.269 0.5 0.399 1.12 0.399 1.861 0 1.69-0.699 3.049-2.109 4.090-1.4 1.030-3.37 1.549-5.889 1.549h-0.6c-0.44 0-0.889 0.35-0.989 0.791l-0.71 3.070c-0.099 0.43-0.54 0.78-0.98 0.78l-0.008 0.012zM2.821 14.203h-2.070c-0.442 0-0.723-0.353-0.624-0.787l2.915-12.629c0.101-0.435 0.543-0.788 0.987-0.788h4.31c0.93 0 1.739 0.065 2.432 0.193 0.69 0.126 1.28 0.346 1.789 0.66 0.491 0.31 0.881 0.715 1.131 1.212 0.259 0.499 0.389 1.12 0.389 1.865 0 1.69-0.701 3.049-2.109 4.079-1.4 1.041-3.371 1.551-5.891 1.551h-0.589c-0.44 0-0.885 0.349-0.985 0.779l-0.707 3.059c-0.099 0.431-0.545 0.781-0.99 0.781l0.011 0.024zM7.785 2.624h-0.676c-0.444 0-0.888 0.353-0.987 0.785l-0.62 2.68c-0.1 0.432 0.18 0.786 0.62 0.786h0.511c1.109 0 1.98-0.229 2.6-0.681 0.619-0.457 0.93-1.103 0.93-1.941 0-0.553-0.201-0.963-0.6-1.227-0.4-0.269-1-0.403-1.791-0.403l0.013 0.001z"></path>
     </symbol>
     <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>

@@ -69,12 +69,12 @@ <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-whatsapp" viewBox="0 0 16 16">
-        <path fill="#25d366" d="M11.665 9.588c-0.201-0.1-1.178-0.578-1.36-0.644-0.182-0.067-0.315-0.1-0.449 0.1-0.131 0.197-0.514 0.643-0.629 0.775-0.117 0.13-0.233 0.14-0.431 0.050-0.2-0.1-0.842-0.31-1.602-0.99-0.592-0.53-0.989-1.18-1.107-1.38-0.116-0.2-0.013-0.31 0.087-0.41 0.091-0.090 0.201-0.23 0.301-0.349 0.097-0.121 0.129-0.201 0.198-0.331 0.067-0.14 0.033-0.25-0.017-0.349s-0.448-1.080-0.615-1.471c-0.16-0.389-0.325-0.34-0.448-0.34-0.115-0.010-0.247-0.010-0.381-0.010s-0.349 0.049-0.531 0.239c-0.182 0.2-0.697 0.68-0.697 1.65s0.713 1.91 0.813 2.050c0.099 0.13 1.403 2.13 3.4 2.99 0.476 0.2 0.847 0.32 1.136 0.419 0.476 0.151 0.91 0.13 1.253 0.081 0.383-0.061 1.178-0.481 1.344-0.951 0.17-0.47 0.17-0.86 0.12-0.95s-0.18-0.14-0.38-0.23zM8.041 14.5h-0.011c-1.18 0-2.349-0.32-3.37-0.92l-0.24-0.143-2.5 0.65 0.67-2.43-0.159-0.25c-0.66-1.051-1.011-2.261-1.011-3.507 0-3.63 2.97-6.59 6.628-6.59 1.769 0 3.43 0.69 4.681 1.94 1.25 1.239 1.939 2.9 1.939 4.66-0.003 3.629-2.973 6.59-6.623 6.59zM13.68 2.299c-1.52-1.469-3.52-2.299-5.65-2.299-4.388 0-7.961 3.556-7.963 7.929 0 1.397 0.366 2.76 1.063 3.963l-1.131 4.108 4.223-1.101c1.164 0.629 2.473 0.963 3.807 0.965h0.004c4.39 0 7.964-3.557 7.966-7.931 0-2.117-0.827-4.11-2.33-5.607z"></path>
+        <path d="M11.665 9.588c-0.201-0.1-1.178-0.578-1.36-0.644-0.182-0.067-0.315-0.1-0.449 0.1-0.131 0.197-0.514 0.643-0.629 0.775-0.117 0.13-0.233 0.14-0.431 0.050-0.2-0.1-0.842-0.31-1.602-0.99-0.592-0.53-0.989-1.18-1.107-1.38-0.116-0.2-0.013-0.31 0.087-0.41 0.091-0.090 0.201-0.23 0.301-0.349 0.097-0.121 0.129-0.201 0.198-0.331 0.067-0.14 0.033-0.25-0.017-0.349s-0.448-1.080-0.615-1.471c-0.16-0.389-0.325-0.34-0.448-0.34-0.115-0.010-0.247-0.010-0.381-0.010s-0.349 0.049-0.531 0.239c-0.182 0.2-0.697 0.68-0.697 1.65s0.713 1.91 0.813 2.050c0.099 0.13 1.403 2.13 3.4 2.99 0.476 0.2 0.847 0.32 1.136 0.419 0.476 0.151 0.91 0.13 1.253 0.081 0.383-0.061 1.178-0.481 1.344-0.951 0.17-0.47 0.17-0.86 0.12-0.95s-0.18-0.14-0.38-0.23zM8.041 14.5h-0.011c-1.18 0-2.349-0.32-3.37-0.92l-0.24-0.143-2.5 0.65 0.67-2.43-0.159-0.25c-0.66-1.051-1.011-2.261-1.011-3.507 0-3.63 2.97-6.59 6.628-6.59 1.769 0 3.43 0.69 4.681 1.94 1.25 1.239 1.939 2.9 1.939 4.66-0.003 3.629-2.973 6.59-6.623 6.59zM13.68 2.299c-1.52-1.469-3.52-2.299-5.65-2.299-4.388 0-7.961 3.556-7.963 7.929 0 1.397 0.366 2.76 1.063 3.963l-1.131 4.108 4.223-1.101c1.164 0.629 2.473 0.963 3.807 0.965h0.004c4.39 0 7.964-3.557 7.966-7.931 0-2.117-0.827-4.11-2.33-5.607z"></path>
     </symbol>
     <symbol id="icon-telegram" viewBox="0 0 16 16">
-        <path fill="#2ca5e0" d="M6.019 13.891c-0.476 0-0.395-0.181-0.559-0.633l-1.402-4.613 10.785-6.399z"></path>
-        <path fill="#2ca5e0" d="M6.019 13.891c0.368 0 0.53-0.168 0.737-0.369l1.961-1.905-2.447-1.476z"></path>
-        <path fill="#2ca5e0" d="M6.269 10.142l5.927 4.379c0.677 0.373 1.165 0.181 1.333-0.628l2.413-11.369c0.248-0.991-0.376-1.439-1.023-1.147l-14.169 5.465c-0.967 0.388-0.962 0.928-0.176 1.169l3.637 1.133 8.416-5.309c0.397-0.24 0.762-0.111 0.463 0.155z"></path>
+        <path d="M6.019 13.891c-0.476 0-0.395-0.181-0.559-0.633l-1.402-4.613 10.785-6.399z"></path>
+        <path d="M6.019 13.891c0.368 0 0.53-0.168 0.737-0.369l1.961-1.905-2.447-1.476z"></path>
+        <path d="M6.269 10.142l5.927 4.379c0.677 0.373 1.165 0.181 1.333-0.628l2.413-11.369c0.248-0.991-0.376-1.439-1.023-1.147l-14.169 5.465c-0.967 0.388-0.962 0.928-0.176 1.169l3.637 1.133 8.416-5.309c0.397-0.24 0.762-0.111 0.463 0.155z"></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>