petermolnar's repositories — nasg: 1f8e81c3809ae19495e37fb6fe69c447f60f01b2

re-adding immediate async processing; is_page added to hide a few footer metatada in page type posts; unused symbols removed, but assets updated; footer extended with a lot of extra information; kcl action replaced;

Peter Molnar hello@petermolnar.eu

Thu, 27 Dec 2018 19:48:06 +0000

commit

1f8e81c3809ae19495e37fb6fe69c447f60f01b2

parent

26c6ef77edd9f7cef90175fd4abde2a31749779d

24 files changed, 1073 insertions(+), 765 deletions(-)

jump to

Pipfile.lock

README.md

assets/icomoon/Read Me.txt

assets/icomoon/SVG/cv.svg

assets/icomoon/SVG/following.svg

assets/icomoon/SVG/mail.svg

assets/icomoon/SVG/me.svg

assets/icomoon/SVG/resume.svg

assets/icomoon/SVG/search.svg

assets/icomoon/demo-external-svg.html

assets/icomoon/demo-files/demo.css

assets/icomoon/demo.html

assets/icomoon/selection.json

assets/icomoon/style.css

assets/icomoon/symbol-defs.svg

meta.py

nasg.py

settings.py

templates/Category.j2.html

templates/base.j2.html

templates/style.css

templates/symbols.svg

templates/themeswitcher.js

M Pipfile.lock → Pipfile.lock

@@ -196,10 +196,10 @@ "version": "==2.19.1"
         },
         "six": {
             "hashes": [
-                "sha256:70e8a77beed4562e7f14fe23a786b54f6296e34344c23bc42f07b15018ff98e9",
-                "sha256:832dc0e10feb1aa2c68dcc57dbb658f1c7e65b9b61af69048abc87a2db00a0eb"
+                "sha256:3350809f0555b11f552448330d0b52d5f24c91a322ea4a15ef22629740f3761c",
+                "sha256:d16a0141ec1a18405cd4ce8b4613101da75da0e9a7aec5bdd4fa804d0e0eba73"
             ],
-            "version": "==1.11.0"
+            "version": "==1.12.0"
         },
         "unicode-slugify": {
             "hashes": [

M README.md → README.md

@@ -1,12 +1,12 @@
 # NASG - not another static generator...
 
-Nearly 20 years ago I did my very first website with a thing called Microsoft FrontPage. I loved it. Times changed, and I wrote a CMS in PHP, first with flat files, then with MySQL, then moved on to WordPress. 
+Nearly 20 years ago I did my very first website with a thing called Microsoft FrontPage. I loved it. Times changed, and I wrote a CMS in PHP, first with flat files, then with MySQL, then moved on to WordPress.
 
 Now I'm back on a static generator. I love it.
 
 **WARNING: this is a personal project, scratching my itches. No warranties. If you want to deploy it on your own, feel free to, but not all the things are documented.**
 
-## ## What does it do
+## What does it do
 
 - content is structured in folders
 - content files are YAML frontmatter + Multimarkdown
@@ -21,12 +21,12 @@ - finds 'redirect' files:
     - anything with a `.url` extension
     - content is the URL to redirect to
     - filename without extension is the slug to redirect from
-    - for `HTTP 302` 
+    - for `HTTP 302`
 - finds 'gone' files:
 
     - anything with a `.del` extension
     - filename without extension is the slug deleted
-    - for `HTTP 410` 
+    - for `HTTP 410`
 - finds content:
 
     - all `index.md` files
@@ -52,9 +52,7 @@ │   │   └── index.md -> content
 │   │   └── fancy-photo.jpg -> to downsize, watermark, get EXIF
 ```
 
-
-
-Special features:
+## Special features
 
 - complete `microformats2` and schema.org markup in templates
 - has light/dark theme, dark by default, but supports experimental prefers-color-scheme media query
@@ -63,6 +61,11 @@ - search - uses and SQLite DB which is populated by Python on build
     - fallback - 404 handler to do redirects/gones, gets populated with an array of both
     - micropub - a micropub endpoint that accepts micropub content and puts the incoming payload into a json file, nothing else
 
-## Why GPL
+## Functionalities based on file extensions/names
 
-Because I want believe.+- **entry_name/index.md**: main entry (YAML + Multimarkdown)
+- **entry_name/entry_name.jpg**: photo of photo posts, only for photo posts
+- **entry_name/slufigiedtargeturl.ping**: outgoing webmentions
+- **entry_name/slugifiedsourceurl.md**: comments and incoming webmentions
+- **some_slug.del**: deleted slug, shall return 410
+- **another_slug.url**: redirection, contains redirect URL, shall return 301 or 302

M assets/icomoon/Read Me.txt → assets/icomoon/Read Me.txt

@@ -4,7 +4,7 @@ If you prefer using PNGs, PDFs, or CSS sprites, refer to the Preferences panel of the IcoMoon app before downloading your zip pack.
 
 *demo.html* lists the icons that you selected. To insert your icons as inline SVGs (with the <use> element), copy the <svg> element (that contains symbol definitions) from the source of the demo.html file, below your own HTML's <body> tag. After copying this SVG, you can reference your glyphs like the following:
 
-<svg class="icon-instagram"><use xlink:href="#icon-instagram"></use></svg>
+<svg class="icon-me"><use xlink:href="#icon-me"></use></svg>
 
 You can get this code from the SVG tab of the IcoMoon app, or by referring to the source of the demo.html file. To see how you can change the color/size of your icons using CSS, refer to the example provided in the *style.css* file.

A assets/icomoon/SVG/cv.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+<title>cv</title>
+<path d="M5 3c0-1.657 1.343-3 3-3s3 1.343 3 3c0 1.657-1.343 3-3 3s-3-1.343-3-3zM12.001 7h-0.553l-3.111 6.316 1.163-5.816-1.5-1.5-1.5 1.5 1.163 5.816-3.111-6.316h-0.554c-1.999 0-1.999 1.344-1.999 3v5h12v-5c0-1.656 0-3-1.999-3z"></path>
+</svg>

A assets/icomoon/SVG/following.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16">
+<title>following</title>
+<path d="M5.295 8c-0.929 0.027-1.768 0.429-2.366 1.143h-1.196c-0.893 0-1.732-0.429-1.732-1.42 0-0.723-0.027-3.152 1.107-3.152 0.188 0 1.116 0.759 2.321 0.759 0.411 0 0.804-0.071 1.187-0.205-0.027 0.196-0.045 0.393-0.045 0.589 0 0.813 0.259 1.616 0.723 2.286zM14.857 13.688c0 1.446-0.955 2.313-2.384 2.313h-7.804c-1.429 0-2.384-0.866-2.384-2.313 0-2.018 0.473-5.116 3.089-5.116 0.304 0 1.411 1.241 3.196 1.241s2.893-1.241 3.196-1.241c2.616 0 3.089 3.098 3.089 5.116zM5.714 2.286c0 1.259-1.027 2.286-2.286 2.286s-2.286-1.027-2.286-2.286 1.027-2.286 2.286-2.286 2.286 1.027 2.286 2.286zM12 5.714c0 1.893-1.536 3.429-3.429 3.429s-3.429-1.536-3.429-3.429 1.536-3.429 3.429-3.429 3.429 1.536 3.429 3.429zM17.143 7.723c0 0.991-0.839 1.42-1.732 1.42h-1.196c-0.598-0.714-1.438-1.116-2.366-1.143 0.464-0.67 0.723-1.473 0.723-2.286 0-0.196-0.018-0.393-0.045-0.589 0.384 0.134 0.777 0.205 1.188 0.205 1.205 0 2.134-0.759 2.321-0.759 1.134 0 1.107 2.429 1.107 3.152zM16 2.286c0 1.259-1.027 2.286-2.286 2.286s-2.286-1.027-2.286-2.286 1.027-2.286 2.286-2.286 2.286 1.027 2.286 2.286z"></path>
+</svg>

M assets/icomoon/SVG/mail.svg → assets/icomoon/SVG/mail.svg

@@ -1,5 +1,5 @@
 <!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
 <title>mail</title>
-<path d="M13.333 0h-10.666c-1.467 0-2.667 1.2-2.667 2.667v10.666c0 1.467 1.2 2.667 2.667 2.667h10.666c1.468 0 2.667-1.2 2.667-2.667v-10.666c0-1.467-1.199-2.667-2.667-2.667zM4 4h8c0.143 0 0.281 0.031 0.409 0.088l-4.409 5.143-4.409-5.143c0.127-0.058 0.266-0.088 0.409-0.088zM3 11v-6c0-0.021 0.001-0.042 0.002-0.063l2.932 3.421-2.9 2.9c-0.023-0.083-0.034-0.17-0.034-0.258zM12 12h-8c-0.088 0-0.175-0.012-0.258-0.034l2.846-2.846 1.413 1.648 1.413-1.648 2.846 2.846c-0.083 0.023-0.17 0.034-0.258 0.034zM13 11c0 0.088-0.012 0.175-0.034 0.258l-2.9-2.9 2.932-3.421c0.001 0.021 0.002 0.042 0.002 0.063v6z"></path>
+<path d="M16 6.339v7.089c0 0.786-0.643 1.429-1.429 1.429h-13.143c-0.786 0-1.429-0.643-1.429-1.429v-7.089c0.268 0.295 0.571 0.554 0.902 0.777 1.482 1.009 2.982 2.018 4.438 3.080 0.75 0.554 1.679 1.232 2.652 1.232h0.018c0.973 0 1.902-0.679 2.652-1.232 1.455-1.054 2.955-2.071 4.446-3.080 0.321-0.223 0.625-0.482 0.893-0.777zM16 3.714c0 1-0.741 1.902-1.527 2.446-1.393 0.964-2.795 1.929-4.179 2.902-0.58 0.402-1.563 1.223-2.286 1.223h-0.018c-0.723 0-1.705-0.821-2.286-1.223-1.384-0.973-2.786-1.938-4.17-2.902-0.634-0.429-1.536-1.438-1.536-2.25 0-0.875 0.473-1.625 1.429-1.625h13.143c0.777 0 1.429 0.643 1.429 1.429z"></path>
 </svg>

A assets/icomoon/SVG/me.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+<title>me</title>
+<path d="M9 11.041v-0.825c1.102-0.621 2-2.168 2-3.716 0-2.485 0-4.5-3-4.5s-3 2.015-3 4.5c0 1.548 0.898 3.095 2 3.716v0.825c-3.392 0.277-6 1.944-6 3.959h14c0-2.015-2.608-3.682-6-3.959z"></path>
+</svg>

A assets/icomoon/SVG/resume.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+<title>resume</title>
+<path d="M13.5 0h-12c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h12c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM13 14h-11v-12h11v12zM4 9h7v1h-7zM4 11h7v1h-7zM5 4.5c0-0.828 0.672-1.5 1.5-1.5s1.5 0.672 1.5 1.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5zM7.5 6h-2c-0.825 0-1.5 0.45-1.5 1v1h5v-1c0-0.55-0.675-1-1.5-1z"></path>
+</svg>

A assets/icomoon/SVG/search.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+<title>search</title>
+<path d="M15.504 13.616l-3.79-3.223c-0.392-0.353-0.811-0.514-1.149-0.499 0.895-1.048 1.435-2.407 1.435-3.893 0-3.314-2.686-6-6-6s-6 2.686-6 6 2.686 6 6 6c1.486 0 2.845-0.54 3.893-1.435-0.016 0.338 0.146 0.757 0.499 1.149l3.223 3.79c0.552 0.613 1.453 0.665 2.003 0.115s0.498-1.452-0.115-2.003zM6 10c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z"></path>
+</svg>

M assets/icomoon/demo-external-svg.html → assets/icomoon/demo-external-svg.html

@@ -14,115 +14,130 @@ <p>SVG Icons - Generated by <a href="https://icomoon.io/app">IcoMoon</a></p><p><strong>Notice</strong>: This demo (along with "symbol-defs.svg" and "svgxuse.js" files) should be <b>hosted on a web server</b> to work properly.</p>
 </div>
 </header>
     <div class="clearfix mhl ptl">
-        <h1 class="mvm mtn fgc1">Grid Size: 0</h1>
+        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-instagram"><use xlink:href="symbol-defs.svg#icon-instagram"></use></svg><span class="name"> icon-instagram</span>
+                <svg class="icon-me"><use xlink:href="symbol-defs.svg#icon-me"></use></svg><span class="name"> icon-me</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-spotify"><use xlink:href="symbol-defs.svg#icon-spotify"></use></svg><span class="name"> icon-spotify</span>
+                <svg class="icon-resume"><use xlink:href="symbol-defs.svg#icon-resume"></use></svg><span class="name"> icon-resume</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-deviantart"><use xlink:href="symbol-defs.svg#icon-deviantart"></use></svg><span class="name"> icon-deviantart</span>
+                <svg class="icon-cv"><use xlink:href="symbol-defs.svg#icon-cv"></use></svg><span class="name"> icon-cv</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-wechat"><use xlink:href="symbol-defs.svg#icon-wechat"></use></svg><span class="name"> icon-wechat</span>
+                <svg class="icon-search"><use xlink:href="symbol-defs.svg#icon-search"></use></svg><span class="name"> icon-search</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-lastfm"><use xlink:href="symbol-defs.svg#icon-lastfm"></use></svg><span class="name"> icon-lastfm</span>
+                <svg class="icon-lens"><use xlink:href="symbol-defs.svg#icon-lens"></use></svg><span class="name"> icon-lens</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-hangouts"><use xlink:href="symbol-defs.svg#icon-hangouts"></use></svg><span class="name"> icon-hangouts</span>
+                <svg class="icon-focallength"><use xlink:href="symbol-defs.svg#icon-focallength"></use></svg><span class="name"> icon-focallength</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-flickr"><use xlink:href="symbol-defs.svg#icon-flickr"></use></svg><span class="name"> icon-flickr</span>
+                <svg class="icon-aperture"><use xlink:href="symbol-defs.svg#icon-aperture"></use></svg><span class="name"> icon-aperture</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-skype"><use xlink:href="symbol-defs.svg#icon-skype"></use></svg><span class="name"> icon-skype</span>
+                <svg class="icon-reply"><use xlink:href="symbol-defs.svg#icon-reply"></use></svg><span class="name"> icon-reply</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-telegram"><use xlink:href="symbol-defs.svg#icon-telegram"></use></svg><span class="name"> icon-telegram</span>
+                <svg class="icon-bookmarks"><use xlink:href="symbol-defs.svg#icon-bookmarks"></use></svg><span class="name"> icon-bookmarks</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-whatsapp"><use xlink:href="symbol-defs.svg#icon-whatsapp"></use></svg><span class="name"> icon-whatsapp</span>
+                <svg class="icon-star"><use xlink:href="symbol-defs.svg#icon-star"></use></svg><span class="name"> icon-star</span>
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix pbs">
+                <svg class="icon-tags"><use xlink:href="symbol-defs.svg#icon-tags"></use></svg><span class="name"> icon-tags</span>
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix pbs">
+                <svg class="icon-lock"><use xlink:href="symbol-defs.svg#icon-lock"></use></svg><span class="name"> icon-lock</span>
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix pbs">
+                <svg class="icon-link"><use xlink:href="symbol-defs.svg#icon-link"></use></svg><span class="name"> icon-link</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-paypal"><use xlink:href="symbol-defs.svg#icon-paypal"></use></svg><span class="name"> icon-paypal</span>
+                <svg class="icon-monzo"><use xlink:href="symbol-defs.svg#icon-monzo"></use></svg><span class="name"> icon-monzo</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-linkedin"><use xlink:href="symbol-defs.svg#icon-linkedin"></use></svg><span class="name"> icon-linkedin</span>
+                <svg class="icon-feed"><use xlink:href="symbol-defs.svg#icon-feed"></use></svg><span class="name"> icon-feed</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-wordpress"><use xlink:href="symbol-defs.svg#icon-wordpress"></use></svg><span class="name"> icon-wordpress</span>
+                <svg class="icon-home"><use xlink:href="symbol-defs.svg#icon-home"></use></svg><span class="name"> icon-home</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-tumblr"><use xlink:href="symbol-defs.svg#icon-tumblr"></use></svg><span class="name"> icon-tumblr</span>
+                <svg class="icon-note"><use xlink:href="symbol-defs.svg#icon-note"></use></svg><span class="name"> icon-note</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-github"><use xlink:href="symbol-defs.svg#icon-github"></use></svg><span class="name"> icon-github</span>
+                <svg class="icon-article"><use xlink:href="symbol-defs.svg#icon-article"></use></svg><span class="name"> icon-article</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-twitter"><use xlink:href="symbol-defs.svg#icon-twitter"></use></svg><span class="name"> icon-twitter</span>
+                <svg class="icon-journal"><use xlink:href="symbol-defs.svg#icon-journal"></use></svg><span class="name"> icon-journal</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-icq"><use xlink:href="symbol-defs.svg#icon-icq"></use></svg><span class="name"> icon-icq</span>
+                <svg class="icon-photo"><use xlink:href="symbol-defs.svg#icon-photo"></use></svg><span class="name"> icon-photo</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-xmpp"><use xlink:href="symbol-defs.svg#icon-xmpp"></use></svg><span class="name"> icon-xmpp</span>
+                <svg class="icon-contrast"><use xlink:href="symbol-defs.svg#icon-contrast"></use></svg><span class="name"> icon-contrast</span>
             </div>
         </div>
-  </div>
-    <div class="clearfix mhl ptl">
-        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
-        <div class="glyph fs2">
+        <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-lens"><use xlink:href="symbol-defs.svg#icon-lens"></use></svg><span class="name"> icon-lens</span>
+                <svg class="icon-sensitivity"><use xlink:href="symbol-defs.svg#icon-sensitivity"></use></svg><span class="name"> icon-sensitivity</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-focallength"><use xlink:href="symbol-defs.svg#icon-focallength"></use></svg><span class="name"> icon-focallength</span>
+                <svg class="icon-clock"><use xlink:href="symbol-defs.svg#icon-clock"></use></svg><span class="name"> icon-clock</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-aperture"><use xlink:href="symbol-defs.svg#icon-aperture"></use></svg><span class="name"> icon-aperture</span>
+                <svg class="icon-camera"><use xlink:href="symbol-defs.svg#icon-camera"></use></svg><span class="name"> icon-camera</span>
             </div>
         </div>
+  </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: 14</h1>
         <div class="glyph fs2">
             <div class="clearfix pbs">
                 <svg class="icon-mail"><use xlink:href="symbol-defs.svg#icon-mail"></use></svg><span class="name"> icon-mail</span>
@@ -130,87 +145,100 @@ </div>
         </div>
         <div class="glyph fs2">
             <div class="clearfix pbs">
-                <svg class="icon-reply"><use xlink:href="symbol-defs.svg#icon-reply"></use></svg><span class="name"> icon-reply</span>
+                <svg class="icon-following"><use xlink:href="symbol-defs.svg#icon-following"></use></svg><span class="name"> icon-following</span>
             </div>
         </div>
-        <div class="glyph fs2">
+  </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: 0</h1>
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-bookmarks"><use xlink:href="symbol-defs.svg#icon-bookmarks"></use></svg><span class="name"> icon-bookmarks</span>
+                <svg class="icon-instagram"><use xlink:href="symbol-defs.svg#icon-instagram"></use></svg><span class="name"> icon-instagram</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-star"><use xlink:href="symbol-defs.svg#icon-star"></use></svg><span class="name"> icon-star</span>
+                <svg class="icon-spotify"><use xlink:href="symbol-defs.svg#icon-spotify"></use></svg><span class="name"> icon-spotify</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-tags"><use xlink:href="symbol-defs.svg#icon-tags"></use></svg><span class="name"> icon-tags</span>
+                <svg class="icon-deviantart"><use xlink:href="symbol-defs.svg#icon-deviantart"></use></svg><span class="name"> icon-deviantart</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-lock"><use xlink:href="symbol-defs.svg#icon-lock"></use></svg><span class="name"> icon-lock</span>
+                <svg class="icon-wechat"><use xlink:href="symbol-defs.svg#icon-wechat"></use></svg><span class="name"> icon-wechat</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-link"><use xlink:href="symbol-defs.svg#icon-link"></use></svg><span class="name"> icon-link</span>
+                <svg class="icon-lastfm"><use xlink:href="symbol-defs.svg#icon-lastfm"></use></svg><span class="name"> icon-lastfm</span>
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix pbs">
+                <svg class="icon-hangouts"><use xlink:href="symbol-defs.svg#icon-hangouts"></use></svg><span class="name"> icon-hangouts</span>
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix pbs">
+                <svg class="icon-flickr"><use xlink:href="symbol-defs.svg#icon-flickr"></use></svg><span class="name"> icon-flickr</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-monzo"><use xlink:href="symbol-defs.svg#icon-monzo"></use></svg><span class="name"> icon-monzo</span>
+                <svg class="icon-skype"><use xlink:href="symbol-defs.svg#icon-skype"></use></svg><span class="name"> icon-skype</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-feed"><use xlink:href="symbol-defs.svg#icon-feed"></use></svg><span class="name"> icon-feed</span>
+                <svg class="icon-telegram"><use xlink:href="symbol-defs.svg#icon-telegram"></use></svg><span class="name"> icon-telegram</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-home"><use xlink:href="symbol-defs.svg#icon-home"></use></svg><span class="name"> icon-home</span>
+                <svg class="icon-whatsapp"><use xlink:href="symbol-defs.svg#icon-whatsapp"></use></svg><span class="name"> icon-whatsapp</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-note"><use xlink:href="symbol-defs.svg#icon-note"></use></svg><span class="name"> icon-note</span>
+                <svg class="icon-paypal"><use xlink:href="symbol-defs.svg#icon-paypal"></use></svg><span class="name"> icon-paypal</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-article"><use xlink:href="symbol-defs.svg#icon-article"></use></svg><span class="name"> icon-article</span>
+                <svg class="icon-linkedin"><use xlink:href="symbol-defs.svg#icon-linkedin"></use></svg><span class="name"> icon-linkedin</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-journal"><use xlink:href="symbol-defs.svg#icon-journal"></use></svg><span class="name"> icon-journal</span>
+                <svg class="icon-wordpress"><use xlink:href="symbol-defs.svg#icon-wordpress"></use></svg><span class="name"> icon-wordpress</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-photo"><use xlink:href="symbol-defs.svg#icon-photo"></use></svg><span class="name"> icon-photo</span>
+                <svg class="icon-tumblr"><use xlink:href="symbol-defs.svg#icon-tumblr"></use></svg><span class="name"> icon-tumblr</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-contrast"><use xlink:href="symbol-defs.svg#icon-contrast"></use></svg><span class="name"> icon-contrast</span>
+                <svg class="icon-github"><use xlink:href="symbol-defs.svg#icon-github"></use></svg><span class="name"> icon-github</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-sensitivity"><use xlink:href="symbol-defs.svg#icon-sensitivity"></use></svg><span class="name"> icon-sensitivity</span>
+                <svg class="icon-twitter"><use xlink:href="symbol-defs.svg#icon-twitter"></use></svg><span class="name"> icon-twitter</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-clock"><use xlink:href="symbol-defs.svg#icon-clock"></use></svg><span class="name"> icon-clock</span>
+                <svg class="icon-icq"><use xlink:href="symbol-defs.svg#icon-icq"></use></svg><span class="name"> icon-icq</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-camera"><use xlink:href="symbol-defs.svg#icon-camera"></use></svg><span class="name"> icon-camera</span>
+                <svg class="icon-xmpp"><use xlink:href="symbol-defs.svg#icon-xmpp"></use></svg><span class="name"> icon-xmpp</span>
             </div>
         </div>
   </div>

M assets/icomoon/demo-files/demo.css → assets/icomoon/demo-files/demo.css

@@ -144,6 +144,9 @@ }
 .fs2 {
   font-size: 16px;
 }
+.fs3 {
+  font-size: 16px;
+}
 .name {
   margin-left: .25em;
 }

M assets/icomoon/demo.html → assets/icomoon/demo.html

@@ -10,79 +10,21 @@ </head>
 <body>
 <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
-<symbol id="icon-instagram" viewBox="0 0 16 16">
-<title>instagram</title>
-<path fill="#e4405f" style="fill: var(--color1, #e4405f)" d="M8 0c-2.173 0-2.445 0.010-3.298 0.048-0.852 0.040-1.432 0.174-1.942 0.372-0.526 0.204-0.973 0.478-1.417 0.923s-0.719 0.891-0.923 1.417c-0.198 0.51-0.333 1.090-0.372 1.942-0.040 0.853-0.048 1.125-0.048 3.298s0.010 2.445 0.048 3.298c0.040 0.851 0.174 1.432 0.372 1.942 0.204 0.525 0.478 0.973 0.923 1.417s0.891 0.719 1.417 0.923c0.511 0.197 1.091 0.333 1.942 0.372 0.853 0.040 1.125 0.048 3.298 0.048s2.445-0.010 3.298-0.048c0.851-0.040 1.432-0.175 1.942-0.372 0.525-0.204 0.973-0.479 1.417-0.923s0.719-0.89 0.923-1.417c0.197-0.51 0.333-1.091 0.372-1.942 0.040-0.853 0.048-1.125 0.048-3.298s-0.010-2.445-0.048-3.298c-0.040-0.851-0.175-1.433-0.372-1.942-0.204-0.526-0.479-0.973-0.923-1.417s-0.89-0.719-1.417-0.923c-0.51-0.198-1.091-0.333-1.942-0.372-0.853-0.040-1.125-0.048-3.298-0.048zM8 1.44c2.135 0 2.39 0.011 3.233 0.047 0.78 0.037 1.203 0.166 1.485 0.277 0.375 0.145 0.64 0.318 0.921 0.597 0.279 0.28 0.453 0.546 0.597 0.921 0.109 0.281 0.24 0.705 0.275 1.485 0.038 0.844 0.047 1.097 0.047 3.233s-0.010 2.39-0.049 3.233c-0.041 0.78-0.171 1.203-0.281 1.485-0.149 0.375-0.319 0.64-0.599 0.921-0.279 0.279-0.549 0.453-0.92 0.597-0.28 0.109-0.71 0.24-1.49 0.275-0.849 0.038-1.099 0.047-3.239 0.047s-2.391-0.010-3.239-0.049c-0.781-0.041-1.211-0.171-1.491-0.281-0.379-0.149-0.64-0.319-0.919-0.599-0.281-0.279-0.46-0.549-0.6-0.92-0.11-0.28-0.239-0.71-0.28-1.49-0.030-0.84-0.041-1.099-0.041-3.229s0.011-2.391 0.041-3.241c0.041-0.78 0.17-1.209 0.28-1.489 0.14-0.38 0.319-0.64 0.6-0.921 0.279-0.279 0.54-0.459 0.919-0.599 0.28-0.111 0.701-0.241 1.481-0.281 0.85-0.030 1.1-0.040 3.239-0.040l0.030 0.020zM8 3.892c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zM8 10.667c-1.473 0-2.667-1.193-2.667-2.667s1.193-2.667 2.667-2.667 2.667 1.193 2.667 2.667-1.193 2.667-2.667 2.667zM13.231 3.73c0 0.53-0.431 0.96-0.96 0.96s-0.96-0.431-0.96-0.96 0.431-0.959 0.96-0.959c0.529-0.001 0.96 0.43 0.96 0.959z"></path>
-</symbol>
-<symbol id="icon-spotify" viewBox="0 0 16 16">
-<title>spotify</title>
-<path fill="#1ed760" style="fill: var(--color2, #1ed760)" d="M8 0c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.56-8-8-8zM11.681 11.56c-0.16 0.239-0.44 0.32-0.681 0.16-1.88-1.16-4.24-1.401-7.041-0.761-0.279 0.081-0.519-0.119-0.599-0.359-0.080-0.281 0.12-0.52 0.36-0.6 3.040-0.681 5.68-0.4 7.76 0.88 0.28 0.12 0.319 0.439 0.201 0.68zM12.641 9.36c-0.201 0.28-0.561 0.4-0.841 0.2-2.159-1.32-5.439-1.72-7.959-0.92-0.319 0.080-0.68-0.080-0.76-0.4s0.080-0.681 0.4-0.761c2.92-0.879 6.52-0.439 9 1.081 0.241 0.121 0.36 0.52 0.161 0.8zM12.721 7.12c-2.561-1.52-6.841-1.68-9.281-0.919-0.4 0.119-0.8-0.121-0.92-0.481-0.12-0.401 0.12-0.8 0.48-0.921 2.84-0.84 7.52-0.68 10.481 1.081 0.359 0.2 0.479 0.68 0.279 1.040-0.199 0.281-0.68 0.399-1.039 0.2z"></path>
-</symbol>
-<symbol id="icon-deviantart" viewBox="0 0 16 16">
-<title>deviantart</title>
-<path fill="#05cc47" style="fill: var(--color3, #05cc47)" d="M12.805 3.196l0.153-0.287v-2.909h-2.911l-0.291 0.293-1.372 2.617-0.431 0.291h-4.9v3.995h2.693l0.24 0.291-2.783 5.32-0.16 0.287v2.907h2.91l0.291-0.293 1.38-2.617 0.429-0.291h4.9v-3.995h-2.7l-0.24-0.292 2.791-5.318z"></path>
-</symbol>
-<symbol id="icon-wechat" viewBox="0 0 16 16">
-<title>wechat</title>
-<path fill="#7bb32e" style="fill: var(--color4, #7bb32e)" d="M15.694 8.499c-0.406-0.92-1.172-1.651-2.061-2.101-1.569-0.795-3.521-0.79-5.086 0.020-1.087 0.558-1.995 1.558-2.253 2.775-0.212 0.896-0.022 1.861 0.453 2.641 0.707 1.175 1.986 1.925 3.314 2.165 0.962 0.195 1.957 0.079 2.892-0.19 0.561 0.217 1.061 0.569 1.605 0.831-0.141-0.471-0.291-0.937-0.451-1.401 0.611-0.433 1.164-0.974 1.496-1.653 0.496-0.943 0.526-2.114 0.090-3.087zM9.078 2.188c-1.663-0.936-3.735-1.077-5.524-0.43-1.176 0.423-2.24 1.21-2.897 2.28-0.597 0.967-0.82 2.172-0.533 3.278 0.289 1.227 1.141 2.255 2.175 2.942-0.2 0.567-0.39 1.133-0.57 1.703 0.65-0.34 1.3-0.695 1.951-1.041 0.78 0.25 1.61 0.373 2.44 0.345-0.22-0.629-0.27-1.31-0.17-1.967 0.15-0.914 0.65-1.75 1.329-2.369 1.151-1.077 2.781-1.531 4.331-1.421-0.291-1.423-1.291-2.626-2.549-3.32h0.018zM10.233 8.847c-0.139 0.435-0.771 0.565-1.077 0.235-0.337-0.306-0.206-0.945 0.237-1.082 0.489-0.207 1.055 0.358 0.84 0.847zM13.43 8.909c-0.171 0.391-0.761 0.482-1.051 0.18-0.139-0.127-0.18-0.319-0.229-0.487 0.069-0.305 0.28-0.622 0.62-0.637 0.47-0.065 0.891 0.515 0.65 0.944h0.010zM8.66 4.606c0.005 0.641-0.85 1.041-1.33 0.606-0.498-0.357-0.357-1.225 0.228-1.404 0.523-0.21 1.142 0.229 1.101 0.79l0.001 0.008zM4.621 4.769c-0.115 0.557-0.861 0.825-1.297 0.452-0.506-0.357-0.364-1.241 0.23-1.421 0.582-0.224 1.243 0.367 1.067 0.969z"></path>
-</symbol>
-<symbol id="icon-lastfm" viewBox="0 0 16 16">
-<title>lastfm</title>
-<path fill="#d51007" style="fill: var(--color5, #d51007)" d="M7.066 11.474l-0.587-1.595s-0.955 1.064-2.386 1.064c-1.267 0-2.166-1.101-2.166-2.864 0-2.257 1.139-3.064 2.259-3.064 1.612 0 2.123 1.045 2.563 2.385l0.581 1.834c0.581 1.781 1.682 3.212 4.857 3.212 2.273 0 3.815-0.697 3.815-2.534 0-1.485-0.851-2.255-2.423-2.623l-1.171-0.256c-0.811-0.183-1.051-0.514-1.051-1.065 0-0.624 0.491-0.991 1.301-0.991 0.882 0 1.352 0.33 1.431 1.119l1.833-0.22c-0.15-1.653-1.291-2.329-3.163-2.329-1.653 0-3.265 0.624-3.265 2.623 0 1.249 0.601 2.039 2.123 2.403l1.241 0.295c0.931 0.22 1.242 0.611 1.242 1.142 0 0.681-0.661 0.961-1.913 0.961-1.853 0-2.624-0.971-3.065-2.313l-0.601-1.833c-0.771-2.383-2.003-3.264-4.446-3.264-2.643-0.009-4.075 1.692-4.075 4.596 0 2.786 1.431 4.297 4.002 4.297 2.072 0 3.064-0.971 3.064-0.971v-0.008z"></path>
-</symbol>
-<symbol id="icon-hangouts" viewBox="0 0 16 16">
-<title>hangouts</title>
-<path fill="#0c9d58" style="fill: var(--color6, #0c9d58)" d="M8 0c-3.867 0-7 3.133-7 7 0 3.667 3.333 6.667 7 6.667v2.333c4.233-2.067 7-5.467 7-9 0-3.867-3.133-7-7-7zM7.667 8c0 0.933-0.6 1.667-1.333 1.667v-1.667h-1.667v-3h3v3zM11.667 8c0 0.933-0.6 1.667-1.333 1.667v-1.667h-1.667v-3h3v3z"></path>
-</symbol>
-<symbol id="icon-flickr" viewBox="0 0 16 16">
-<title>flickr</title>
-<path fill="#0063dc" style="fill: var(--color7, #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>
-</symbol>
-<symbol id="icon-skype" viewBox="0 0 16 16">
-<title>skype</title>
-<path fill="#00aff0" style="fill: var(--color8, #00aff0)" d="M8.046 12.583c-2.682 0-3.88-1.319-3.88-2.309 0-0.51 0.374-0.864 0.889-0.864 1.149 0 0.849 1.651 2.991 1.651 1.094 0 1.7-0.597 1.7-1.207 0-0.367-0.179-0.773-0.903-0.953l-2.384-0.597c-1.92-0.483-2.269-1.524-2.269-2.501 0-2.031 1.907-2.794 3.699-2.794 1.647 0 3.595 0.915 3.595 2.133 0 0.523-0.459 0.827-0.969 0.827-0.979 0-0.799-1.358-2.776-1.358-0.979 0-1.528 0.443-1.528 1.078s0.769 0.839 1.438 0.991l1.758 0.391c1.927 0.433 2.416 1.564 2.416 2.629 0 1.651-1.268 2.883-3.815 2.883zM15.399 9.329l-0.019 0.090-0.029-0.16c0.010 0.030 0.029 0.049 0.039 0.080 0.080-0.45 0.121-0.909 0.121-1.368 0-1.019-0.201-2.008-0.599-2.947-0.379-0.899-0.93-1.708-1.618-2.397-0.699-0.689-1.498-1.237-2.397-1.617-0.879-0.421-1.867-0.62-2.885-0.62-0.48 0-0.963 0.047-1.429 0.136l0.079 0.040-0.159-0.022 0.079-0.017c-0.643-0.344-1.363-0.527-2.095-0.527-1.193 0-2.313 0.465-3.157 1.311s-1.309 1.971-1.309 3.166c0 0.762 0.195 1.51 0.563 2.172l0.013-0.083 0.027 0.159-0.040-0.077c-0.076 0.43-0.115 0.866-0.115 1.303 0 1.020 0.2 2.011 0.589 2.944 0.379 0.908 0.919 1.717 1.618 2.406 0.689 0.7 1.498 1.238 2.397 1.628 0.929 0.4 1.918 0.599 2.936 0.599 0.439 0 0.889-0.040 1.318-0.119l-0.079-0.041 0.16 0.031-0.090 0.020c0.668 0.379 1.417 0.581 2.196 0.581 1.189 0 2.306-0.46 3.155-1.309 0.839-0.839 1.308-1.967 1.308-3.166 0-0.759-0.199-1.508-0.569-2.177z"></path>
-</symbol>
-<symbol id="icon-telegram" viewBox="0 0 16 16">
-<title>telegram</title>
-<path fill="#2ca5e0" style="fill: var(--color9, #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" style="fill: var(--color9, #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" style="fill: var(--color9, #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>
-</symbol>
-<symbol id="icon-whatsapp" viewBox="0 0 16 16">
-<title>whatsapp</title>
-<path fill="#25d366" style="fill: var(--color10, #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>
-</symbol>
-<symbol id="icon-paypal" viewBox="0 0 16 16">
-<title>paypal</title>
-<path fill="#00457c" style="fill: var(--color11, #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>
-</symbol>
-<symbol id="icon-linkedin" viewBox="0 0 16 16">
-<title>linkedin</title>
-<path fill="#0077b5" style="fill: var(--color12, #0077b5)" d="M13.631 13.635h-2.369v-3.713c0-0.885-0.018-2.025-1.235-2.025-1.235 0-1.424 0.963-1.424 1.959v3.778h-2.369v-7.635h2.276v1.041h0.031c0.318-0.6 1.091-1.233 2.247-1.233 2.401 0 2.845 1.58 2.845 3.637v4.191zM3.558 4.955c-0.763 0-1.375-0.617-1.375-1.377s0.613-1.375 1.375-1.375c0.76 0 1.376 0.617 1.376 1.375s-0.617 1.377-1.376 1.377zM4.746 13.635h-2.376v-7.635h2.376v7.635zM14.817 0h-13.636c-0.653 0-1.181 0.516-1.181 1.153v13.695c0 0.637 0.528 1.153 1.181 1.153h13.634c0.652 0 1.185-0.515 1.185-1.153v-13.695c0-0.637-0.533-1.153-1.185-1.153h0.002z"></path>
-</symbol>
-<symbol id="icon-wordpress" viewBox="0 0 16 16">
-<title>wordpress</title>
-<path fill="#21759b" style="fill: var(--color13, #21759b)" d="M14.313 4.55c0.56 1.025 0.879 2.2 0.879 3.45 0 2.653-1.437 4.971-3.575 6.217l2.197-6.351c0.41-1.027 0.547-1.847 0.547-2.576 0-0.27-0.017-0.52-0.047-0.74zM8.992 4.619c0.431-0.020 0.821-0.070 0.821-0.070 0.388-0.050 0.343-0.62-0.045-0.599 0 0-1.17 0.090-1.92 0.090-0.709 0-1.9-0.1-1.9-0.1-0.39-0.020-0.441 0.57-0.050 0.59 0 0 0.36 0.041 0.75 0.060l1.12 3.070-1.58 4.72-2.619-7.78c0.433-0.020 0.823-0.067 0.823-0.067 0.39-0.050 0.344-0.62-0.043-0.597 0 0-1.164 0.092-1.916 0.092-0.133 0-0.292-0.005-0.46-0.010 1.301-1.918 3.517-3.208 6.027-3.208 1.873 0 3.577 0.715 4.857 1.889-0.031-0.002-0.061-0.006-0.094-0.006-0.707 0-1.208 0.615-1.208 1.276 0 0.593 0.342 1.095 0.707 1.687 0.274 0.48 0.593 1.095 0.593 1.985 0 0.61-0.236 1.329-0.547 2.319l-0.717 2.39-2.6-7.74 0.001 0.009zM8 15.189c-0.706 0-1.387-0.102-2.032-0.291l2.158-6.271 2.21 6.058c0.016 0.035 0.033 0.067 0.052 0.099-0.747 0.262-1.55 0.406-2.388 0.406zM0.807 8c0-1.043 0.224-2.033 0.623-2.927l3.429 9.399c-2.397-1.166-4.052-3.625-4.053-6.473zM8 0c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8z"></path>
-</symbol>
-<symbol id="icon-tumblr" viewBox="0 0 16 16">
-<title>tumblr</title>
-<path fill="#36465d" style="fill: var(--color14, #36465d)" d="M9.709 16c-3.395 0-4.687-2.504-4.687-4.274v-5.228h-1.611v-2.066c2.42-0.875 3.008-3.064 3.14-4.313 0.009-0.085 0.077-0.119 0.115-0.119h2.345v4.076h3.201v2.422h-3.213v4.98c0.011 0.667 0.25 1.581 1.471 1.581h0.060c0.421-0.013 0.991-0.137 1.291-0.279l0.771 2.283c-0.291 0.424-1.6 0.916-2.771 0.936h-0.119l0.007 0.001z"></path>
+<symbol id="icon-me" viewBox="0 0 16 16">
+<title>me</title>
+<path d="M9 11.041v-0.825c1.102-0.621 2-2.168 2-3.716 0-2.485 0-4.5-3-4.5s-3 2.015-3 4.5c0 1.548 0.898 3.095 2 3.716v0.825c-3.392 0.277-6 1.944-6 3.959h14c0-2.015-2.608-3.682-6-3.959z"></path>
 </symbol>
-<symbol id="icon-github" viewBox="0 0 16 16">
-<title>github</title>
-<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>
+<symbol id="icon-resume" viewBox="0 0 16 16">
+<title>resume</title>
+<path d="M13.5 0h-12c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h12c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM13 14h-11v-12h11v12zM4 9h7v1h-7zM4 11h7v1h-7zM5 4.5c0-0.828 0.672-1.5 1.5-1.5s1.5 0.672 1.5 1.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5zM7.5 6h-2c-0.825 0-1.5 0.45-1.5 1v1h5v-1c0-0.55-0.675-1-1.5-1z"></path>
 </symbol>
-<symbol id="icon-twitter" viewBox="0 0 16 16">
-<title>twitter</title>
-<path fill="#1da1f2" style="fill: var(--color15, #1da1f2)" d="M15.969 3.046c-0.59 0.259-1.22 0.436-1.883 0.517 0.676-0.407 1.196-1.049 1.442-1.815-0.634 0.37-1.337 0.639-2.085 0.789-0.597-0.639-1.449-1.039-2.394-1.039-1.811 0-3.28 1.469-3.28 3.278 0 0.26 0.030 0.51 0.085 0.749-2.727-0.129-5.143-1.438-6.761-3.417-0.285 0.481-0.444 1.041-0.444 1.65 0 1.14 0.58 2.142 1.459 2.731-0.538-0.017-1.044-0.165-1.485-0.411v0.041c0 1.59 1.129 2.916 2.631 3.218-0.275 0.074-0.566 0.114-0.864 0.114-0.209 0-0.41-0.020-0.611-0.057 0.421 1.302 1.63 2.251 3.069 2.278-1.12 0.879-2.539 1.403-4.068 1.403-0.26 0-0.519-0.015-0.78-0.045 1.459 0.929 3.179 1.473 5.038 1.473 6.036 0 9.333-4.997 9.333-9.324 0-0.139 0-0.28-0.010-0.42 0.641-0.459 1.2-1.040 1.64-1.699l-0.031-0.013z"></path>
+<symbol id="icon-cv" viewBox="0 0 16 16">
+<title>cv</title>
+<path d="M5 3c0-1.657 1.343-3 3-3s3 1.343 3 3c0 1.657-1.343 3-3 3s-3-1.343-3-3zM12.001 7h-0.553l-3.111 6.316 1.163-5.816-1.5-1.5-1.5 1.5 1.163 5.816-3.111-6.316h-0.554c-1.999 0-1.999 1.344-1.999 3v5h12v-5c0-1.656 0-3-1.999-3z"></path>
 </symbol>
-<symbol id="icon-icq" viewBox="0 0 16 16">
-<title>icq</title>
-<path fill="#7ebd00" style="fill: var(--color16, #7ebd00)" d="M10.271 0.089c-0.504-0.042-0.984 0.060-1.453 0.311-0.627 0.335-1.073 0.85-1.275 1.52v0.045l-0.023 0.157-0.089-0.157-0.223-0.402c-0.357-0.558-0.804-0.893-1.363-1.049-0.491-0.111-0.893-0.065-1.317 0.16-0.47 0.291-0.737 0.737-0.849 1.363-0.112 0.648 0 1.273 0.335 1.898l0.157 0.224-0.538-0.178c-0.67-0.157-1.296-0.069-1.922 0.267-0.648 0.333-1.049 0.803-1.317 1.453-0.247 0.625-0.224 1.229 0.089 1.787 0.135 0.247 0.336 0.447 0.515 0.581 0.268 0.268 0.603 0.424 1.005 0.491l0.156 0.044-0.335 0.292c-0.313 0.268-0.492 0.602-0.604 0.937-0.112 0.402-0.067 0.805 0.157 1.185 0.113 0.179 0.223 0.335 0.401 0.447 0.179 0.157 0.403 0.269 0.671 0.291 0.492 0.113 1.005 0.112 1.564-0.067l-0.403 0.67-0.112 0.291c-0.223 0.716-0.155 1.34 0.18 1.989 0.157 0.247 0.333 0.47 0.513 0.671 0.267 0.245 0.604 0.401 1.007 0.513 0.669 0.179 1.34 0.157 1.987-0.178 0.627-0.335 1.029-0.873 1.23-1.543l0.021-0.133c0.425 0.469 0.827 0.782 1.275 0.893 0.447 0.135 0.893 0.113 1.296-0.155 0.38-0.223 0.649-0.604 0.783-1.073 0.112-0.492 0.112-0.983 0-1.541 0.223 0.157 0.447 0.267 0.715 0.335 0.715 0.223 1.34 0.2 1.967-0.133 0.603-0.336 1.005-0.872 1.207-1.565 0.179-0.67 0.135-1.318-0.2-1.944l-0.113-0.18c-0.178-0.268-0.358-0.536-0.627-0.715-0.223-0.157-0.49-0.268-0.736-0.38 0.693-0.335 1.184-0.805 1.407-1.408 0.157-0.492 0.113-0.895-0.111-1.297v-0.044c-0.268-0.447-0.625-0.737-1.183-0.893-0.335-0.067-0.715-0.068-1.049-0.045l-0.739 0.157 0.247-0.559c0.223-0.715 0.157-1.408-0.223-2.056l-0.067-0.113c-0.335-0.559-0.827-0.893-1.497-1.071-0.173-0.045-0.344-0.075-0.512-0.089zM9.891 1.031c0.215-0.020 0.433 0.008 0.645 0.087 0.469 0.111 0.805 0.356 1.007 0.736v0.002c0.112 0.223 0.178 0.491 0.178 0.781l-0.067 0.492c-0.089 0.247-0.201 0.469-0.335 0.669l-2.011 2.46c-0.2-0.157-0.425-0.269-0.648-0.38l-0.224-2.527-0.022-0.893 0.021-0.223c0.112-0.447 0.425-0.782 0.827-1.005 0.201-0.112 0.413-0.179 0.629-0.198zM5.302 1.389c0.089-0.003 0.184 0.020 0.273 0.064 0.402 0.112 0.737 0.402 1.005 0.96 0.113 0.224 0.224 0.447 0.269 0.715l0.447 2.638-0.336 0.112-1.989-2.168-0.112-0.223c-0.18-0.403-0.29-0.782-0.245-1.185v-0.001c0.023-0.402 0.179-0.669 0.447-0.825 0.067-0.056 0.151-0.085 0.24-0.087zM13.389 4.745c0.1 0 0.198 0.005 0.299 0.016 0.38 0.045 0.648 0.225 0.782 0.493l0.090 0.289-0.045 0.223c-0.156 0.402-0.492 0.716-1.050 0.961-0.223 0.112-0.469 0.157-0.737 0.2l-2.749 0.335-0.045-0.157-0.045-0.067 0.090-0.111 2.258-1.877 0.267-0.111 0.001-0.001c0.3-0.133 0.59-0.191 0.885-0.193zM3.081 4.867c0.107 0.005 0.216 0.022 0.327 0.050v0.001l0.605 0.245 1.967 1.431c-0.18 0.224-0.29 0.447-0.357 0.67l-3.219 0.402-0.223-0.044c-0.402-0.067-0.671-0.247-0.851-0.58-0.18-0.335-0.178-0.671-0.044-1.007 0.157-0.424 0.447-0.76 0.871-0.938 0.302-0.168 0.604-0.249 0.925-0.231zM7.855 6.66c0.403 0 0.783 0.157 1.029 0.403 0.313 0.313 0.447 0.649 0.447 1.051s-0.133 0.781-0.447 1.049c-0.291 0.291-0.627 0.447-1.029 0.447-0.424 0-0.78-0.157-1.049-0.447-0.291-0.268-0.447-0.647-0.447-1.049s0.156-0.738 0.447-1.051c0.268-0.247 0.625-0.403 1.049-0.403zM13.465 8.38l0.224 0.023c0.336 0.112 0.649 0.312 0.827 0.647 0.224 0.247 0.335 0.582 0.335 0.962l-0.067 0.447c-0.111 0.447-0.38 0.782-0.76 0.96-0.402 0.224-0.805 0.269-1.251 0.113-0.268-0.067-0.447-0.179-0.603-0.357l-2.347-1.945 0.157-0.335 0.067-0.269 2.525-0.223 0.893-0.023zM9.041 10.012l0.938 0.96 0.58 0.715 0.113 0.225c0.2 0.38 0.312 0.737 0.267 1.161-0.044 0.401-0.178 0.692-0.447 0.804-0.156 0.112-0.335 0.113-0.513 0.090-0.425-0.111-0.76-0.445-1.005-0.982l-0.269-0.739-0.335-1.945 0.379-0.133 0.291-0.157zM6.627 10.057c0.223 0.111 0.447 0.223 0.693 0.245 0.044 0.76 0.11 1.565 0.221 2.436v0.895l-0.022 0.222c-0.157 0.402-0.425 0.738-0.827 0.917-0.403 0.223-0.827 0.268-1.23 0.157-0.447-0.111-0.782-0.38-0.96-0.737-0.113-0.223-0.203-0.493-0.203-0.76l0.113-0.513c0.044-0.223 0.157-0.447 0.335-0.627l1.877-2.233z"></path>
-</symbol>
-<symbol id="icon-xmpp" viewBox="0 0 16 16">
-<title>xmpp</title>
-<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 id="icon-search" viewBox="0 0 16 16">
+<title>search</title>
+<path d="M15.504 13.616l-3.79-3.223c-0.392-0.353-0.811-0.514-1.149-0.499 0.895-1.048 1.435-2.407 1.435-3.893 0-3.314-2.686-6-6-6s-6 2.686-6 6 2.686 6 6 6c1.486 0 2.845-0.54 3.893-1.435-0.016 0.338 0.146 0.757 0.499 1.149l3.223 3.79c0.552 0.613 1.453 0.665 2.003 0.115s0.498-1.452-0.115-2.003zM6 10c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z"></path>
 </symbol>
 <symbol id="icon-lens" viewBox="0 0 16 16">
 <title>lens</title>
@@ -95,10 +37,6 @@ </symbol>
 <symbol id="icon-aperture" viewBox="0 0 16 16">
 <title>aperture</title>
 <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-mail" viewBox="0 0 16 16">
-<title>mail</title>
-<path d="M13.333 0h-10.666c-1.467 0-2.667 1.2-2.667 2.667v10.666c0 1.467 1.2 2.667 2.667 2.667h10.666c1.468 0 2.667-1.2 2.667-2.667v-10.666c0-1.467-1.199-2.667-2.667-2.667zM4 4h8c0.143 0 0.281 0.031 0.409 0.088l-4.409 5.143-4.409-5.143c0.127-0.058 0.266-0.088 0.409-0.088zM3 11v-6c0-0.021 0.001-0.042 0.002-0.063l2.932 3.421-2.9 2.9c-0.023-0.083-0.034-0.17-0.034-0.258zM12 12h-8c-0.088 0-0.175-0.012-0.258-0.034l2.846-2.846 1.413 1.648 1.413-1.648 2.846 2.846c-0.083 0.023-0.17 0.034-0.258 0.034zM13 11c0 0.088-0.012 0.175-0.034 0.258l-2.9-2.9 2.932-3.421c0.001 0.021 0.002 0.042 0.002 0.063v6z"></path>
 </symbol>
 <symbol id="icon-reply" viewBox="0 0 16 16">
 <title>reply</title>
@@ -175,6 +113,88 @@ <symbol id="icon-camera" viewBox="0 0 16 16">
 <title>camera</title>
 <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-mail" viewBox="0 0 16 16">
+<title>mail</title>
+<path d="M16 6.339v7.089c0 0.786-0.643 1.429-1.429 1.429h-13.143c-0.786 0-1.429-0.643-1.429-1.429v-7.089c0.268 0.295 0.571 0.554 0.902 0.777 1.482 1.009 2.982 2.018 4.438 3.080 0.75 0.554 1.679 1.232 2.652 1.232h0.018c0.973 0 1.902-0.679 2.652-1.232 1.455-1.054 2.955-2.071 4.446-3.080 0.321-0.223 0.625-0.482 0.893-0.777zM16 3.714c0 1-0.741 1.902-1.527 2.446-1.393 0.964-2.795 1.929-4.179 2.902-0.58 0.402-1.563 1.223-2.286 1.223h-0.018c-0.723 0-1.705-0.821-2.286-1.223-1.384-0.973-2.786-1.938-4.17-2.902-0.634-0.429-1.536-1.438-1.536-2.25 0-0.875 0.473-1.625 1.429-1.625h13.143c0.777 0 1.429 0.643 1.429 1.429z"></path>
+</symbol>
+<symbol id="icon-following" viewBox="0 0 17 16">
+<title>following</title>
+<path d="M5.295 8c-0.929 0.027-1.768 0.429-2.366 1.143h-1.196c-0.893 0-1.732-0.429-1.732-1.42 0-0.723-0.027-3.152 1.107-3.152 0.188 0 1.116 0.759 2.321 0.759 0.411 0 0.804-0.071 1.187-0.205-0.027 0.196-0.045 0.393-0.045 0.589 0 0.813 0.259 1.616 0.723 2.286zM14.857 13.688c0 1.446-0.955 2.313-2.384 2.313h-7.804c-1.429 0-2.384-0.866-2.384-2.313 0-2.018 0.473-5.116 3.089-5.116 0.304 0 1.411 1.241 3.196 1.241s2.893-1.241 3.196-1.241c2.616 0 3.089 3.098 3.089 5.116zM5.714 2.286c0 1.259-1.027 2.286-2.286 2.286s-2.286-1.027-2.286-2.286 1.027-2.286 2.286-2.286 2.286 1.027 2.286 2.286zM12 5.714c0 1.893-1.536 3.429-3.429 3.429s-3.429-1.536-3.429-3.429 1.536-3.429 3.429-3.429 3.429 1.536 3.429 3.429zM17.143 7.723c0 0.991-0.839 1.42-1.732 1.42h-1.196c-0.598-0.714-1.438-1.116-2.366-1.143 0.464-0.67 0.723-1.473 0.723-2.286 0-0.196-0.018-0.393-0.045-0.589 0.384 0.134 0.777 0.205 1.188 0.205 1.205 0 2.134-0.759 2.321-0.759 1.134 0 1.107 2.429 1.107 3.152zM16 2.286c0 1.259-1.027 2.286-2.286 2.286s-2.286-1.027-2.286-2.286 1.027-2.286 2.286-2.286 2.286 1.027 2.286 2.286z"></path>
+</symbol>
+<symbol id="icon-instagram" viewBox="0 0 16 16">
+<title>instagram</title>
+<path fill="#e4405f" style="fill: var(--color1, #e4405f)" d="M8 0c-2.173 0-2.445 0.010-3.298 0.048-0.852 0.040-1.432 0.174-1.942 0.372-0.526 0.204-0.973 0.478-1.417 0.923s-0.719 0.891-0.923 1.417c-0.198 0.51-0.333 1.090-0.372 1.942-0.040 0.853-0.048 1.125-0.048 3.298s0.010 2.445 0.048 3.298c0.040 0.851 0.174 1.432 0.372 1.942 0.204 0.525 0.478 0.973 0.923 1.417s0.891 0.719 1.417 0.923c0.511 0.197 1.091 0.333 1.942 0.372 0.853 0.040 1.125 0.048 3.298 0.048s2.445-0.010 3.298-0.048c0.851-0.040 1.432-0.175 1.942-0.372 0.525-0.204 0.973-0.479 1.417-0.923s0.719-0.89 0.923-1.417c0.197-0.51 0.333-1.091 0.372-1.942 0.040-0.853 0.048-1.125 0.048-3.298s-0.010-2.445-0.048-3.298c-0.040-0.851-0.175-1.433-0.372-1.942-0.204-0.526-0.479-0.973-0.923-1.417s-0.89-0.719-1.417-0.923c-0.51-0.198-1.091-0.333-1.942-0.372-0.853-0.040-1.125-0.048-3.298-0.048zM8 1.44c2.135 0 2.39 0.011 3.233 0.047 0.78 0.037 1.203 0.166 1.485 0.277 0.375 0.145 0.64 0.318 0.921 0.597 0.279 0.28 0.453 0.546 0.597 0.921 0.109 0.281 0.24 0.705 0.275 1.485 0.038 0.844 0.047 1.097 0.047 3.233s-0.010 2.39-0.049 3.233c-0.041 0.78-0.171 1.203-0.281 1.485-0.149 0.375-0.319 0.64-0.599 0.921-0.279 0.279-0.549 0.453-0.92 0.597-0.28 0.109-0.71 0.24-1.49 0.275-0.849 0.038-1.099 0.047-3.239 0.047s-2.391-0.010-3.239-0.049c-0.781-0.041-1.211-0.171-1.491-0.281-0.379-0.149-0.64-0.319-0.919-0.599-0.281-0.279-0.46-0.549-0.6-0.92-0.11-0.28-0.239-0.71-0.28-1.49-0.030-0.84-0.041-1.099-0.041-3.229s0.011-2.391 0.041-3.241c0.041-0.78 0.17-1.209 0.28-1.489 0.14-0.38 0.319-0.64 0.6-0.921 0.279-0.279 0.54-0.459 0.919-0.599 0.28-0.111 0.701-0.241 1.481-0.281 0.85-0.030 1.1-0.040 3.239-0.040l0.030 0.020zM8 3.892c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zM8 10.667c-1.473 0-2.667-1.193-2.667-2.667s1.193-2.667 2.667-2.667 2.667 1.193 2.667 2.667-1.193 2.667-2.667 2.667zM13.231 3.73c0 0.53-0.431 0.96-0.96 0.96s-0.96-0.431-0.96-0.96 0.431-0.959 0.96-0.959c0.529-0.001 0.96 0.43 0.96 0.959z"></path>
+</symbol>
+<symbol id="icon-spotify" viewBox="0 0 16 16">
+<title>spotify</title>
+<path fill="#1ed760" style="fill: var(--color2, #1ed760)" d="M8 0c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.56-8-8-8zM11.681 11.56c-0.16 0.239-0.44 0.32-0.681 0.16-1.88-1.16-4.24-1.401-7.041-0.761-0.279 0.081-0.519-0.119-0.599-0.359-0.080-0.281 0.12-0.52 0.36-0.6 3.040-0.681 5.68-0.4 7.76 0.88 0.28 0.12 0.319 0.439 0.201 0.68zM12.641 9.36c-0.201 0.28-0.561 0.4-0.841 0.2-2.159-1.32-5.439-1.72-7.959-0.92-0.319 0.080-0.68-0.080-0.76-0.4s0.080-0.681 0.4-0.761c2.92-0.879 6.52-0.439 9 1.081 0.241 0.121 0.36 0.52 0.161 0.8zM12.721 7.12c-2.561-1.52-6.841-1.68-9.281-0.919-0.4 0.119-0.8-0.121-0.92-0.481-0.12-0.401 0.12-0.8 0.48-0.921 2.84-0.84 7.52-0.68 10.481 1.081 0.359 0.2 0.479 0.68 0.279 1.040-0.199 0.281-0.68 0.399-1.039 0.2z"></path>
+</symbol>
+<symbol id="icon-deviantart" viewBox="0 0 16 16">
+<title>deviantart</title>
+<path fill="#05cc47" style="fill: var(--color3, #05cc47)" d="M12.805 3.196l0.153-0.287v-2.909h-2.911l-0.291 0.293-1.372 2.617-0.431 0.291h-4.9v3.995h2.693l0.24 0.291-2.783 5.32-0.16 0.287v2.907h2.91l0.291-0.293 1.38-2.617 0.429-0.291h4.9v-3.995h-2.7l-0.24-0.292 2.791-5.318z"></path>
+</symbol>
+<symbol id="icon-wechat" viewBox="0 0 16 16">
+<title>wechat</title>
+<path fill="#7bb32e" style="fill: var(--color4, #7bb32e)" d="M15.694 8.499c-0.406-0.92-1.172-1.651-2.061-2.101-1.569-0.795-3.521-0.79-5.086 0.020-1.087 0.558-1.995 1.558-2.253 2.775-0.212 0.896-0.022 1.861 0.453 2.641 0.707 1.175 1.986 1.925 3.314 2.165 0.962 0.195 1.957 0.079 2.892-0.19 0.561 0.217 1.061 0.569 1.605 0.831-0.141-0.471-0.291-0.937-0.451-1.401 0.611-0.433 1.164-0.974 1.496-1.653 0.496-0.943 0.526-2.114 0.090-3.087zM9.078 2.188c-1.663-0.936-3.735-1.077-5.524-0.43-1.176 0.423-2.24 1.21-2.897 2.28-0.597 0.967-0.82 2.172-0.533 3.278 0.289 1.227 1.141 2.255 2.175 2.942-0.2 0.567-0.39 1.133-0.57 1.703 0.65-0.34 1.3-0.695 1.951-1.041 0.78 0.25 1.61 0.373 2.44 0.345-0.22-0.629-0.27-1.31-0.17-1.967 0.15-0.914 0.65-1.75 1.329-2.369 1.151-1.077 2.781-1.531 4.331-1.421-0.291-1.423-1.291-2.626-2.549-3.32h0.018zM10.233 8.847c-0.139 0.435-0.771 0.565-1.077 0.235-0.337-0.306-0.206-0.945 0.237-1.082 0.489-0.207 1.055 0.358 0.84 0.847zM13.43 8.909c-0.171 0.391-0.761 0.482-1.051 0.18-0.139-0.127-0.18-0.319-0.229-0.487 0.069-0.305 0.28-0.622 0.62-0.637 0.47-0.065 0.891 0.515 0.65 0.944h0.010zM8.66 4.606c0.005 0.641-0.85 1.041-1.33 0.606-0.498-0.357-0.357-1.225 0.228-1.404 0.523-0.21 1.142 0.229 1.101 0.79l0.001 0.008zM4.621 4.769c-0.115 0.557-0.861 0.825-1.297 0.452-0.506-0.357-0.364-1.241 0.23-1.421 0.582-0.224 1.243 0.367 1.067 0.969z"></path>
+</symbol>
+<symbol id="icon-lastfm" viewBox="0 0 16 16">
+<title>lastfm</title>
+<path fill="#d51007" style="fill: var(--color5, #d51007)" d="M7.066 11.474l-0.587-1.595s-0.955 1.064-2.386 1.064c-1.267 0-2.166-1.101-2.166-2.864 0-2.257 1.139-3.064 2.259-3.064 1.612 0 2.123 1.045 2.563 2.385l0.581 1.834c0.581 1.781 1.682 3.212 4.857 3.212 2.273 0 3.815-0.697 3.815-2.534 0-1.485-0.851-2.255-2.423-2.623l-1.171-0.256c-0.811-0.183-1.051-0.514-1.051-1.065 0-0.624 0.491-0.991 1.301-0.991 0.882 0 1.352 0.33 1.431 1.119l1.833-0.22c-0.15-1.653-1.291-2.329-3.163-2.329-1.653 0-3.265 0.624-3.265 2.623 0 1.249 0.601 2.039 2.123 2.403l1.241 0.295c0.931 0.22 1.242 0.611 1.242 1.142 0 0.681-0.661 0.961-1.913 0.961-1.853 0-2.624-0.971-3.065-2.313l-0.601-1.833c-0.771-2.383-2.003-3.264-4.446-3.264-2.643-0.009-4.075 1.692-4.075 4.596 0 2.786 1.431 4.297 4.002 4.297 2.072 0 3.064-0.971 3.064-0.971v-0.008z"></path>
+</symbol>
+<symbol id="icon-hangouts" viewBox="0 0 16 16">
+<title>hangouts</title>
+<path fill="#0c9d58" style="fill: var(--color6, #0c9d58)" d="M8 0c-3.867 0-7 3.133-7 7 0 3.667 3.333 6.667 7 6.667v2.333c4.233-2.067 7-5.467 7-9 0-3.867-3.133-7-7-7zM7.667 8c0 0.933-0.6 1.667-1.333 1.667v-1.667h-1.667v-3h3v3zM11.667 8c0 0.933-0.6 1.667-1.333 1.667v-1.667h-1.667v-3h3v3z"></path>
+</symbol>
+<symbol id="icon-flickr" viewBox="0 0 16 16">
+<title>flickr</title>
+<path fill="#0063dc" style="fill: var(--color7, #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>
+</symbol>
+<symbol id="icon-skype" viewBox="0 0 16 16">
+<title>skype</title>
+<path fill="#00aff0" style="fill: var(--color8, #00aff0)" d="M8.046 12.583c-2.682 0-3.88-1.319-3.88-2.309 0-0.51 0.374-0.864 0.889-0.864 1.149 0 0.849 1.651 2.991 1.651 1.094 0 1.7-0.597 1.7-1.207 0-0.367-0.179-0.773-0.903-0.953l-2.384-0.597c-1.92-0.483-2.269-1.524-2.269-2.501 0-2.031 1.907-2.794 3.699-2.794 1.647 0 3.595 0.915 3.595 2.133 0 0.523-0.459 0.827-0.969 0.827-0.979 0-0.799-1.358-2.776-1.358-0.979 0-1.528 0.443-1.528 1.078s0.769 0.839 1.438 0.991l1.758 0.391c1.927 0.433 2.416 1.564 2.416 2.629 0 1.651-1.268 2.883-3.815 2.883zM15.399 9.329l-0.019 0.090-0.029-0.16c0.010 0.030 0.029 0.049 0.039 0.080 0.080-0.45 0.121-0.909 0.121-1.368 0-1.019-0.201-2.008-0.599-2.947-0.379-0.899-0.93-1.708-1.618-2.397-0.699-0.689-1.498-1.237-2.397-1.617-0.879-0.421-1.867-0.62-2.885-0.62-0.48 0-0.963 0.047-1.429 0.136l0.079 0.040-0.159-0.022 0.079-0.017c-0.643-0.344-1.363-0.527-2.095-0.527-1.193 0-2.313 0.465-3.157 1.311s-1.309 1.971-1.309 3.166c0 0.762 0.195 1.51 0.563 2.172l0.013-0.083 0.027 0.159-0.040-0.077c-0.076 0.43-0.115 0.866-0.115 1.303 0 1.020 0.2 2.011 0.589 2.944 0.379 0.908 0.919 1.717 1.618 2.406 0.689 0.7 1.498 1.238 2.397 1.628 0.929 0.4 1.918 0.599 2.936 0.599 0.439 0 0.889-0.040 1.318-0.119l-0.079-0.041 0.16 0.031-0.090 0.020c0.668 0.379 1.417 0.581 2.196 0.581 1.189 0 2.306-0.46 3.155-1.309 0.839-0.839 1.308-1.967 1.308-3.166 0-0.759-0.199-1.508-0.569-2.177z"></path>
+</symbol>
+<symbol id="icon-telegram" viewBox="0 0 16 16">
+<title>telegram</title>
+<path fill="#2ca5e0" style="fill: var(--color9, #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" style="fill: var(--color9, #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" style="fill: var(--color9, #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>
+</symbol>
+<symbol id="icon-whatsapp" viewBox="0 0 16 16">
+<title>whatsapp</title>
+<path fill="#25d366" style="fill: var(--color10, #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>
+</symbol>
+<symbol id="icon-paypal" viewBox="0 0 16 16">
+<title>paypal</title>
+<path fill="#00457c" style="fill: var(--color11, #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>
+</symbol>
+<symbol id="icon-linkedin" viewBox="0 0 16 16">
+<title>linkedin</title>
+<path fill="#0077b5" style="fill: var(--color12, #0077b5)" d="M13.631 13.635h-2.369v-3.713c0-0.885-0.018-2.025-1.235-2.025-1.235 0-1.424 0.963-1.424 1.959v3.778h-2.369v-7.635h2.276v1.041h0.031c0.318-0.6 1.091-1.233 2.247-1.233 2.401 0 2.845 1.58 2.845 3.637v4.191zM3.558 4.955c-0.763 0-1.375-0.617-1.375-1.377s0.613-1.375 1.375-1.375c0.76 0 1.376 0.617 1.376 1.375s-0.617 1.377-1.376 1.377zM4.746 13.635h-2.376v-7.635h2.376v7.635zM14.817 0h-13.636c-0.653 0-1.181 0.516-1.181 1.153v13.695c0 0.637 0.528 1.153 1.181 1.153h13.634c0.652 0 1.185-0.515 1.185-1.153v-13.695c0-0.637-0.533-1.153-1.185-1.153h0.002z"></path>
+</symbol>
+<symbol id="icon-wordpress" viewBox="0 0 16 16">
+<title>wordpress</title>
+<path fill="#21759b" style="fill: var(--color13, #21759b)" d="M14.313 4.55c0.56 1.025 0.879 2.2 0.879 3.45 0 2.653-1.437 4.971-3.575 6.217l2.197-6.351c0.41-1.027 0.547-1.847 0.547-2.576 0-0.27-0.017-0.52-0.047-0.74zM8.992 4.619c0.431-0.020 0.821-0.070 0.821-0.070 0.388-0.050 0.343-0.62-0.045-0.599 0 0-1.17 0.090-1.92 0.090-0.709 0-1.9-0.1-1.9-0.1-0.39-0.020-0.441 0.57-0.050 0.59 0 0 0.36 0.041 0.75 0.060l1.12 3.070-1.58 4.72-2.619-7.78c0.433-0.020 0.823-0.067 0.823-0.067 0.39-0.050 0.344-0.62-0.043-0.597 0 0-1.164 0.092-1.916 0.092-0.133 0-0.292-0.005-0.46-0.010 1.301-1.918 3.517-3.208 6.027-3.208 1.873 0 3.577 0.715 4.857 1.889-0.031-0.002-0.061-0.006-0.094-0.006-0.707 0-1.208 0.615-1.208 1.276 0 0.593 0.342 1.095 0.707 1.687 0.274 0.48 0.593 1.095 0.593 1.985 0 0.61-0.236 1.329-0.547 2.319l-0.717 2.39-2.6-7.74 0.001 0.009zM8 15.189c-0.706 0-1.387-0.102-2.032-0.291l2.158-6.271 2.21 6.058c0.016 0.035 0.033 0.067 0.052 0.099-0.747 0.262-1.55 0.406-2.388 0.406zM0.807 8c0-1.043 0.224-2.033 0.623-2.927l3.429 9.399c-2.397-1.166-4.052-3.625-4.053-6.473zM8 0c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8z"></path>
+</symbol>
+<symbol id="icon-tumblr" viewBox="0 0 16 16">
+<title>tumblr</title>
+<path fill="#36465d" style="fill: var(--color14, #36465d)" d="M9.709 16c-3.395 0-4.687-2.504-4.687-4.274v-5.228h-1.611v-2.066c2.42-0.875 3.008-3.064 3.14-4.313 0.009-0.085 0.077-0.119 0.115-0.119h2.345v4.076h3.201v2.422h-3.213v4.98c0.011 0.667 0.25 1.581 1.471 1.581h0.060c0.421-0.013 0.991-0.137 1.291-0.279l0.771 2.283c-0.291 0.424-1.6 0.916-2.771 0.936h-0.119l0.007 0.001z"></path>
+</symbol>
+<symbol id="icon-github" viewBox="0 0 16 16">
+<title>github</title>
+<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>
+</symbol>
+<symbol id="icon-twitter" viewBox="0 0 16 16">
+<title>twitter</title>
+<path fill="#1da1f2" style="fill: var(--color15, #1da1f2)" d="M15.969 3.046c-0.59 0.259-1.22 0.436-1.883 0.517 0.676-0.407 1.196-1.049 1.442-1.815-0.634 0.37-1.337 0.639-2.085 0.789-0.597-0.639-1.449-1.039-2.394-1.039-1.811 0-3.28 1.469-3.28 3.278 0 0.26 0.030 0.51 0.085 0.749-2.727-0.129-5.143-1.438-6.761-3.417-0.285 0.481-0.444 1.041-0.444 1.65 0 1.14 0.58 2.142 1.459 2.731-0.538-0.017-1.044-0.165-1.485-0.411v0.041c0 1.59 1.129 2.916 2.631 3.218-0.275 0.074-0.566 0.114-0.864 0.114-0.209 0-0.41-0.020-0.611-0.057 0.421 1.302 1.63 2.251 3.069 2.278-1.12 0.879-2.539 1.403-4.068 1.403-0.26 0-0.519-0.015-0.78-0.045 1.459 0.929 3.179 1.473 5.038 1.473 6.036 0 9.333-4.997 9.333-9.324 0-0.139 0-0.28-0.010-0.42 0.641-0.459 1.2-1.040 1.64-1.699l-0.031-0.013z"></path>
+</symbol>
+<symbol id="icon-icq" viewBox="0 0 16 16">
+<title>icq</title>
+<path fill="#7ebd00" style="fill: var(--color16, #7ebd00)" d="M10.271 0.089c-0.504-0.042-0.984 0.060-1.453 0.311-0.627 0.335-1.073 0.85-1.275 1.52v0.045l-0.023 0.157-0.089-0.157-0.223-0.402c-0.357-0.558-0.804-0.893-1.363-1.049-0.491-0.111-0.893-0.065-1.317 0.16-0.47 0.291-0.737 0.737-0.849 1.363-0.112 0.648 0 1.273 0.335 1.898l0.157 0.224-0.538-0.178c-0.67-0.157-1.296-0.069-1.922 0.267-0.648 0.333-1.049 0.803-1.317 1.453-0.247 0.625-0.224 1.229 0.089 1.787 0.135 0.247 0.336 0.447 0.515 0.581 0.268 0.268 0.603 0.424 1.005 0.491l0.156 0.044-0.335 0.292c-0.313 0.268-0.492 0.602-0.604 0.937-0.112 0.402-0.067 0.805 0.157 1.185 0.113 0.179 0.223 0.335 0.401 0.447 0.179 0.157 0.403 0.269 0.671 0.291 0.492 0.113 1.005 0.112 1.564-0.067l-0.403 0.67-0.112 0.291c-0.223 0.716-0.155 1.34 0.18 1.989 0.157 0.247 0.333 0.47 0.513 0.671 0.267 0.245 0.604 0.401 1.007 0.513 0.669 0.179 1.34 0.157 1.987-0.178 0.627-0.335 1.029-0.873 1.23-1.543l0.021-0.133c0.425 0.469 0.827 0.782 1.275 0.893 0.447 0.135 0.893 0.113 1.296-0.155 0.38-0.223 0.649-0.604 0.783-1.073 0.112-0.492 0.112-0.983 0-1.541 0.223 0.157 0.447 0.267 0.715 0.335 0.715 0.223 1.34 0.2 1.967-0.133 0.603-0.336 1.005-0.872 1.207-1.565 0.179-0.67 0.135-1.318-0.2-1.944l-0.113-0.18c-0.178-0.268-0.358-0.536-0.627-0.715-0.223-0.157-0.49-0.268-0.736-0.38 0.693-0.335 1.184-0.805 1.407-1.408 0.157-0.492 0.113-0.895-0.111-1.297v-0.044c-0.268-0.447-0.625-0.737-1.183-0.893-0.335-0.067-0.715-0.068-1.049-0.045l-0.739 0.157 0.247-0.559c0.223-0.715 0.157-1.408-0.223-2.056l-0.067-0.113c-0.335-0.559-0.827-0.893-1.497-1.071-0.173-0.045-0.344-0.075-0.512-0.089zM9.891 1.031c0.215-0.020 0.433 0.008 0.645 0.087 0.469 0.111 0.805 0.356 1.007 0.736v0.002c0.112 0.223 0.178 0.491 0.178 0.781l-0.067 0.492c-0.089 0.247-0.201 0.469-0.335 0.669l-2.011 2.46c-0.2-0.157-0.425-0.269-0.648-0.38l-0.224-2.527-0.022-0.893 0.021-0.223c0.112-0.447 0.425-0.782 0.827-1.005 0.201-0.112 0.413-0.179 0.629-0.198zM5.302 1.389c0.089-0.003 0.184 0.020 0.273 0.064 0.402 0.112 0.737 0.402 1.005 0.96 0.113 0.224 0.224 0.447 0.269 0.715l0.447 2.638-0.336 0.112-1.989-2.168-0.112-0.223c-0.18-0.403-0.29-0.782-0.245-1.185v-0.001c0.023-0.402 0.179-0.669 0.447-0.825 0.067-0.056 0.151-0.085 0.24-0.087zM13.389 4.745c0.1 0 0.198 0.005 0.299 0.016 0.38 0.045 0.648 0.225 0.782 0.493l0.090 0.289-0.045 0.223c-0.156 0.402-0.492 0.716-1.050 0.961-0.223 0.112-0.469 0.157-0.737 0.2l-2.749 0.335-0.045-0.157-0.045-0.067 0.090-0.111 2.258-1.877 0.267-0.111 0.001-0.001c0.3-0.133 0.59-0.191 0.885-0.193zM3.081 4.867c0.107 0.005 0.216 0.022 0.327 0.050v0.001l0.605 0.245 1.967 1.431c-0.18 0.224-0.29 0.447-0.357 0.67l-3.219 0.402-0.223-0.044c-0.402-0.067-0.671-0.247-0.851-0.58-0.18-0.335-0.178-0.671-0.044-1.007 0.157-0.424 0.447-0.76 0.871-0.938 0.302-0.168 0.604-0.249 0.925-0.231zM7.855 6.66c0.403 0 0.783 0.157 1.029 0.403 0.313 0.313 0.447 0.649 0.447 1.051s-0.133 0.781-0.447 1.049c-0.291 0.291-0.627 0.447-1.029 0.447-0.424 0-0.78-0.157-1.049-0.447-0.291-0.268-0.447-0.647-0.447-1.049s0.156-0.738 0.447-1.051c0.268-0.247 0.625-0.403 1.049-0.403zM13.465 8.38l0.224 0.023c0.336 0.112 0.649 0.312 0.827 0.647 0.224 0.247 0.335 0.582 0.335 0.962l-0.067 0.447c-0.111 0.447-0.38 0.782-0.76 0.96-0.402 0.224-0.805 0.269-1.251 0.113-0.268-0.067-0.447-0.179-0.603-0.357l-2.347-1.945 0.157-0.335 0.067-0.269 2.525-0.223 0.893-0.023zM9.041 10.012l0.938 0.96 0.58 0.715 0.113 0.225c0.2 0.38 0.312 0.737 0.267 1.161-0.044 0.401-0.178 0.692-0.447 0.804-0.156 0.112-0.335 0.113-0.513 0.090-0.425-0.111-0.76-0.445-1.005-0.982l-0.269-0.739-0.335-1.945 0.379-0.133 0.291-0.157zM6.627 10.057c0.223 0.111 0.447 0.223 0.693 0.245 0.044 0.76 0.11 1.565 0.221 2.436v0.895l-0.022 0.222c-0.157 0.402-0.425 0.738-0.827 0.917-0.403 0.223-0.827 0.268-1.23 0.157-0.447-0.111-0.782-0.38-0.96-0.737-0.113-0.223-0.203-0.493-0.203-0.76l0.113-0.513c0.044-0.223 0.157-0.447 0.335-0.627l1.877-2.233z"></path>
+</symbol>
+<symbol id="icon-xmpp" viewBox="0 0 16 16">
+<title>xmpp</title>
+<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>
 </defs>
 </svg>
 
@@ -184,115 +204,130 @@ <p>SVG Icons - Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
 </div>
 </header>
     <div class="clearfix mhl ptl">
-        <h1 class="mvm mtn fgc1">Grid Size: 0</h1>
+        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-instagram"><use xlink:href="#icon-instagram"></use></svg><span class="name"> icon-instagram</span>
+                <svg class="icon-me"><use xlink:href="#icon-me"></use></svg><span class="name"> icon-me</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-spotify"><use xlink:href="#icon-spotify"></use></svg><span class="name"> icon-spotify</span>
+                <svg class="icon-resume"><use xlink:href="#icon-resume"></use></svg><span class="name"> icon-resume</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-deviantart"><use xlink:href="#icon-deviantart"></use></svg><span class="name"> icon-deviantart</span>
+                <svg class="icon-cv"><use xlink:href="#icon-cv"></use></svg><span class="name"> icon-cv</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-wechat"><use xlink:href="#icon-wechat"></use></svg><span class="name"> icon-wechat</span>
+                <svg class="icon-search"><use xlink:href="#icon-search"></use></svg><span class="name"> icon-search</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-lastfm"><use xlink:href="#icon-lastfm"></use></svg><span class="name"> icon-lastfm</span>
+                <svg class="icon-lens"><use xlink:href="#icon-lens"></use></svg><span class="name"> icon-lens</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-hangouts"><use xlink:href="#icon-hangouts"></use></svg><span class="name"> icon-hangouts</span>
+                <svg class="icon-focallength"><use xlink:href="#icon-focallength"></use></svg><span class="name"> icon-focallength</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-flickr"><use xlink:href="#icon-flickr"></use></svg><span class="name"> icon-flickr</span>
+                <svg class="icon-aperture"><use xlink:href="#icon-aperture"></use></svg><span class="name"> icon-aperture</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-skype"><use xlink:href="#icon-skype"></use></svg><span class="name"> icon-skype</span>
+                <svg class="icon-reply"><use xlink:href="#icon-reply"></use></svg><span class="name"> icon-reply</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-telegram"><use xlink:href="#icon-telegram"></use></svg><span class="name"> icon-telegram</span>
+                <svg class="icon-bookmarks"><use xlink:href="#icon-bookmarks"></use></svg><span class="name"> icon-bookmarks</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-whatsapp"><use xlink:href="#icon-whatsapp"></use></svg><span class="name"> icon-whatsapp</span>
+                <svg class="icon-star"><use xlink:href="#icon-star"></use></svg><span class="name"> icon-star</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-paypal"><use xlink:href="#icon-paypal"></use></svg><span class="name"> icon-paypal</span>
+                <svg class="icon-tags"><use xlink:href="#icon-tags"></use></svg><span class="name"> icon-tags</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-linkedin"><use xlink:href="#icon-linkedin"></use></svg><span class="name"> icon-linkedin</span>
+                <svg class="icon-lock"><use xlink:href="#icon-lock"></use></svg><span class="name"> icon-lock</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-wordpress"><use xlink:href="#icon-wordpress"></use></svg><span class="name"> icon-wordpress</span>
+                <svg class="icon-link"><use xlink:href="#icon-link"></use></svg><span class="name"> icon-link</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-tumblr"><use xlink:href="#icon-tumblr"></use></svg><span class="name"> icon-tumblr</span>
+                <svg class="icon-monzo"><use xlink:href="#icon-monzo"></use></svg><span class="name"> icon-monzo</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-github"><use xlink:href="#icon-github"></use></svg><span class="name"> icon-github</span>
+                <svg class="icon-feed"><use xlink:href="#icon-feed"></use></svg><span class="name"> icon-feed</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-twitter"><use xlink:href="#icon-twitter"></use></svg><span class="name"> icon-twitter</span>
+                <svg class="icon-home"><use xlink:href="#icon-home"></use></svg><span class="name"> icon-home</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-icq"><use xlink:href="#icon-icq"></use></svg><span class="name"> icon-icq</span>
+                <svg class="icon-note"><use xlink:href="#icon-note"></use></svg><span class="name"> icon-note</span>
             </div>
         </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-xmpp"><use xlink:href="#icon-xmpp"></use></svg><span class="name"> icon-xmpp</span>
+                <svg class="icon-article"><use xlink:href="#icon-article"></use></svg><span class="name"> icon-article</span>
             </div>
         </div>
-  </div>
-    <div class="clearfix mhl ptl">
-        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
-        <div class="glyph fs2">
+        <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-lens"><use xlink:href="#icon-lens"></use></svg><span class="name"> icon-lens</span>
+                <svg class="icon-journal"><use xlink:href="#icon-journal"></use></svg><span class="name"> icon-journal</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-focallength"><use xlink:href="#icon-focallength"></use></svg><span class="name"> icon-focallength</span>
+                <svg class="icon-photo"><use xlink:href="#icon-photo"></use></svg><span class="name"> icon-photo</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs1">
             <div class="clearfix pbs">
-                <svg class="icon-aperture"><use xlink:href="#icon-aperture"></use></svg><span class="name"> icon-aperture</span>
+                <svg class="icon-contrast"><use xlink:href="#icon-contrast"></use></svg><span class="name"> icon-contrast</span>
             </div>
         </div>
+        <div class="glyph fs1">
+            <div class="clearfix pbs">
+                <svg class="icon-sensitivity"><use xlink:href="#icon-sensitivity"></use></svg><span class="name"> icon-sensitivity</span>
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix pbs">
+                <svg class="icon-clock"><use xlink:href="#icon-clock"></use></svg><span class="name"> icon-clock</span>
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix pbs">
+                <svg class="icon-camera"><use xlink:href="#icon-camera"></use></svg><span class="name"> icon-camera</span>
+            </div>
+        </div>
+  </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: 14</h1>
         <div class="glyph fs2">
             <div class="clearfix pbs">
                 <svg class="icon-mail"><use xlink:href="#icon-mail"></use></svg><span class="name"> icon-mail</span>
@@ -300,87 +335,100 @@ </div>
         </div>
         <div class="glyph fs2">
             <div class="clearfix pbs">
-                <svg class="icon-reply"><use xlink:href="#icon-reply"></use></svg><span class="name"> icon-reply</span>
+                <svg class="icon-following"><use xlink:href="#icon-following"></use></svg><span class="name"> icon-following</span>
             </div>
         </div>
-        <div class="glyph fs2">
+  </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: 0</h1>
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-bookmarks"><use xlink:href="#icon-bookmarks"></use></svg><span class="name"> icon-bookmarks</span>
+                <svg class="icon-instagram"><use xlink:href="#icon-instagram"></use></svg><span class="name"> icon-instagram</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-star"><use xlink:href="#icon-star"></use></svg><span class="name"> icon-star</span>
+                <svg class="icon-spotify"><use xlink:href="#icon-spotify"></use></svg><span class="name"> icon-spotify</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-tags"><use xlink:href="#icon-tags"></use></svg><span class="name"> icon-tags</span>
+                <svg class="icon-deviantart"><use xlink:href="#icon-deviantart"></use></svg><span class="name"> icon-deviantart</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-lock"><use xlink:href="#icon-lock"></use></svg><span class="name"> icon-lock</span>
+                <svg class="icon-wechat"><use xlink:href="#icon-wechat"></use></svg><span class="name"> icon-wechat</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-link"><use xlink:href="#icon-link"></use></svg><span class="name"> icon-link</span>
+                <svg class="icon-lastfm"><use xlink:href="#icon-lastfm"></use></svg><span class="name"> icon-lastfm</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-monzo"><use xlink:href="#icon-monzo"></use></svg><span class="name"> icon-monzo</span>
+                <svg class="icon-hangouts"><use xlink:href="#icon-hangouts"></use></svg><span class="name"> icon-hangouts</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
+            <div class="clearfix pbs">
+                <svg class="icon-flickr"><use xlink:href="#icon-flickr"></use></svg><span class="name"> icon-flickr</span>
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix pbs">
+                <svg class="icon-skype"><use xlink:href="#icon-skype"></use></svg><span class="name"> icon-skype</span>
+            </div>
+        </div>
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-feed"><use xlink:href="#icon-feed"></use></svg><span class="name"> icon-feed</span>
+                <svg class="icon-telegram"><use xlink:href="#icon-telegram"></use></svg><span class="name"> icon-telegram</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-home"><use xlink:href="#icon-home"></use></svg><span class="name"> icon-home</span>
+                <svg class="icon-whatsapp"><use xlink:href="#icon-whatsapp"></use></svg><span class="name"> icon-whatsapp</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-note"><use xlink:href="#icon-note"></use></svg><span class="name"> icon-note</span>
+                <svg class="icon-paypal"><use xlink:href="#icon-paypal"></use></svg><span class="name"> icon-paypal</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-article"><use xlink:href="#icon-article"></use></svg><span class="name"> icon-article</span>
+                <svg class="icon-linkedin"><use xlink:href="#icon-linkedin"></use></svg><span class="name"> icon-linkedin</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-journal"><use xlink:href="#icon-journal"></use></svg><span class="name"> icon-journal</span>
+                <svg class="icon-wordpress"><use xlink:href="#icon-wordpress"></use></svg><span class="name"> icon-wordpress</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-photo"><use xlink:href="#icon-photo"></use></svg><span class="name"> icon-photo</span>
+                <svg class="icon-tumblr"><use xlink:href="#icon-tumblr"></use></svg><span class="name"> icon-tumblr</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-contrast"><use xlink:href="#icon-contrast"></use></svg><span class="name"> icon-contrast</span>
+                <svg class="icon-github"><use xlink:href="#icon-github"></use></svg><span class="name"> icon-github</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-sensitivity"><use xlink:href="#icon-sensitivity"></use></svg><span class="name"> icon-sensitivity</span>
+                <svg class="icon-twitter"><use xlink:href="#icon-twitter"></use></svg><span class="name"> icon-twitter</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-clock"><use xlink:href="#icon-clock"></use></svg><span class="name"> icon-clock</span>
+                <svg class="icon-icq"><use xlink:href="#icon-icq"></use></svg><span class="name"> icon-icq</span>
             </div>
         </div>
-        <div class="glyph fs2">
+        <div class="glyph fs3">
             <div class="clearfix pbs">
-                <svg class="icon-camera"><use xlink:href="#icon-camera"></use></svg><span class="name"> icon-camera</span>
+                <svg class="icon-xmpp"><use xlink:href="#icon-xmpp"></use></svg><span class="name"> icon-xmpp</span>
             </div>
         </div>
   </div>

M assets/icomoon/selection.json → assets/icomoon/selection.json

@@ -4,6 +4,197 @@ "icons": [
     {
       "icon": {
         "paths": [
+          "M576 706.612v-52.78c70.498-39.728 128-138.772 128-237.832 0-159.058 0-288-192-288s-192 128.942-192 288c0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h896c0-128.968-166.898-235.64-384-253.388z"
+        ],
+        "attrs": [
+          {}
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "tags": [
+          "user",
+          "profile",
+          "avatar",
+          "person",
+          "member"
+        ],
+        "grid": 16
+      },
+      "attrs": [
+        {}
+      ],
+      "properties": {
+        "order": 1,
+        "id": 2,
+        "prevSize": 32,
+        "name": "me"
+      },
+      "setIdx": 1,
+      "setId": 3,
+      "iconIdx": 0
+    },
+    {
+      "icon": {
+        "paths": [
+          "M864 0h-768c-52.8 0-96 43.2-96 96v832c0 52.8 43.2 96 96 96h768c52.8 0 96-43.2 96-96v-832c0-52.8-43.2-96-96-96zM832 896h-704v-768h704v768zM256 576h448v64h-448zM256 704h448v64h-448zM320 288c0-53.019 42.981-96 96-96s96 42.981 96 96c0 53.019-42.981 96-96 96s-96-42.981-96-96zM480 384h-128c-52.8 0-96 28.8-96 64v64h320v-64c0-35.2-43.2-64-96-64z"
+        ],
+        "attrs": [
+          {}
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "tags": [
+          "profile",
+          "file",
+          "document",
+          "page",
+          "user",
+          "paper"
+        ],
+        "grid": 16
+      },
+      "attrs": [
+        {}
+      ],
+      "properties": {
+        "order": 2,
+        "id": 1,
+        "prevSize": 32,
+        "name": "resume"
+      },
+      "setIdx": 1,
+      "setId": 3,
+      "iconIdx": 1
+    },
+    {
+      "icon": {
+        "paths": [
+          "M320 192c0-106.039 85.961-192 192-192s192 85.961 192 192c0 106.039-85.961 192-192 192s-192-85.961-192-192zM768.078 448h-35.424l-199.104 404.244 74.45-372.244-96-96-96 96 74.45 372.244-199.102-404.244h-35.424c-127.924 0-127.924 85.986-127.924 192v320h768v-320c0-106.014 0-192-127.922-192z"
+        ],
+        "attrs": [
+          {}
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "tags": [
+          "user-tie",
+          "user",
+          "user-employee",
+          "profile",
+          "avatar",
+          "person",
+          "member",
+          "job",
+          "official"
+        ],
+        "grid": 16
+      },
+      "attrs": [
+        {}
+      ],
+      "properties": {
+        "order": 30,
+        "id": 0,
+        "prevSize": 32,
+        "name": "cv"
+      },
+      "setIdx": 1,
+      "setId": 3,
+      "iconIdx": 2
+    },
+    {
+      "icon": {
+        "paths": [
+          "M1024 405.714v453.714c0 50.286-41.143 91.429-91.429 91.429h-841.143c-50.286 0-91.429-41.143-91.429-91.429v-453.714c17.143 18.857 36.571 35.429 57.714 49.714 94.857 64.571 190.857 129.143 284 197.143 48 35.429 107.429 78.857 169.714 78.857h1.143c62.286 0 121.714-43.429 169.714-78.857 93.143-67.429 189.143-132.571 284.571-197.143 20.571-14.286 40-30.857 57.143-49.714zM1024 237.714c0 64-47.429 121.714-97.714 156.571-89.143 61.714-178.857 123.429-267.429 185.714-37.143 25.714-100 78.286-146.286 78.286h-1.143c-46.286 0-109.143-52.571-146.286-78.286-88.571-62.286-178.286-124-266.857-185.714-40.571-27.429-98.286-92-98.286-144 0-56 30.286-104 91.429-104h841.143c49.714 0 91.429 41.143 91.429 91.429z"
+        ],
+        "attrs": [
+          {}
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "tags": [
+          "envelope"
+        ],
+        "grid": 14
+      },
+      "attrs": [
+        {}
+      ],
+      "properties": {
+        "order": 1,
+        "id": 1,
+        "prevSize": 28,
+        "name": "mail"
+      },
+      "setIdx": 2,
+      "setId": 2,
+      "iconIdx": 0
+    },
+    {
+      "icon": {
+        "paths": [
+          "M992.262 871.396l-242.552-206.294c-25.074-22.566-51.89-32.926-73.552-31.926 57.256-67.068 91.842-154.078 91.842-249.176 0-212.078-171.922-384-384-384-212.076 0-384 171.922-384 384s171.922 384 384 384c95.098 0 182.108-34.586 249.176-91.844-1 21.662 9.36 48.478 31.926 73.552l206.294 242.552c35.322 39.246 93.022 42.554 128.22 7.356s31.892-92.898-7.354-128.22zM384 640c-141.384 0-256-114.616-256-256s114.616-256 256-256 256 114.616 256 256-114.614 256-256 256z"
+        ],
+        "attrs": [
+          {}
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "tags": [
+          "search",
+          "magnifier",
+          "magnifying-glass",
+          "inspect",
+          "find"
+        ],
+        "grid": 16
+      },
+      "attrs": [
+        {}
+      ],
+      "properties": {
+        "order": 1,
+        "id": 0,
+        "prevSize": 32,
+        "name": "search"
+      },
+      "setIdx": 3,
+      "setId": 1,
+      "iconIdx": 0
+    },
+    {
+      "icon": {
+        "paths": [
+          "M338.857 512c-59.429 1.714-113.143 27.429-151.429 73.143h-76.571c-57.143 0-110.857-27.429-110.857-90.857 0-46.286-1.714-201.714 70.857-201.714 12 0 71.429 48.571 148.571 48.571 26.286 0 51.429-4.571 76-13.143-1.714 12.571-2.857 25.143-2.857 37.714 0 52 16.571 103.429 46.286 146.286zM950.857 876c0 92.571-61.143 148-152.571 148h-499.429c-91.429 0-152.571-55.429-152.571-148 0-129.143 30.286-327.429 197.714-327.429 19.429 0 90.286 79.429 204.571 79.429s185.143-79.429 204.571-79.429c167.429 0 197.714 198.286 197.714 327.429zM365.714 146.286c0 80.571-65.714 146.286-146.286 146.286s-146.286-65.714-146.286-146.286 65.714-146.286 146.286-146.286 146.286 65.714 146.286 146.286zM768 365.714c0 121.143-98.286 219.429-219.429 219.429s-219.429-98.286-219.429-219.429 98.286-219.429 219.429-219.429 219.429 98.286 219.429 219.429zM1097.143 494.286c0 63.429-53.714 90.857-110.857 90.857h-76.571c-38.286-45.714-92-71.429-151.429-73.143 29.714-42.857 46.286-94.286 46.286-146.286 0-12.571-1.143-25.143-2.857-37.714 24.571 8.571 49.714 13.143 76 13.143 77.143 0 136.571-48.571 148.571-48.571 72.571 0 70.857 155.429 70.857 201.714zM1024 146.286c0 80.571-65.714 146.286-146.286 146.286s-146.286-65.714-146.286-146.286 65.714-146.286 146.286-146.286 146.286 65.714 146.286 146.286z"
+        ],
+        "attrs": [
+          {}
+        ],
+        "width": 1097,
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "tags": [
+          "group",
+          "users"
+        ],
+        "grid": 14
+      },
+      "attrs": [
+        {}
+      ],
+      "properties": {
+        "order": 1,
+        "id": 0,
+        "prevSize": 28,
+        "name": "following"
+      },
+      "setIdx": 3,
+      "setId": 1,
+      "iconIdx": 1
+    },
+    {
+      "icon": {
+        "paths": [
           "M512 0c-139.093 0-156.459 0.64-211.072 3.072-54.528 2.56-91.648 11.136-124.288 23.808-33.664 13.056-62.251 30.592-90.709 59.051s-46.037 57.003-59.051 90.709c-12.672 32.64-21.291 69.76-23.808 124.288-2.56 54.613-3.072 71.979-3.072 211.072s0.64 156.459 3.072 211.072c2.56 54.485 11.136 91.648 23.808 124.288 13.056 33.621 30.592 62.251 59.051 90.709 28.459 28.416 57.003 46.037 90.709 59.051 32.683 12.629 69.803 21.291 124.288 23.808 54.613 2.56 71.979 3.072 211.072 3.072s156.459-0.64 211.072-3.072c54.485-2.56 91.648-11.179 124.288-23.808 33.621-13.056 62.251-30.635 90.709-59.051 28.416-28.459 46.037-56.96 59.051-90.709 12.629-32.64 21.291-69.803 23.808-124.288 2.56-54.613 3.072-71.979 3.072-211.072s-0.64-156.459-3.072-211.072c-2.56-54.485-11.179-91.691-23.808-124.288-13.056-33.664-30.635-62.251-59.051-90.709-28.459-28.459-56.96-46.037-90.709-59.051-32.64-12.672-69.803-21.291-124.288-23.808-54.613-2.56-71.979-3.072-211.072-3.072zM512 92.16c136.661 0 152.96 0.683 206.933 3.029 49.92 2.347 77.013 10.624 95.019 17.707 23.979 9.259 40.96 20.352 58.965 38.229 17.877 17.92 28.971 34.944 38.229 58.923 6.997 18.005 15.36 45.099 17.621 95.019 2.432 54.016 2.987 70.229 2.987 206.933s-0.64 152.96-3.157 206.933c-2.603 49.92-10.923 77.013-17.963 95.019-9.557 23.979-20.437 40.96-38.357 58.965-17.877 17.877-35.157 28.971-58.88 38.229-17.92 6.997-45.44 15.36-95.36 17.621-54.357 2.432-70.357 2.987-207.317 2.987-137.003 0-153.003-0.64-207.317-3.157-49.963-2.603-77.483-10.923-95.403-17.963-24.277-9.557-40.96-20.437-58.837-38.357-17.963-17.877-29.44-35.157-38.4-58.88-7.040-17.92-15.317-45.44-17.92-95.36-1.92-53.76-2.603-70.357-2.603-206.677 0-136.363 0.683-153.003 2.603-207.403 2.603-49.92 10.88-77.397 17.92-95.317 8.96-24.32 20.437-40.96 38.4-58.923 17.877-17.877 34.56-29.397 58.837-38.315 17.92-7.083 44.843-15.403 94.763-17.963 54.4-1.92 70.4-2.56 207.317-2.56l1.92 1.28zM512 249.088c-145.28 0-262.912 117.76-262.912 262.912 0 145.28 117.76 262.912 262.912 262.912 145.28 0 262.912-117.76 262.912-262.912 0-145.28-117.76-262.912-262.912-262.912zM512 682.667c-94.293 0-170.667-76.373-170.667-170.667s76.373-170.667 170.667-170.667 170.667 76.373 170.667 170.667-76.373 170.667-170.667 170.667zM846.763 238.72c0 33.92-27.563 61.44-61.44 61.44-33.92 0-61.44-27.563-61.44-61.44s27.563-61.397 61.44-61.397c33.835-0.043 61.44 27.52 61.44 61.397z"
         ],
         "attrs": [
@@ -29,9 +220,9 @@ "id": 0,
         "prevSize": 32,
         "name": "instagram"
       },
-      "setIdx": 0,
-      "setId": 2,
-      "iconIdx": 0
+      "setIdx": 3,
+      "setId": 1,
+      "iconIdx": 2
     },
     {
       "icon": {
@@ -61,9 +252,9 @@ "id": 15,
         "name": "spotify",
         "prevSize": 32
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 0
+      "iconIdx": 3
     },
     {
       "icon": {
@@ -93,9 +284,9 @@ "id": 14,
         "name": "deviantart",
         "prevSize": 32
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 1
+      "iconIdx": 4
     },
     {
       "icon": {
@@ -125,9 +316,9 @@ "id": 13,
         "name": "wechat",
         "prevSize": 32
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 2
+      "iconIdx": 5
     },
     {
       "icon": {
@@ -157,9 +348,9 @@ "id": 12,
         "name": "lastfm",
         "prevSize": 32
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 3
+      "iconIdx": 6
     },
     {
       "icon": {
@@ -189,9 +380,9 @@ "id": 11,
         "prevSize": 32,
         "name": "hangouts"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 4
+      "iconIdx": 7
     },
     {
       "icon": {
@@ -221,9 +412,9 @@ "id": 10,
         "prevSize": 32,
         "name": "flickr"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 5
+      "iconIdx": 8
     },
     {
       "icon": {
@@ -253,9 +444,9 @@ "id": 9,
         "prevSize": 32,
         "name": "skype"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 6
+      "iconIdx": 9
     },
     {
       "icon": {
@@ -299,9 +490,9 @@ "id": 8,
         "prevSize": 32,
         "name": "telegram"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 7
+      "iconIdx": 10
     },
     {
       "icon": {
@@ -331,9 +522,9 @@ "id": 7,
         "name": "whatsapp",
         "prevSize": 32
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 8
+      "iconIdx": 11
     },
     {
       "icon": {
@@ -363,9 +554,9 @@ "id": 6,
         "prevSize": 32,
         "name": "paypal"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 9
+      "iconIdx": 12
     },
     {
       "icon": {
@@ -395,9 +586,9 @@ "id": 5,
         "name": "linkedin",
         "prevSize": 32
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 10
+      "iconIdx": 13
     },
     {
       "icon": {
@@ -427,9 +618,9 @@ "id": 4,
         "prevSize": 32,
         "name": "wordpress"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 11
+      "iconIdx": 14
     },
     {
       "icon": {
@@ -459,9 +650,9 @@ "id": 3,
         "prevSize": 32,
         "name": "tumblr"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 12
+      "iconIdx": 15
     },
     {
       "icon": {
@@ -487,9 +678,9 @@ "id": 2,
         "prevSize": 32,
         "name": "github"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 13
+      "iconIdx": 16
     },
     {
       "icon": {
@@ -519,9 +710,9 @@ "id": 1,
         "name": "twitter",
         "prevSize": 32
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 14
+      "iconIdx": 17
     },
     {
       "icon": {
@@ -551,9 +742,9 @@ "id": 0,
         "prevSize": 32,
         "name": "icq"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 15
+      "iconIdx": 18
     },
     {
       "icon": {
@@ -579,9 +770,9 @@ "id": 0,
         "name": "xmpp",
         "prevSize": 32
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 16
+      "iconIdx": 19
     },
     {
       "icon": {
@@ -610,9 +801,9 @@ "name": "lens",
         "prevSize": 32,
         "code": 59648
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 17
+      "iconIdx": 20
     },
     {
       "icon": {
@@ -639,9 +830,9 @@ "id": 1,
         "name": "focallength",
         "prevSize": 32
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 18
+      "iconIdx": 21
     },
     {
       "icon": {
@@ -668,44 +859,9 @@ "name": "aperture",
         "prevSize": 32,
         "code": 59649
       },
-      "setIdx": 1,
-      "setId": 1,
-      "iconIdx": 19
-    },
-    {
-      "icon": {
-        "paths": [
-          "M853.31 0h-682.62c-93.88 0-170.69 76.784-170.69 170.658v682.656c0 93.876 76.81 170.686 170.69 170.686h682.622c93.938 0 170.688-76.81 170.688-170.686v-682.656c0-93.874-76.75-170.658-170.69-170.658zM256 256h512c9.138 0 18.004 1.962 26.144 5.662l-282.144 329.168-282.144-329.17c8.14-3.696 17.006-5.66 26.144-5.66zM192 704v-384c0-1.34 0.056-2.672 0.14-4l187.664 218.94-185.598 185.6c-1.444-5.338-2.206-10.886-2.206-16.54zM768 768h-512c-5.654 0-11.202-0.762-16.54-2.206l182.118-182.118 90.422 105.496 90.424-105.494 182.116 182.118c-5.34 1.442-10.886 2.204-16.54 2.204zM832 704c0 5.654-0.762 11.2-2.206 16.54l-185.598-185.598 187.664-218.942c0.084 1.328 0.14 2.66 0.14 4v384z"
-        ],
-        "attrs": [
-          {}
-        ],
-        "isMulticolor": false,
-        "isMulticolor2": false,
-        "tags": [
-          "mail",
-          "contact",
-          "support",
-          "newsletter",
-          "letter",
-          "email",
-          "envelop",
-          "social"
-        ],
-        "grid": 16
-      },
-      "attrs": [
-        {}
-      ],
-      "properties": {
-        "order": 1,
-        "id": 22,
-        "prevSize": 32,
-        "name": "mail"
-      },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 20
+      "iconIdx": 22
     },
     {
       "icon": {
@@ -734,9 +890,9 @@ "prevSize": 32,
         "code": 59673,
         "name": "reply"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 21
+      "iconIdx": 24
     },
     {
       "icon": {
@@ -764,9 +920,9 @@ "name": "bookmarks",
         "prevSize": 32,
         "code": 59650
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 22
+      "iconIdx": 25
     },
     {
       "icon": {
@@ -797,9 +953,9 @@ "name": "star",
         "prevSize": 32,
         "code": 59651
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 23
+      "iconIdx": 26
     },
     {
       "icon": {
@@ -830,9 +986,9 @@ "name": "tags",
         "prevSize": 32,
         "code": 59652
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 24
+      "iconIdx": 27
     },
     {
       "icon": {
@@ -862,9 +1018,9 @@ "name": "lock",
         "prevSize": 32,
         "code": 59653
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 25
+      "iconIdx": 28
     },
     {
       "icon": {
@@ -898,9 +1054,9 @@ "name": "link",
         "prevSize": 32,
         "code": 59658
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 26
+      "iconIdx": 29
     },
     {
       "icon": {
@@ -930,9 +1086,9 @@ "name": "monzo",
         "prevSize": 32,
         "code": 59659
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 27
+      "iconIdx": 30
     },
     {
       "icon": {
@@ -961,9 +1117,9 @@ "prevSize": 32,
         "code": 59661,
         "name": "feed"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 28
+      "iconIdx": 31
     },
     {
       "icon": {
@@ -991,9 +1147,9 @@ "prevSize": 32,
         "code": 59662,
         "name": "home"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 29
+      "iconIdx": 32
     },
     {
       "icon": {
@@ -1034,9 +1190,9 @@ "name": "note",
         "prevSize": 32,
         "code": 59663
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 30
+      "iconIdx": 33
     },
     {
       "icon": {
@@ -1066,9 +1222,9 @@ "name": "article",
         "prevSize": 32,
         "code": 59664
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 31
+      "iconIdx": 34
     },
     {
       "icon": {
@@ -1099,9 +1255,9 @@ "name": "journal",
         "prevSize": 32,
         "code": 59665
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 32
+      "iconIdx": 35
     },
     {
       "icon": {
@@ -1138,9 +1294,9 @@ "name": "photo",
         "prevSize": 32,
         "code": 59666
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 33
+      "iconIdx": 36
     },
     {
       "icon": {
@@ -1167,9 +1323,9 @@ "name": "contrast",
         "prevSize": 32,
         "code": 59667
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 34
+      "iconIdx": 37
     },
     {
       "icon": {
@@ -1196,9 +1352,9 @@ "prevSize": 32,
         "code": 59668,
         "name": "sensitivity"
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 35
+      "iconIdx": 38
     },
     {
       "icon": {
@@ -1227,9 +1383,9 @@ "name": "clock",
         "prevSize": 32,
         "code": 59669
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 36
+      "iconIdx": 39
     },
     {
       "icon": {
@@ -1259,9 +1415,9 @@ "name": "camera",
         "prevSize": 32,
         "code": 59670
       },
-      "setIdx": 1,
+      "setIdx": 3,
       "setId": 1,
-      "iconIdx": 37
+      "iconIdx": 40
     }
   ],
   "height": 1024,

M assets/icomoon/style.css → assets/icomoon/style.css

@@ -22,3 +22,7 @@
 .icon-photo {
   width: 1.125em;
 }
+
+.icon-following {
+  width: 1.0712890625em;
+}

M assets/icomoon/symbol-defs.svg → assets/icomoon/symbol-defs.svg

@@ -1,78 +1,20 @@
 <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
-<symbol id="icon-instagram" viewBox="0 0 16 16">
-<title>instagram</title>
-<path fill="#e4405f" style="fill: var(--color1, #e4405f)" d="M8 0c-2.173 0-2.445 0.010-3.298 0.048-0.852 0.040-1.432 0.174-1.942 0.372-0.526 0.204-0.973 0.478-1.417 0.923s-0.719 0.891-0.923 1.417c-0.198 0.51-0.333 1.090-0.372 1.942-0.040 0.853-0.048 1.125-0.048 3.298s0.010 2.445 0.048 3.298c0.040 0.851 0.174 1.432 0.372 1.942 0.204 0.525 0.478 0.973 0.923 1.417s0.891 0.719 1.417 0.923c0.511 0.197 1.091 0.333 1.942 0.372 0.853 0.040 1.125 0.048 3.298 0.048s2.445-0.010 3.298-0.048c0.851-0.040 1.432-0.175 1.942-0.372 0.525-0.204 0.973-0.479 1.417-0.923s0.719-0.89 0.923-1.417c0.197-0.51 0.333-1.091 0.372-1.942 0.040-0.853 0.048-1.125 0.048-3.298s-0.010-2.445-0.048-3.298c-0.040-0.851-0.175-1.433-0.372-1.942-0.204-0.526-0.479-0.973-0.923-1.417s-0.89-0.719-1.417-0.923c-0.51-0.198-1.091-0.333-1.942-0.372-0.853-0.040-1.125-0.048-3.298-0.048zM8 1.44c2.135 0 2.39 0.011 3.233 0.047 0.78 0.037 1.203 0.166 1.485 0.277 0.375 0.145 0.64 0.318 0.921 0.597 0.279 0.28 0.453 0.546 0.597 0.921 0.109 0.281 0.24 0.705 0.275 1.485 0.038 0.844 0.047 1.097 0.047 3.233s-0.010 2.39-0.049 3.233c-0.041 0.78-0.171 1.203-0.281 1.485-0.149 0.375-0.319 0.64-0.599 0.921-0.279 0.279-0.549 0.453-0.92 0.597-0.28 0.109-0.71 0.24-1.49 0.275-0.849 0.038-1.099 0.047-3.239 0.047s-2.391-0.010-3.239-0.049c-0.781-0.041-1.211-0.171-1.491-0.281-0.379-0.149-0.64-0.319-0.919-0.599-0.281-0.279-0.46-0.549-0.6-0.92-0.11-0.28-0.239-0.71-0.28-1.49-0.030-0.84-0.041-1.099-0.041-3.229s0.011-2.391 0.041-3.241c0.041-0.78 0.17-1.209 0.28-1.489 0.14-0.38 0.319-0.64 0.6-0.921 0.279-0.279 0.54-0.459 0.919-0.599 0.28-0.111 0.701-0.241 1.481-0.281 0.85-0.030 1.1-0.040 3.239-0.040l0.030 0.020zM8 3.892c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zM8 10.667c-1.473 0-2.667-1.193-2.667-2.667s1.193-2.667 2.667-2.667 2.667 1.193 2.667 2.667-1.193 2.667-2.667 2.667zM13.231 3.73c0 0.53-0.431 0.96-0.96 0.96s-0.96-0.431-0.96-0.96 0.431-0.959 0.96-0.959c0.529-0.001 0.96 0.43 0.96 0.959z"></path>
-</symbol>
-<symbol id="icon-spotify" viewBox="0 0 16 16">
-<title>spotify</title>
-<path fill="#1ed760" style="fill: var(--color2, #1ed760)" d="M8 0c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.56-8-8-8zM11.681 11.56c-0.16 0.239-0.44 0.32-0.681 0.16-1.88-1.16-4.24-1.401-7.041-0.761-0.279 0.081-0.519-0.119-0.599-0.359-0.080-0.281 0.12-0.52 0.36-0.6 3.040-0.681 5.68-0.4 7.76 0.88 0.28 0.12 0.319 0.439 0.201 0.68zM12.641 9.36c-0.201 0.28-0.561 0.4-0.841 0.2-2.159-1.32-5.439-1.72-7.959-0.92-0.319 0.080-0.68-0.080-0.76-0.4s0.080-0.681 0.4-0.761c2.92-0.879 6.52-0.439 9 1.081 0.241 0.121 0.36 0.52 0.161 0.8zM12.721 7.12c-2.561-1.52-6.841-1.68-9.281-0.919-0.4 0.119-0.8-0.121-0.92-0.481-0.12-0.401 0.12-0.8 0.48-0.921 2.84-0.84 7.52-0.68 10.481 1.081 0.359 0.2 0.479 0.68 0.279 1.040-0.199 0.281-0.68 0.399-1.039 0.2z"></path>
-</symbol>
-<symbol id="icon-deviantart" viewBox="0 0 16 16">
-<title>deviantart</title>
-<path fill="#05cc47" style="fill: var(--color3, #05cc47)" d="M12.805 3.196l0.153-0.287v-2.909h-2.911l-0.291 0.293-1.372 2.617-0.431 0.291h-4.9v3.995h2.693l0.24 0.291-2.783 5.32-0.16 0.287v2.907h2.91l0.291-0.293 1.38-2.617 0.429-0.291h4.9v-3.995h-2.7l-0.24-0.292 2.791-5.318z"></path>
-</symbol>
-<symbol id="icon-wechat" viewBox="0 0 16 16">
-<title>wechat</title>
-<path fill="#7bb32e" style="fill: var(--color4, #7bb32e)" d="M15.694 8.499c-0.406-0.92-1.172-1.651-2.061-2.101-1.569-0.795-3.521-0.79-5.086 0.020-1.087 0.558-1.995 1.558-2.253 2.775-0.212 0.896-0.022 1.861 0.453 2.641 0.707 1.175 1.986 1.925 3.314 2.165 0.962 0.195 1.957 0.079 2.892-0.19 0.561 0.217 1.061 0.569 1.605 0.831-0.141-0.471-0.291-0.937-0.451-1.401 0.611-0.433 1.164-0.974 1.496-1.653 0.496-0.943 0.526-2.114 0.090-3.087zM9.078 2.188c-1.663-0.936-3.735-1.077-5.524-0.43-1.176 0.423-2.24 1.21-2.897 2.28-0.597 0.967-0.82 2.172-0.533 3.278 0.289 1.227 1.141 2.255 2.175 2.942-0.2 0.567-0.39 1.133-0.57 1.703 0.65-0.34 1.3-0.695 1.951-1.041 0.78 0.25 1.61 0.373 2.44 0.345-0.22-0.629-0.27-1.31-0.17-1.967 0.15-0.914 0.65-1.75 1.329-2.369 1.151-1.077 2.781-1.531 4.331-1.421-0.291-1.423-1.291-2.626-2.549-3.32h0.018zM10.233 8.847c-0.139 0.435-0.771 0.565-1.077 0.235-0.337-0.306-0.206-0.945 0.237-1.082 0.489-0.207 1.055 0.358 0.84 0.847zM13.43 8.909c-0.171 0.391-0.761 0.482-1.051 0.18-0.139-0.127-0.18-0.319-0.229-0.487 0.069-0.305 0.28-0.622 0.62-0.637 0.47-0.065 0.891 0.515 0.65 0.944h0.010zM8.66 4.606c0.005 0.641-0.85 1.041-1.33 0.606-0.498-0.357-0.357-1.225 0.228-1.404 0.523-0.21 1.142 0.229 1.101 0.79l0.001 0.008zM4.621 4.769c-0.115 0.557-0.861 0.825-1.297 0.452-0.506-0.357-0.364-1.241 0.23-1.421 0.582-0.224 1.243 0.367 1.067 0.969z"></path>
-</symbol>
-<symbol id="icon-lastfm" viewBox="0 0 16 16">
-<title>lastfm</title>
-<path fill="#d51007" style="fill: var(--color5, #d51007)" d="M7.066 11.474l-0.587-1.595s-0.955 1.064-2.386 1.064c-1.267 0-2.166-1.101-2.166-2.864 0-2.257 1.139-3.064 2.259-3.064 1.612 0 2.123 1.045 2.563 2.385l0.581 1.834c0.581 1.781 1.682 3.212 4.857 3.212 2.273 0 3.815-0.697 3.815-2.534 0-1.485-0.851-2.255-2.423-2.623l-1.171-0.256c-0.811-0.183-1.051-0.514-1.051-1.065 0-0.624 0.491-0.991 1.301-0.991 0.882 0 1.352 0.33 1.431 1.119l1.833-0.22c-0.15-1.653-1.291-2.329-3.163-2.329-1.653 0-3.265 0.624-3.265 2.623 0 1.249 0.601 2.039 2.123 2.403l1.241 0.295c0.931 0.22 1.242 0.611 1.242 1.142 0 0.681-0.661 0.961-1.913 0.961-1.853 0-2.624-0.971-3.065-2.313l-0.601-1.833c-0.771-2.383-2.003-3.264-4.446-3.264-2.643-0.009-4.075 1.692-4.075 4.596 0 2.786 1.431 4.297 4.002 4.297 2.072 0 3.064-0.971 3.064-0.971v-0.008z"></path>
-</symbol>
-<symbol id="icon-hangouts" viewBox="0 0 16 16">
-<title>hangouts</title>
-<path fill="#0c9d58" style="fill: var(--color6, #0c9d58)" d="M8 0c-3.867 0-7 3.133-7 7 0 3.667 3.333 6.667 7 6.667v2.333c4.233-2.067 7-5.467 7-9 0-3.867-3.133-7-7-7zM7.667 8c0 0.933-0.6 1.667-1.333 1.667v-1.667h-1.667v-3h3v3zM11.667 8c0 0.933-0.6 1.667-1.333 1.667v-1.667h-1.667v-3h3v3z"></path>
-</symbol>
-<symbol id="icon-flickr" viewBox="0 0 16 16">
-<title>flickr</title>
-<path fill="#0063dc" style="fill: var(--color7, #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>
-</symbol>
-<symbol id="icon-skype" viewBox="0 0 16 16">
-<title>skype</title>
-<path fill="#00aff0" style="fill: var(--color8, #00aff0)" d="M8.046 12.583c-2.682 0-3.88-1.319-3.88-2.309 0-0.51 0.374-0.864 0.889-0.864 1.149 0 0.849 1.651 2.991 1.651 1.094 0 1.7-0.597 1.7-1.207 0-0.367-0.179-0.773-0.903-0.953l-2.384-0.597c-1.92-0.483-2.269-1.524-2.269-2.501 0-2.031 1.907-2.794 3.699-2.794 1.647 0 3.595 0.915 3.595 2.133 0 0.523-0.459 0.827-0.969 0.827-0.979 0-0.799-1.358-2.776-1.358-0.979 0-1.528 0.443-1.528 1.078s0.769 0.839 1.438 0.991l1.758 0.391c1.927 0.433 2.416 1.564 2.416 2.629 0 1.651-1.268 2.883-3.815 2.883zM15.399 9.329l-0.019 0.090-0.029-0.16c0.010 0.030 0.029 0.049 0.039 0.080 0.080-0.45 0.121-0.909 0.121-1.368 0-1.019-0.201-2.008-0.599-2.947-0.379-0.899-0.93-1.708-1.618-2.397-0.699-0.689-1.498-1.237-2.397-1.617-0.879-0.421-1.867-0.62-2.885-0.62-0.48 0-0.963 0.047-1.429 0.136l0.079 0.040-0.159-0.022 0.079-0.017c-0.643-0.344-1.363-0.527-2.095-0.527-1.193 0-2.313 0.465-3.157 1.311s-1.309 1.971-1.309 3.166c0 0.762 0.195 1.51 0.563 2.172l0.013-0.083 0.027 0.159-0.040-0.077c-0.076 0.43-0.115 0.866-0.115 1.303 0 1.020 0.2 2.011 0.589 2.944 0.379 0.908 0.919 1.717 1.618 2.406 0.689 0.7 1.498 1.238 2.397 1.628 0.929 0.4 1.918 0.599 2.936 0.599 0.439 0 0.889-0.040 1.318-0.119l-0.079-0.041 0.16 0.031-0.090 0.020c0.668 0.379 1.417 0.581 2.196 0.581 1.189 0 2.306-0.46 3.155-1.309 0.839-0.839 1.308-1.967 1.308-3.166 0-0.759-0.199-1.508-0.569-2.177z"></path>
-</symbol>
-<symbol id="icon-telegram" viewBox="0 0 16 16">
-<title>telegram</title>
-<path fill="#2ca5e0" style="fill: var(--color9, #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" style="fill: var(--color9, #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" style="fill: var(--color9, #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>
-</symbol>
-<symbol id="icon-whatsapp" viewBox="0 0 16 16">
-<title>whatsapp</title>
-<path fill="#25d366" style="fill: var(--color10, #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>
-</symbol>
-<symbol id="icon-paypal" viewBox="0 0 16 16">
-<title>paypal</title>
-<path fill="#00457c" style="fill: var(--color11, #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>
-</symbol>
-<symbol id="icon-linkedin" viewBox="0 0 16 16">
-<title>linkedin</title>
-<path fill="#0077b5" style="fill: var(--color12, #0077b5)" d="M13.631 13.635h-2.369v-3.713c0-0.885-0.018-2.025-1.235-2.025-1.235 0-1.424 0.963-1.424 1.959v3.778h-2.369v-7.635h2.276v1.041h0.031c0.318-0.6 1.091-1.233 2.247-1.233 2.401 0 2.845 1.58 2.845 3.637v4.191zM3.558 4.955c-0.763 0-1.375-0.617-1.375-1.377s0.613-1.375 1.375-1.375c0.76 0 1.376 0.617 1.376 1.375s-0.617 1.377-1.376 1.377zM4.746 13.635h-2.376v-7.635h2.376v7.635zM14.817 0h-13.636c-0.653 0-1.181 0.516-1.181 1.153v13.695c0 0.637 0.528 1.153 1.181 1.153h13.634c0.652 0 1.185-0.515 1.185-1.153v-13.695c0-0.637-0.533-1.153-1.185-1.153h0.002z"></path>
-</symbol>
-<symbol id="icon-wordpress" viewBox="0 0 16 16">
-<title>wordpress</title>
-<path fill="#21759b" style="fill: var(--color13, #21759b)" d="M14.313 4.55c0.56 1.025 0.879 2.2 0.879 3.45 0 2.653-1.437 4.971-3.575 6.217l2.197-6.351c0.41-1.027 0.547-1.847 0.547-2.576 0-0.27-0.017-0.52-0.047-0.74zM8.992 4.619c0.431-0.020 0.821-0.070 0.821-0.070 0.388-0.050 0.343-0.62-0.045-0.599 0 0-1.17 0.090-1.92 0.090-0.709 0-1.9-0.1-1.9-0.1-0.39-0.020-0.441 0.57-0.050 0.59 0 0 0.36 0.041 0.75 0.060l1.12 3.070-1.58 4.72-2.619-7.78c0.433-0.020 0.823-0.067 0.823-0.067 0.39-0.050 0.344-0.62-0.043-0.597 0 0-1.164 0.092-1.916 0.092-0.133 0-0.292-0.005-0.46-0.010 1.301-1.918 3.517-3.208 6.027-3.208 1.873 0 3.577 0.715 4.857 1.889-0.031-0.002-0.061-0.006-0.094-0.006-0.707 0-1.208 0.615-1.208 1.276 0 0.593 0.342 1.095 0.707 1.687 0.274 0.48 0.593 1.095 0.593 1.985 0 0.61-0.236 1.329-0.547 2.319l-0.717 2.39-2.6-7.74 0.001 0.009zM8 15.189c-0.706 0-1.387-0.102-2.032-0.291l2.158-6.271 2.21 6.058c0.016 0.035 0.033 0.067 0.052 0.099-0.747 0.262-1.55 0.406-2.388 0.406zM0.807 8c0-1.043 0.224-2.033 0.623-2.927l3.429 9.399c-2.397-1.166-4.052-3.625-4.053-6.473zM8 0c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8z"></path>
-</symbol>
-<symbol id="icon-tumblr" viewBox="0 0 16 16">
-<title>tumblr</title>
-<path fill="#36465d" style="fill: var(--color14, #36465d)" d="M9.709 16c-3.395 0-4.687-2.504-4.687-4.274v-5.228h-1.611v-2.066c2.42-0.875 3.008-3.064 3.14-4.313 0.009-0.085 0.077-0.119 0.115-0.119h2.345v4.076h3.201v2.422h-3.213v4.98c0.011 0.667 0.25 1.581 1.471 1.581h0.060c0.421-0.013 0.991-0.137 1.291-0.279l0.771 2.283c-0.291 0.424-1.6 0.916-2.771 0.936h-0.119l0.007 0.001z"></path>
-</symbol>
-<symbol id="icon-github" viewBox="0 0 16 16">
-<title>github</title>
-<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>
+<symbol id="icon-me" viewBox="0 0 16 16">
+<title>me</title>
+<path d="M9 11.041v-0.825c1.102-0.621 2-2.168 2-3.716 0-2.485 0-4.5-3-4.5s-3 2.015-3 4.5c0 1.548 0.898 3.095 2 3.716v0.825c-3.392 0.277-6 1.944-6 3.959h14c0-2.015-2.608-3.682-6-3.959z"></path>
 </symbol>
-<symbol id="icon-twitter" viewBox="0 0 16 16">
-<title>twitter</title>
-<path fill="#1da1f2" style="fill: var(--color15, #1da1f2)" d="M15.969 3.046c-0.59 0.259-1.22 0.436-1.883 0.517 0.676-0.407 1.196-1.049 1.442-1.815-0.634 0.37-1.337 0.639-2.085 0.789-0.597-0.639-1.449-1.039-2.394-1.039-1.811 0-3.28 1.469-3.28 3.278 0 0.26 0.030 0.51 0.085 0.749-2.727-0.129-5.143-1.438-6.761-3.417-0.285 0.481-0.444 1.041-0.444 1.65 0 1.14 0.58 2.142 1.459 2.731-0.538-0.017-1.044-0.165-1.485-0.411v0.041c0 1.59 1.129 2.916 2.631 3.218-0.275 0.074-0.566 0.114-0.864 0.114-0.209 0-0.41-0.020-0.611-0.057 0.421 1.302 1.63 2.251 3.069 2.278-1.12 0.879-2.539 1.403-4.068 1.403-0.26 0-0.519-0.015-0.78-0.045 1.459 0.929 3.179 1.473 5.038 1.473 6.036 0 9.333-4.997 9.333-9.324 0-0.139 0-0.28-0.010-0.42 0.641-0.459 1.2-1.040 1.64-1.699l-0.031-0.013z"></path>
+<symbol id="icon-resume" viewBox="0 0 16 16">
+<title>resume</title>
+<path d="M13.5 0h-12c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h12c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM13 14h-11v-12h11v12zM4 9h7v1h-7zM4 11h7v1h-7zM5 4.5c0-0.828 0.672-1.5 1.5-1.5s1.5 0.672 1.5 1.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5zM7.5 6h-2c-0.825 0-1.5 0.45-1.5 1v1h5v-1c0-0.55-0.675-1-1.5-1z"></path>
 </symbol>
-<symbol id="icon-icq" viewBox="0 0 16 16">
-<title>icq</title>
-<path fill="#7ebd00" style="fill: var(--color16, #7ebd00)" d="M10.271 0.089c-0.504-0.042-0.984 0.060-1.453 0.311-0.627 0.335-1.073 0.85-1.275 1.52v0.045l-0.023 0.157-0.089-0.157-0.223-0.402c-0.357-0.558-0.804-0.893-1.363-1.049-0.491-0.111-0.893-0.065-1.317 0.16-0.47 0.291-0.737 0.737-0.849 1.363-0.112 0.648 0 1.273 0.335 1.898l0.157 0.224-0.538-0.178c-0.67-0.157-1.296-0.069-1.922 0.267-0.648 0.333-1.049 0.803-1.317 1.453-0.247 0.625-0.224 1.229 0.089 1.787 0.135 0.247 0.336 0.447 0.515 0.581 0.268 0.268 0.603 0.424 1.005 0.491l0.156 0.044-0.335 0.292c-0.313 0.268-0.492 0.602-0.604 0.937-0.112 0.402-0.067 0.805 0.157 1.185 0.113 0.179 0.223 0.335 0.401 0.447 0.179 0.157 0.403 0.269 0.671 0.291 0.492 0.113 1.005 0.112 1.564-0.067l-0.403 0.67-0.112 0.291c-0.223 0.716-0.155 1.34 0.18 1.989 0.157 0.247 0.333 0.47 0.513 0.671 0.267 0.245 0.604 0.401 1.007 0.513 0.669 0.179 1.34 0.157 1.987-0.178 0.627-0.335 1.029-0.873 1.23-1.543l0.021-0.133c0.425 0.469 0.827 0.782 1.275 0.893 0.447 0.135 0.893 0.113 1.296-0.155 0.38-0.223 0.649-0.604 0.783-1.073 0.112-0.492 0.112-0.983 0-1.541 0.223 0.157 0.447 0.267 0.715 0.335 0.715 0.223 1.34 0.2 1.967-0.133 0.603-0.336 1.005-0.872 1.207-1.565 0.179-0.67 0.135-1.318-0.2-1.944l-0.113-0.18c-0.178-0.268-0.358-0.536-0.627-0.715-0.223-0.157-0.49-0.268-0.736-0.38 0.693-0.335 1.184-0.805 1.407-1.408 0.157-0.492 0.113-0.895-0.111-1.297v-0.044c-0.268-0.447-0.625-0.737-1.183-0.893-0.335-0.067-0.715-0.068-1.049-0.045l-0.739 0.157 0.247-0.559c0.223-0.715 0.157-1.408-0.223-2.056l-0.067-0.113c-0.335-0.559-0.827-0.893-1.497-1.071-0.173-0.045-0.344-0.075-0.512-0.089zM9.891 1.031c0.215-0.020 0.433 0.008 0.645 0.087 0.469 0.111 0.805 0.356 1.007 0.736v0.002c0.112 0.223 0.178 0.491 0.178 0.781l-0.067 0.492c-0.089 0.247-0.201 0.469-0.335 0.669l-2.011 2.46c-0.2-0.157-0.425-0.269-0.648-0.38l-0.224-2.527-0.022-0.893 0.021-0.223c0.112-0.447 0.425-0.782 0.827-1.005 0.201-0.112 0.413-0.179 0.629-0.198zM5.302 1.389c0.089-0.003 0.184 0.020 0.273 0.064 0.402 0.112 0.737 0.402 1.005 0.96 0.113 0.224 0.224 0.447 0.269 0.715l0.447 2.638-0.336 0.112-1.989-2.168-0.112-0.223c-0.18-0.403-0.29-0.782-0.245-1.185v-0.001c0.023-0.402 0.179-0.669 0.447-0.825 0.067-0.056 0.151-0.085 0.24-0.087zM13.389 4.745c0.1 0 0.198 0.005 0.299 0.016 0.38 0.045 0.648 0.225 0.782 0.493l0.090 0.289-0.045 0.223c-0.156 0.402-0.492 0.716-1.050 0.961-0.223 0.112-0.469 0.157-0.737 0.2l-2.749 0.335-0.045-0.157-0.045-0.067 0.090-0.111 2.258-1.877 0.267-0.111 0.001-0.001c0.3-0.133 0.59-0.191 0.885-0.193zM3.081 4.867c0.107 0.005 0.216 0.022 0.327 0.050v0.001l0.605 0.245 1.967 1.431c-0.18 0.224-0.29 0.447-0.357 0.67l-3.219 0.402-0.223-0.044c-0.402-0.067-0.671-0.247-0.851-0.58-0.18-0.335-0.178-0.671-0.044-1.007 0.157-0.424 0.447-0.76 0.871-0.938 0.302-0.168 0.604-0.249 0.925-0.231zM7.855 6.66c0.403 0 0.783 0.157 1.029 0.403 0.313 0.313 0.447 0.649 0.447 1.051s-0.133 0.781-0.447 1.049c-0.291 0.291-0.627 0.447-1.029 0.447-0.424 0-0.78-0.157-1.049-0.447-0.291-0.268-0.447-0.647-0.447-1.049s0.156-0.738 0.447-1.051c0.268-0.247 0.625-0.403 1.049-0.403zM13.465 8.38l0.224 0.023c0.336 0.112 0.649 0.312 0.827 0.647 0.224 0.247 0.335 0.582 0.335 0.962l-0.067 0.447c-0.111 0.447-0.38 0.782-0.76 0.96-0.402 0.224-0.805 0.269-1.251 0.113-0.268-0.067-0.447-0.179-0.603-0.357l-2.347-1.945 0.157-0.335 0.067-0.269 2.525-0.223 0.893-0.023zM9.041 10.012l0.938 0.96 0.58 0.715 0.113 0.225c0.2 0.38 0.312 0.737 0.267 1.161-0.044 0.401-0.178 0.692-0.447 0.804-0.156 0.112-0.335 0.113-0.513 0.090-0.425-0.111-0.76-0.445-1.005-0.982l-0.269-0.739-0.335-1.945 0.379-0.133 0.291-0.157zM6.627 10.057c0.223 0.111 0.447 0.223 0.693 0.245 0.044 0.76 0.11 1.565 0.221 2.436v0.895l-0.022 0.222c-0.157 0.402-0.425 0.738-0.827 0.917-0.403 0.223-0.827 0.268-1.23 0.157-0.447-0.111-0.782-0.38-0.96-0.737-0.113-0.223-0.203-0.493-0.203-0.76l0.113-0.513c0.044-0.223 0.157-0.447 0.335-0.627l1.877-2.233z"></path>
+<symbol id="icon-cv" viewBox="0 0 16 16">
+<title>cv</title>
+<path d="M5 3c0-1.657 1.343-3 3-3s3 1.343 3 3c0 1.657-1.343 3-3 3s-3-1.343-3-3zM12.001 7h-0.553l-3.111 6.316 1.163-5.816-1.5-1.5-1.5 1.5 1.163 5.816-3.111-6.316h-0.554c-1.999 0-1.999 1.344-1.999 3v5h12v-5c0-1.656 0-3-1.999-3z"></path>
 </symbol>
-<symbol id="icon-xmpp" viewBox="0 0 16 16">
-<title>xmpp</title>
-<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 id="icon-search" viewBox="0 0 16 16">
+<title>search</title>
+<path d="M15.504 13.616l-3.79-3.223c-0.392-0.353-0.811-0.514-1.149-0.499 0.895-1.048 1.435-2.407 1.435-3.893 0-3.314-2.686-6-6-6s-6 2.686-6 6 2.686 6 6 6c1.486 0 2.845-0.54 3.893-1.435-0.016 0.338 0.146 0.757 0.499 1.149l3.223 3.79c0.552 0.613 1.453 0.665 2.003 0.115s0.498-1.452-0.115-2.003zM6 10c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z"></path>
 </symbol>
 <symbol id="icon-lens" viewBox="0 0 16 16">
 <title>lens</title>
@@ -86,10 +28,6 @@ <symbol id="icon-aperture" viewBox="0 0 16 16">
 <title>aperture</title>
 <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-mail" viewBox="0 0 16 16">
-<title>mail</title>
-<path d="M13.333 0h-10.666c-1.467 0-2.667 1.2-2.667 2.667v10.666c0 1.467 1.2 2.667 2.667 2.667h10.666c1.468 0 2.667-1.2 2.667-2.667v-10.666c0-1.467-1.199-2.667-2.667-2.667zM4 4h8c0.143 0 0.281 0.031 0.409 0.088l-4.409 5.143-4.409-5.143c0.127-0.058 0.266-0.088 0.409-0.088zM3 11v-6c0-0.021 0.001-0.042 0.002-0.063l2.932 3.421-2.9 2.9c-0.023-0.083-0.034-0.17-0.034-0.258zM12 12h-8c-0.088 0-0.175-0.012-0.258-0.034l2.846-2.846 1.413 1.648 1.413-1.648 2.846 2.846c-0.083 0.023-0.17 0.034-0.258 0.034zM13 11c0 0.088-0.012 0.175-0.034 0.258l-2.9-2.9 2.932-3.421c0.001 0.021 0.002 0.042 0.002 0.063v6z"></path>
-</symbol>
 <symbol id="icon-reply" viewBox="0 0 16 16">
 <title>reply</title>
 <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>
@@ -164,6 +102,88 @@ </symbol>
 <symbol id="icon-camera" viewBox="0 0 16 16">
 <title>camera</title>
 <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-mail" viewBox="0 0 16 16">
+<title>mail</title>
+<path d="M16 6.339v7.089c0 0.786-0.643 1.429-1.429 1.429h-13.143c-0.786 0-1.429-0.643-1.429-1.429v-7.089c0.268 0.295 0.571 0.554 0.902 0.777 1.482 1.009 2.982 2.018 4.438 3.080 0.75 0.554 1.679 1.232 2.652 1.232h0.018c0.973 0 1.902-0.679 2.652-1.232 1.455-1.054 2.955-2.071 4.446-3.080 0.321-0.223 0.625-0.482 0.893-0.777zM16 3.714c0 1-0.741 1.902-1.527 2.446-1.393 0.964-2.795 1.929-4.179 2.902-0.58 0.402-1.563 1.223-2.286 1.223h-0.018c-0.723 0-1.705-0.821-2.286-1.223-1.384-0.973-2.786-1.938-4.17-2.902-0.634-0.429-1.536-1.438-1.536-2.25 0-0.875 0.473-1.625 1.429-1.625h13.143c0.777 0 1.429 0.643 1.429 1.429z"></path>
+</symbol>
+<symbol id="icon-following" viewBox="0 0 17 16">
+<title>following</title>
+<path d="M5.295 8c-0.929 0.027-1.768 0.429-2.366 1.143h-1.196c-0.893 0-1.732-0.429-1.732-1.42 0-0.723-0.027-3.152 1.107-3.152 0.188 0 1.116 0.759 2.321 0.759 0.411 0 0.804-0.071 1.187-0.205-0.027 0.196-0.045 0.393-0.045 0.589 0 0.813 0.259 1.616 0.723 2.286zM14.857 13.688c0 1.446-0.955 2.313-2.384 2.313h-7.804c-1.429 0-2.384-0.866-2.384-2.313 0-2.018 0.473-5.116 3.089-5.116 0.304 0 1.411 1.241 3.196 1.241s2.893-1.241 3.196-1.241c2.616 0 3.089 3.098 3.089 5.116zM5.714 2.286c0 1.259-1.027 2.286-2.286 2.286s-2.286-1.027-2.286-2.286 1.027-2.286 2.286-2.286 2.286 1.027 2.286 2.286zM12 5.714c0 1.893-1.536 3.429-3.429 3.429s-3.429-1.536-3.429-3.429 1.536-3.429 3.429-3.429 3.429 1.536 3.429 3.429zM17.143 7.723c0 0.991-0.839 1.42-1.732 1.42h-1.196c-0.598-0.714-1.438-1.116-2.366-1.143 0.464-0.67 0.723-1.473 0.723-2.286 0-0.196-0.018-0.393-0.045-0.589 0.384 0.134 0.777 0.205 1.188 0.205 1.205 0 2.134-0.759 2.321-0.759 1.134 0 1.107 2.429 1.107 3.152zM16 2.286c0 1.259-1.027 2.286-2.286 2.286s-2.286-1.027-2.286-2.286 1.027-2.286 2.286-2.286 2.286 1.027 2.286 2.286z"></path>
+</symbol>
+<symbol id="icon-instagram" viewBox="0 0 16 16">
+<title>instagram</title>
+<path fill="#e4405f" style="fill: var(--color1, #e4405f)" d="M8 0c-2.173 0-2.445 0.010-3.298 0.048-0.852 0.040-1.432 0.174-1.942 0.372-0.526 0.204-0.973 0.478-1.417 0.923s-0.719 0.891-0.923 1.417c-0.198 0.51-0.333 1.090-0.372 1.942-0.040 0.853-0.048 1.125-0.048 3.298s0.010 2.445 0.048 3.298c0.040 0.851 0.174 1.432 0.372 1.942 0.204 0.525 0.478 0.973 0.923 1.417s0.891 0.719 1.417 0.923c0.511 0.197 1.091 0.333 1.942 0.372 0.853 0.040 1.125 0.048 3.298 0.048s2.445-0.010 3.298-0.048c0.851-0.040 1.432-0.175 1.942-0.372 0.525-0.204 0.973-0.479 1.417-0.923s0.719-0.89 0.923-1.417c0.197-0.51 0.333-1.091 0.372-1.942 0.040-0.853 0.048-1.125 0.048-3.298s-0.010-2.445-0.048-3.298c-0.040-0.851-0.175-1.433-0.372-1.942-0.204-0.526-0.479-0.973-0.923-1.417s-0.89-0.719-1.417-0.923c-0.51-0.198-1.091-0.333-1.942-0.372-0.853-0.040-1.125-0.048-3.298-0.048zM8 1.44c2.135 0 2.39 0.011 3.233 0.047 0.78 0.037 1.203 0.166 1.485 0.277 0.375 0.145 0.64 0.318 0.921 0.597 0.279 0.28 0.453 0.546 0.597 0.921 0.109 0.281 0.24 0.705 0.275 1.485 0.038 0.844 0.047 1.097 0.047 3.233s-0.010 2.39-0.049 3.233c-0.041 0.78-0.171 1.203-0.281 1.485-0.149 0.375-0.319 0.64-0.599 0.921-0.279 0.279-0.549 0.453-0.92 0.597-0.28 0.109-0.71 0.24-1.49 0.275-0.849 0.038-1.099 0.047-3.239 0.047s-2.391-0.010-3.239-0.049c-0.781-0.041-1.211-0.171-1.491-0.281-0.379-0.149-0.64-0.319-0.919-0.599-0.281-0.279-0.46-0.549-0.6-0.92-0.11-0.28-0.239-0.71-0.28-1.49-0.030-0.84-0.041-1.099-0.041-3.229s0.011-2.391 0.041-3.241c0.041-0.78 0.17-1.209 0.28-1.489 0.14-0.38 0.319-0.64 0.6-0.921 0.279-0.279 0.54-0.459 0.919-0.599 0.28-0.111 0.701-0.241 1.481-0.281 0.85-0.030 1.1-0.040 3.239-0.040l0.030 0.020zM8 3.892c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zM8 10.667c-1.473 0-2.667-1.193-2.667-2.667s1.193-2.667 2.667-2.667 2.667 1.193 2.667 2.667-1.193 2.667-2.667 2.667zM13.231 3.73c0 0.53-0.431 0.96-0.96 0.96s-0.96-0.431-0.96-0.96 0.431-0.959 0.96-0.959c0.529-0.001 0.96 0.43 0.96 0.959z"></path>
+</symbol>
+<symbol id="icon-spotify" viewBox="0 0 16 16">
+<title>spotify</title>
+<path fill="#1ed760" style="fill: var(--color2, #1ed760)" d="M8 0c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.56-8-8-8zM11.681 11.56c-0.16 0.239-0.44 0.32-0.681 0.16-1.88-1.16-4.24-1.401-7.041-0.761-0.279 0.081-0.519-0.119-0.599-0.359-0.080-0.281 0.12-0.52 0.36-0.6 3.040-0.681 5.68-0.4 7.76 0.88 0.28 0.12 0.319 0.439 0.201 0.68zM12.641 9.36c-0.201 0.28-0.561 0.4-0.841 0.2-2.159-1.32-5.439-1.72-7.959-0.92-0.319 0.080-0.68-0.080-0.76-0.4s0.080-0.681 0.4-0.761c2.92-0.879 6.52-0.439 9 1.081 0.241 0.121 0.36 0.52 0.161 0.8zM12.721 7.12c-2.561-1.52-6.841-1.68-9.281-0.919-0.4 0.119-0.8-0.121-0.92-0.481-0.12-0.401 0.12-0.8 0.48-0.921 2.84-0.84 7.52-0.68 10.481 1.081 0.359 0.2 0.479 0.68 0.279 1.040-0.199 0.281-0.68 0.399-1.039 0.2z"></path>
+</symbol>
+<symbol id="icon-deviantart" viewBox="0 0 16 16">
+<title>deviantart</title>
+<path fill="#05cc47" style="fill: var(--color3, #05cc47)" d="M12.805 3.196l0.153-0.287v-2.909h-2.911l-0.291 0.293-1.372 2.617-0.431 0.291h-4.9v3.995h2.693l0.24 0.291-2.783 5.32-0.16 0.287v2.907h2.91l0.291-0.293 1.38-2.617 0.429-0.291h4.9v-3.995h-2.7l-0.24-0.292 2.791-5.318z"></path>
+</symbol>
+<symbol id="icon-wechat" viewBox="0 0 16 16">
+<title>wechat</title>
+<path fill="#7bb32e" style="fill: var(--color4, #7bb32e)" d="M15.694 8.499c-0.406-0.92-1.172-1.651-2.061-2.101-1.569-0.795-3.521-0.79-5.086 0.020-1.087 0.558-1.995 1.558-2.253 2.775-0.212 0.896-0.022 1.861 0.453 2.641 0.707 1.175 1.986 1.925 3.314 2.165 0.962 0.195 1.957 0.079 2.892-0.19 0.561 0.217 1.061 0.569 1.605 0.831-0.141-0.471-0.291-0.937-0.451-1.401 0.611-0.433 1.164-0.974 1.496-1.653 0.496-0.943 0.526-2.114 0.090-3.087zM9.078 2.188c-1.663-0.936-3.735-1.077-5.524-0.43-1.176 0.423-2.24 1.21-2.897 2.28-0.597 0.967-0.82 2.172-0.533 3.278 0.289 1.227 1.141 2.255 2.175 2.942-0.2 0.567-0.39 1.133-0.57 1.703 0.65-0.34 1.3-0.695 1.951-1.041 0.78 0.25 1.61 0.373 2.44 0.345-0.22-0.629-0.27-1.31-0.17-1.967 0.15-0.914 0.65-1.75 1.329-2.369 1.151-1.077 2.781-1.531 4.331-1.421-0.291-1.423-1.291-2.626-2.549-3.32h0.018zM10.233 8.847c-0.139 0.435-0.771 0.565-1.077 0.235-0.337-0.306-0.206-0.945 0.237-1.082 0.489-0.207 1.055 0.358 0.84 0.847zM13.43 8.909c-0.171 0.391-0.761 0.482-1.051 0.18-0.139-0.127-0.18-0.319-0.229-0.487 0.069-0.305 0.28-0.622 0.62-0.637 0.47-0.065 0.891 0.515 0.65 0.944h0.010zM8.66 4.606c0.005 0.641-0.85 1.041-1.33 0.606-0.498-0.357-0.357-1.225 0.228-1.404 0.523-0.21 1.142 0.229 1.101 0.79l0.001 0.008zM4.621 4.769c-0.115 0.557-0.861 0.825-1.297 0.452-0.506-0.357-0.364-1.241 0.23-1.421 0.582-0.224 1.243 0.367 1.067 0.969z"></path>
+</symbol>
+<symbol id="icon-lastfm" viewBox="0 0 16 16">
+<title>lastfm</title>
+<path fill="#d51007" style="fill: var(--color5, #d51007)" d="M7.066 11.474l-0.587-1.595s-0.955 1.064-2.386 1.064c-1.267 0-2.166-1.101-2.166-2.864 0-2.257 1.139-3.064 2.259-3.064 1.612 0 2.123 1.045 2.563 2.385l0.581 1.834c0.581 1.781 1.682 3.212 4.857 3.212 2.273 0 3.815-0.697 3.815-2.534 0-1.485-0.851-2.255-2.423-2.623l-1.171-0.256c-0.811-0.183-1.051-0.514-1.051-1.065 0-0.624 0.491-0.991 1.301-0.991 0.882 0 1.352 0.33 1.431 1.119l1.833-0.22c-0.15-1.653-1.291-2.329-3.163-2.329-1.653 0-3.265 0.624-3.265 2.623 0 1.249 0.601 2.039 2.123 2.403l1.241 0.295c0.931 0.22 1.242 0.611 1.242 1.142 0 0.681-0.661 0.961-1.913 0.961-1.853 0-2.624-0.971-3.065-2.313l-0.601-1.833c-0.771-2.383-2.003-3.264-4.446-3.264-2.643-0.009-4.075 1.692-4.075 4.596 0 2.786 1.431 4.297 4.002 4.297 2.072 0 3.064-0.971 3.064-0.971v-0.008z"></path>
+</symbol>
+<symbol id="icon-hangouts" viewBox="0 0 16 16">
+<title>hangouts</title>
+<path fill="#0c9d58" style="fill: var(--color6, #0c9d58)" d="M8 0c-3.867 0-7 3.133-7 7 0 3.667 3.333 6.667 7 6.667v2.333c4.233-2.067 7-5.467 7-9 0-3.867-3.133-7-7-7zM7.667 8c0 0.933-0.6 1.667-1.333 1.667v-1.667h-1.667v-3h3v3zM11.667 8c0 0.933-0.6 1.667-1.333 1.667v-1.667h-1.667v-3h3v3z"></path>
+</symbol>
+<symbol id="icon-flickr" viewBox="0 0 16 16">
+<title>flickr</title>
+<path fill="#0063dc" style="fill: var(--color7, #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>
+</symbol>
+<symbol id="icon-skype" viewBox="0 0 16 16">
+<title>skype</title>
+<path fill="#00aff0" style="fill: var(--color8, #00aff0)" d="M8.046 12.583c-2.682 0-3.88-1.319-3.88-2.309 0-0.51 0.374-0.864 0.889-0.864 1.149 0 0.849 1.651 2.991 1.651 1.094 0 1.7-0.597 1.7-1.207 0-0.367-0.179-0.773-0.903-0.953l-2.384-0.597c-1.92-0.483-2.269-1.524-2.269-2.501 0-2.031 1.907-2.794 3.699-2.794 1.647 0 3.595 0.915 3.595 2.133 0 0.523-0.459 0.827-0.969 0.827-0.979 0-0.799-1.358-2.776-1.358-0.979 0-1.528 0.443-1.528 1.078s0.769 0.839 1.438 0.991l1.758 0.391c1.927 0.433 2.416 1.564 2.416 2.629 0 1.651-1.268 2.883-3.815 2.883zM15.399 9.329l-0.019 0.090-0.029-0.16c0.010 0.030 0.029 0.049 0.039 0.080 0.080-0.45 0.121-0.909 0.121-1.368 0-1.019-0.201-2.008-0.599-2.947-0.379-0.899-0.93-1.708-1.618-2.397-0.699-0.689-1.498-1.237-2.397-1.617-0.879-0.421-1.867-0.62-2.885-0.62-0.48 0-0.963 0.047-1.429 0.136l0.079 0.040-0.159-0.022 0.079-0.017c-0.643-0.344-1.363-0.527-2.095-0.527-1.193 0-2.313 0.465-3.157 1.311s-1.309 1.971-1.309 3.166c0 0.762 0.195 1.51 0.563 2.172l0.013-0.083 0.027 0.159-0.040-0.077c-0.076 0.43-0.115 0.866-0.115 1.303 0 1.020 0.2 2.011 0.589 2.944 0.379 0.908 0.919 1.717 1.618 2.406 0.689 0.7 1.498 1.238 2.397 1.628 0.929 0.4 1.918 0.599 2.936 0.599 0.439 0 0.889-0.040 1.318-0.119l-0.079-0.041 0.16 0.031-0.090 0.020c0.668 0.379 1.417 0.581 2.196 0.581 1.189 0 2.306-0.46 3.155-1.309 0.839-0.839 1.308-1.967 1.308-3.166 0-0.759-0.199-1.508-0.569-2.177z"></path>
+</symbol>
+<symbol id="icon-telegram" viewBox="0 0 16 16">
+<title>telegram</title>
+<path fill="#2ca5e0" style="fill: var(--color9, #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" style="fill: var(--color9, #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" style="fill: var(--color9, #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>
+</symbol>
+<symbol id="icon-whatsapp" viewBox="0 0 16 16">
+<title>whatsapp</title>
+<path fill="#25d366" style="fill: var(--color10, #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>
+</symbol>
+<symbol id="icon-paypal" viewBox="0 0 16 16">
+<title>paypal</title>
+<path fill="#00457c" style="fill: var(--color11, #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>
+</symbol>
+<symbol id="icon-linkedin" viewBox="0 0 16 16">
+<title>linkedin</title>
+<path fill="#0077b5" style="fill: var(--color12, #0077b5)" d="M13.631 13.635h-2.369v-3.713c0-0.885-0.018-2.025-1.235-2.025-1.235 0-1.424 0.963-1.424 1.959v3.778h-2.369v-7.635h2.276v1.041h0.031c0.318-0.6 1.091-1.233 2.247-1.233 2.401 0 2.845 1.58 2.845 3.637v4.191zM3.558 4.955c-0.763 0-1.375-0.617-1.375-1.377s0.613-1.375 1.375-1.375c0.76 0 1.376 0.617 1.376 1.375s-0.617 1.377-1.376 1.377zM4.746 13.635h-2.376v-7.635h2.376v7.635zM14.817 0h-13.636c-0.653 0-1.181 0.516-1.181 1.153v13.695c0 0.637 0.528 1.153 1.181 1.153h13.634c0.652 0 1.185-0.515 1.185-1.153v-13.695c0-0.637-0.533-1.153-1.185-1.153h0.002z"></path>
+</symbol>
+<symbol id="icon-wordpress" viewBox="0 0 16 16">
+<title>wordpress</title>
+<path fill="#21759b" style="fill: var(--color13, #21759b)" d="M14.313 4.55c0.56 1.025 0.879 2.2 0.879 3.45 0 2.653-1.437 4.971-3.575 6.217l2.197-6.351c0.41-1.027 0.547-1.847 0.547-2.576 0-0.27-0.017-0.52-0.047-0.74zM8.992 4.619c0.431-0.020 0.821-0.070 0.821-0.070 0.388-0.050 0.343-0.62-0.045-0.599 0 0-1.17 0.090-1.92 0.090-0.709 0-1.9-0.1-1.9-0.1-0.39-0.020-0.441 0.57-0.050 0.59 0 0 0.36 0.041 0.75 0.060l1.12 3.070-1.58 4.72-2.619-7.78c0.433-0.020 0.823-0.067 0.823-0.067 0.39-0.050 0.344-0.62-0.043-0.597 0 0-1.164 0.092-1.916 0.092-0.133 0-0.292-0.005-0.46-0.010 1.301-1.918 3.517-3.208 6.027-3.208 1.873 0 3.577 0.715 4.857 1.889-0.031-0.002-0.061-0.006-0.094-0.006-0.707 0-1.208 0.615-1.208 1.276 0 0.593 0.342 1.095 0.707 1.687 0.274 0.48 0.593 1.095 0.593 1.985 0 0.61-0.236 1.329-0.547 2.319l-0.717 2.39-2.6-7.74 0.001 0.009zM8 15.189c-0.706 0-1.387-0.102-2.032-0.291l2.158-6.271 2.21 6.058c0.016 0.035 0.033 0.067 0.052 0.099-0.747 0.262-1.55 0.406-2.388 0.406zM0.807 8c0-1.043 0.224-2.033 0.623-2.927l3.429 9.399c-2.397-1.166-4.052-3.625-4.053-6.473zM8 0c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8z"></path>
+</symbol>
+<symbol id="icon-tumblr" viewBox="0 0 16 16">
+<title>tumblr</title>
+<path fill="#36465d" style="fill: var(--color14, #36465d)" d="M9.709 16c-3.395 0-4.687-2.504-4.687-4.274v-5.228h-1.611v-2.066c2.42-0.875 3.008-3.064 3.14-4.313 0.009-0.085 0.077-0.119 0.115-0.119h2.345v4.076h3.201v2.422h-3.213v4.98c0.011 0.667 0.25 1.581 1.471 1.581h0.060c0.421-0.013 0.991-0.137 1.291-0.279l0.771 2.283c-0.291 0.424-1.6 0.916-2.771 0.936h-0.119l0.007 0.001z"></path>
+</symbol>
+<symbol id="icon-github" viewBox="0 0 16 16">
+<title>github</title>
+<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>
+</symbol>
+<symbol id="icon-twitter" viewBox="0 0 16 16">
+<title>twitter</title>
+<path fill="#1da1f2" style="fill: var(--color15, #1da1f2)" d="M15.969 3.046c-0.59 0.259-1.22 0.436-1.883 0.517 0.676-0.407 1.196-1.049 1.442-1.815-0.634 0.37-1.337 0.639-2.085 0.789-0.597-0.639-1.449-1.039-2.394-1.039-1.811 0-3.28 1.469-3.28 3.278 0 0.26 0.030 0.51 0.085 0.749-2.727-0.129-5.143-1.438-6.761-3.417-0.285 0.481-0.444 1.041-0.444 1.65 0 1.14 0.58 2.142 1.459 2.731-0.538-0.017-1.044-0.165-1.485-0.411v0.041c0 1.59 1.129 2.916 2.631 3.218-0.275 0.074-0.566 0.114-0.864 0.114-0.209 0-0.41-0.020-0.611-0.057 0.421 1.302 1.63 2.251 3.069 2.278-1.12 0.879-2.539 1.403-4.068 1.403-0.26 0-0.519-0.015-0.78-0.045 1.459 0.929 3.179 1.473 5.038 1.473 6.036 0 9.333-4.997 9.333-9.324 0-0.139 0-0.28-0.010-0.42 0.641-0.459 1.2-1.040 1.64-1.699l-0.031-0.013z"></path>
+</symbol>
+<symbol id="icon-icq" viewBox="0 0 16 16">
+<title>icq</title>
+<path fill="#7ebd00" style="fill: var(--color16, #7ebd00)" d="M10.271 0.089c-0.504-0.042-0.984 0.060-1.453 0.311-0.627 0.335-1.073 0.85-1.275 1.52v0.045l-0.023 0.157-0.089-0.157-0.223-0.402c-0.357-0.558-0.804-0.893-1.363-1.049-0.491-0.111-0.893-0.065-1.317 0.16-0.47 0.291-0.737 0.737-0.849 1.363-0.112 0.648 0 1.273 0.335 1.898l0.157 0.224-0.538-0.178c-0.67-0.157-1.296-0.069-1.922 0.267-0.648 0.333-1.049 0.803-1.317 1.453-0.247 0.625-0.224 1.229 0.089 1.787 0.135 0.247 0.336 0.447 0.515 0.581 0.268 0.268 0.603 0.424 1.005 0.491l0.156 0.044-0.335 0.292c-0.313 0.268-0.492 0.602-0.604 0.937-0.112 0.402-0.067 0.805 0.157 1.185 0.113 0.179 0.223 0.335 0.401 0.447 0.179 0.157 0.403 0.269 0.671 0.291 0.492 0.113 1.005 0.112 1.564-0.067l-0.403 0.67-0.112 0.291c-0.223 0.716-0.155 1.34 0.18 1.989 0.157 0.247 0.333 0.47 0.513 0.671 0.267 0.245 0.604 0.401 1.007 0.513 0.669 0.179 1.34 0.157 1.987-0.178 0.627-0.335 1.029-0.873 1.23-1.543l0.021-0.133c0.425 0.469 0.827 0.782 1.275 0.893 0.447 0.135 0.893 0.113 1.296-0.155 0.38-0.223 0.649-0.604 0.783-1.073 0.112-0.492 0.112-0.983 0-1.541 0.223 0.157 0.447 0.267 0.715 0.335 0.715 0.223 1.34 0.2 1.967-0.133 0.603-0.336 1.005-0.872 1.207-1.565 0.179-0.67 0.135-1.318-0.2-1.944l-0.113-0.18c-0.178-0.268-0.358-0.536-0.627-0.715-0.223-0.157-0.49-0.268-0.736-0.38 0.693-0.335 1.184-0.805 1.407-1.408 0.157-0.492 0.113-0.895-0.111-1.297v-0.044c-0.268-0.447-0.625-0.737-1.183-0.893-0.335-0.067-0.715-0.068-1.049-0.045l-0.739 0.157 0.247-0.559c0.223-0.715 0.157-1.408-0.223-2.056l-0.067-0.113c-0.335-0.559-0.827-0.893-1.497-1.071-0.173-0.045-0.344-0.075-0.512-0.089zM9.891 1.031c0.215-0.020 0.433 0.008 0.645 0.087 0.469 0.111 0.805 0.356 1.007 0.736v0.002c0.112 0.223 0.178 0.491 0.178 0.781l-0.067 0.492c-0.089 0.247-0.201 0.469-0.335 0.669l-2.011 2.46c-0.2-0.157-0.425-0.269-0.648-0.38l-0.224-2.527-0.022-0.893 0.021-0.223c0.112-0.447 0.425-0.782 0.827-1.005 0.201-0.112 0.413-0.179 0.629-0.198zM5.302 1.389c0.089-0.003 0.184 0.020 0.273 0.064 0.402 0.112 0.737 0.402 1.005 0.96 0.113 0.224 0.224 0.447 0.269 0.715l0.447 2.638-0.336 0.112-1.989-2.168-0.112-0.223c-0.18-0.403-0.29-0.782-0.245-1.185v-0.001c0.023-0.402 0.179-0.669 0.447-0.825 0.067-0.056 0.151-0.085 0.24-0.087zM13.389 4.745c0.1 0 0.198 0.005 0.299 0.016 0.38 0.045 0.648 0.225 0.782 0.493l0.090 0.289-0.045 0.223c-0.156 0.402-0.492 0.716-1.050 0.961-0.223 0.112-0.469 0.157-0.737 0.2l-2.749 0.335-0.045-0.157-0.045-0.067 0.090-0.111 2.258-1.877 0.267-0.111 0.001-0.001c0.3-0.133 0.59-0.191 0.885-0.193zM3.081 4.867c0.107 0.005 0.216 0.022 0.327 0.050v0.001l0.605 0.245 1.967 1.431c-0.18 0.224-0.29 0.447-0.357 0.67l-3.219 0.402-0.223-0.044c-0.402-0.067-0.671-0.247-0.851-0.58-0.18-0.335-0.178-0.671-0.044-1.007 0.157-0.424 0.447-0.76 0.871-0.938 0.302-0.168 0.604-0.249 0.925-0.231zM7.855 6.66c0.403 0 0.783 0.157 1.029 0.403 0.313 0.313 0.447 0.649 0.447 1.051s-0.133 0.781-0.447 1.049c-0.291 0.291-0.627 0.447-1.029 0.447-0.424 0-0.78-0.157-1.049-0.447-0.291-0.268-0.447-0.647-0.447-1.049s0.156-0.738 0.447-1.051c0.268-0.247 0.625-0.403 1.049-0.403zM13.465 8.38l0.224 0.023c0.336 0.112 0.649 0.312 0.827 0.647 0.224 0.247 0.335 0.582 0.335 0.962l-0.067 0.447c-0.111 0.447-0.38 0.782-0.76 0.96-0.402 0.224-0.805 0.269-1.251 0.113-0.268-0.067-0.447-0.179-0.603-0.357l-2.347-1.945 0.157-0.335 0.067-0.269 2.525-0.223 0.893-0.023zM9.041 10.012l0.938 0.96 0.58 0.715 0.113 0.225c0.2 0.38 0.312 0.737 0.267 1.161-0.044 0.401-0.178 0.692-0.447 0.804-0.156 0.112-0.335 0.113-0.513 0.090-0.425-0.111-0.76-0.445-1.005-0.982l-0.269-0.739-0.335-1.945 0.379-0.133 0.291-0.157zM6.627 10.057c0.223 0.111 0.447 0.223 0.693 0.245 0.044 0.76 0.11 1.565 0.221 2.436v0.895l-0.022 0.222c-0.157 0.402-0.425 0.738-0.827 0.917-0.403 0.223-0.827 0.268-1.23 0.157-0.447-0.111-0.782-0.38-0.96-0.737-0.113-0.223-0.203-0.493-0.203-0.76l0.113-0.513c0.044-0.223 0.157-0.447 0.335-0.627l1.877-2.233z"></path>
+</symbol>
+<symbol id="icon-xmpp" viewBox="0 0 16 16">
+<title>xmpp</title>
+<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>
 </defs>
 </svg>

M meta.py → meta.py

@@ -8,9 +8,10 @@ import re
 import subprocess
 import json
 import os
+import logging
+import requests
 import keys
-import requests
-import logging
+import settings
 
 from pprint import pprint
 
@@ -25,11 +26,15 @@ self.fpath = fpath
 
     @property
     def cfile(self):
+        fname = os.path.basename(self.fpath)
+        if fname  == 'index.md':
+            fname = os.path.basename(os.path.dirname(self.fpath))
+
         return os.path.join(
-            os.path.dirname(self.fpath),
-            ".%s.%s.json" % (
+            settings.paths.get('tmp', 'tmp'),
+            "%s.%s.json" % (
+                fname,
                 self.__class__.__name__,
-                os.path.basename(self.fpath)
             )
         )
 
@@ -51,6 +56,11 @@ self._cache_read()
 
     def _cache_update(self):
         with open(self.cfile, 'wt') as f:
+            logging.debug(
+                "writing cached meta file of %s to %s",
+                self.fpath,
+                self.cfile
+            )
             f.write(json.dumps(self, indent=4, sort_keys=True))
 
     def _cache_read(self):
@@ -78,7 +88,10 @@
         url = "https://language.googleapis.com/v1beta2/documents:classifyText?key=%s" % (
             keys.gcloud.get('key')
         )
-        logging.info('calling Google classidyText')
+        logging.info(
+            "calling Google classifyText for %s",
+            self.fpath
+        )
         r = requests.post(url, json=params)
         try:
             resp = r.json()
@@ -164,7 +177,10 @@
         url = "https://vision.googleapis.com/v1/images:annotate?key=%s" % (
             keys.gcloud.get('key')
         )
-        logging.info('calling Google Vision API for %s', self.fpath)
+        logging.info(
+            "calling Google Vision for %s",
+            self.fpath
+        )
         r = requests.post(url, json=params)
         try:
             resp = r.json()

M nasg.py → nasg.py

@@ -14,6 +14,7 @@ import imghdr
 import asyncio
 import sqlite3
 import json
+import queue
 from shutil import copy2 as cp
 from math import ceil
 from urllib.parse import urlparse
@@ -91,18 +92,6 @@ logger.info('writing file %s', fpath)
         f.write(content)
 
 
-# def relurl(url,base=settings.site.get('url')):
-    #url =urlparse(url)
-    #base = urlparse(base)
-
-    # if base.netloc != url.netloc:
-        #raise ValueError('target and base netlocs do not match')
-
-    #base_dir='.%s' % (os.path.dirname(base.path))
-    #url = '.%s' % (url.path)
-    # return os.path.relpath(url,start=base_dir)
-
-
 class cached_property(object):
     """ extermely simple cached_property decorator:
     whenever something is called as @cached_property, on first run, the
@@ -122,19 +111,38 @@ setattr(inst, self.name, result)
         return result
 
 
+class AQ:
+    def __init__(self):
+        self.loop = asyncio.get_event_loop()
+        self.queue = asyncio.Queue(loop=self.loop)
+
+    def put(self, task):
+        self.queue.put(asyncio.ensure_future(task))
+
+    async def consume(self):
+        while not self.queue.empty():
+            item = await self.queue.get()
+            self.queue.task_done()
+        #asyncio.gather() ?
+
+    def run(self):
+        consumer = asyncio.ensure_future(self.consume())
+        self.loop.run_until_complete(consumer)
+
+
 class Webmention(object):
-    def __init__(self, source, target, stime):
-        self.source = source
-        self.target = target
-        self.stime = stime
+    def __init__(self, parent):
+        self.dpath = os.path.dirname(parent.fpath)
+        self.source = parent.url
+        self.target = parent.is_reply
+        self.mtime = parent.mtime
 
     @property
     def fpath(self):
         return os.path.join(
-            settings.paths.get('webmentions'),
-            '%s => %s.txt' % (
-                url2slug(self.source, 100),
-                url2slug(self.target, 100)
+            self.dpath,
+            '%s.ping' % (
+                url2slug(self.target, 200)
             )
         )
 
@@ -142,7 +150,7 @@ @property
     def exists(self):
         if not os.path.isfile(self.fpath):
             return False
-        elif os.path.getmtime(self.fpath) > self.stime:
+        elif os.path.getmtime(self.fpath) > self.mtime:
             return True
         else:
             return False
@@ -333,7 +341,12 @@ """
         return [
             k
             for k in glob.glob(os.path.join(os.path.dirname(self.fpath), '*.*'))
-            if not k.endswith('.md') and not k.startswith('.')
+            if
+                not k.startswith('.')
+                and not k.endswith('.md')
+                and not k.endswith('.ping')
+                and not k.endswith('.url')
+                and not k.endswith('.del')
         ]
 
     @cached_property
@@ -374,6 +387,12 @@ images.update({match: WebImage(imgpath, mdimg, self)})
         return images
 
     @property
+    def is_page(self):
+        if self.category.startswith('_'):
+            return True
+        return False
+
+    @property
     def is_front(self):
         """
         Returns if the post should be displayed on the front
@@ -484,7 +503,7 @@ @property
     def to_ping(self):
         urls = []
         if self.is_reply:
-            w = Webmention(self.url, self.is_reply, self.mtime)
+            w = Webmention(self)
             urls.append(w)
         return urls
 
@@ -573,6 +592,7 @@ 'category': self.category,
             'lang': self.lang,
             'slug': self.name,
             'is_reply': self.is_reply,
+            'is_page': self.is_page,
             'summary': self.summary,
             'html_summary': self.html_summary,
             'html_content': self.html_content,
@@ -646,7 +666,7 @@ self.content,
         ])
 
     async def copyfiles(self):
-        exclude = ['.md', '.jpg', '.png', '.gif']
+        exclude = ['.md', '.jpg', '.png', '.gif', '.ping']
         files = glob.glob(os.path.join(
             os.path.dirname(self.fpath),
             '*.*'
@@ -1028,18 +1048,6 @@ # this is to make sure pjpeg happens
                 with open(self.fpath, 'wb') as f:
                     logger.info("writing %s", self.fpath)
                     thumb.save(file=f)
-
-
-class AsyncWorker(object):
-    def __init__(self):
-        self._tasks = []
-        self._loop = asyncio.get_event_loop()
-
-    def add(self, job):
-        self._tasks.append(job)
-
-    def run(self):
-        self._loop.run_until_complete(asyncio.wait(self._tasks))
 
 
 class PHPFile(object):
@@ -1125,16 +1133,16 @@ if maybe:
             ret = int(maybe[0])
         return ret
 
-    def append(self, url, mtime, name, title, category, content):
-        mtime = int(mtime)
-        check = self.check(name)
+    def append(self, post):
+        mtime = int(post.mtime)
+        check = self.check(post.name)
         if (check and check < mtime):
             self.db.execute('''
             DELETE
             FROM
                 data
             WHERE
-                name=?''', (name,))
+                name=?''', (post.name,))
             check = False
         if not check:
             self.db.execute('''
@@ -1144,12 +1152,12 @@ (url, mtime, name, title, category, content)
                 VALUES
                     (?,?,?,?,?,?);
             ''', (
-                url,
+                post.url,
                 mtime,
-                name,
-                title,
-                category,
-                content
+                post.name,
+                post.title,
+                post.category,
+                post.content
             ))
             self.is_changed = True
 
@@ -1600,6 +1608,9 @@ if os.path.exists(self.renderfile):
             r = os.path.getmtime(self.renderfile)
         return r
 
+    def append(self, post):
+        self[post.url] = post.mtime
+
     @property
     def renderfile(self):
         return os.path.join(settings.paths.get('build'), 'sitemap.txt')
@@ -1611,245 +1622,194 @@ with open(self.renderfile, 'wt') as f:
             f.write("\n".join(sorted(self.keys())))
 
 
-def makecomment(webmention):
-    if 'published_ts' in webmention.get('data'):
-        maybe = webmention.get('data').get('published')
-        if not maybe or maybe == 'None':
-            dt = arrow.get(webmention.get('verified_date'))
-        else:
-            dt = arrow.get(webmention.get('data').get('published'))
+class WebmentionIO(object):
+    def __init__(self):
+        self.params = {
+            'token': '%s' % (keys.webmentionio.get('token')),
+            'since': '%s' % self.since.format(settings.dateformat.get('iso')),
+            'domain': '%s' % (keys.webmentionio.get('domain'))
+        }
+        self.url = 'https://webmention.io/api/mentions'
 
-    slug = webmention.get('target').strip('/').split('/')[-1]
-    if slug == settings.site.get('domain'):
-        return
+    @property
+    def since(self):
+        newest = 0
+        content = settings.paths.get('content')
+        for e in glob.glob(os.path.join(content, '*', '*', '*.md')):
+            if os.path.basename(e) == 'index.md':
+                continue
+            # filenames are like [received epoch]-[slugified source url].md
+            try:
+                mtime = int(os.path.basename(e).split('-')[0])
+            except Exception as exc:
+                logger.error(
+                    'int conversation failed: %s, file was: %s',
+                    exc,
+                    e
+                )
+                continue
+            if mtime > newest:
+                newest = mtime
+        return arrow.get(newest+1)
 
-    fdir = glob.glob(os.path.join(settings.paths.get('content'), '*', slug))
-    if not len(fdir):
-        logger.error(
-            "couldn't find post for incoming webmention: %s",
-            webmention
-        )
-        return
-    elif len(fdir) > 1:
-        logger.error(
-            "multiple posts found for incoming webmention: %s",
-            webmention
-        )
-        return
+    def makecomment(self, webmention):
+        if 'published_ts' in webmention.get('data'):
+            maybe = webmention.get('data').get('published')
+            if not maybe or maybe == 'None':
+                dt = arrow.get(webmention.get('verified_date'))
+            else:
+                dt = arrow.get(webmention.get('data').get('published'))
 
-    fdir = fdir.pop()
-    fpath = os.path.join(
-        fdir,
-        "%d-%s.md" % (
-            dt.timestamp,
-            url2slug(webmention.get('source'))
-        )
-    )
-
-    fm = frontmatter.loads('')
-    fm.metadata = {
-        'author': webmention.get('data').get('author'),
-        'date': dt.format(settings.dateformat.get('iso')),
-        'source': webmention.get('source'),
-        'target': webmention.get('target'),
-        'type': webmention.get('activity').get('type', 'webmention')
-    }
-    c = webmention.get('data').get('content')
-    if not c:
-        fm.content = ''
-    else:
-        fm.content = c
-    writepath(fpath, frontmatter.dumps(fm))
-
-
-def makecomments():
-    newest = 0
-    content = settings.paths.get('content')
-    for e in glob.glob(os.path.join(content, '*', '*', '*.md')):
-        if os.path.basename(e) == 'index.md':
-            continue
-        # filenames are like [received epoch]-[slugified source url].md
-        try:
-            mtime = int(os.path.basename(e).split('-')[0])
-        except Exception as exc:
-            logger.error('int conversation failed: %s, file was: %s', exc, e)
-            continue
-        if mtime > newest:
-            newest = mtime
-    newest = arrow.get(newest)
-    wio_params = {
-        'token': '%s' % (keys.webmentionio.get('token')),
-        'since': '%s' % newest.format(settings.dateformat.get('iso')),
-        'domain': '%s' % (keys.webmentionio.get('domain'))
-    }
-    wio_url = "https://webmention.io/api/mentions"
-    webmentions = requests.get(wio_url, params=wio_params)
-    logger.info("queried webmention.io with: %s", webmentions.url)
-    if webmentions.status_code != requests.codes.ok:
-        return
-    try:
-        mentions = webmentions.json()
-        for webmention in mentions.get('links'):
-            makecomment(webmention)
-    except ValueError as e:
-        logger.error('failed to query webmention.io: %s', e)
-        pass
+        slug = webmention.get('target').strip('/').split('/')[-1]
+        # ignore selfpings
+        if slug == settings.site.get('domain'):
+            return
 
+        fdir = glob.glob(os.path.join(settings.paths.get('content'), '*', slug))
+        if not len(fdir):
+            logger.error(
+                "couldn't find post for incoming webmention: %s",
+                webmention
+            )
+            return
+        elif len(fdir) > 1:
+            logger.error(
+                "multiple posts found for incoming webmention: %s",
+                webmention
+            )
+            return
 
-def makepost(fpath):
-    try:
-        fname = os.path.basename(fpath)
-        mtime = arrow.get(fname.split('.')[0])
-        with open(fpath, 'r') as f:
-            payload = json.loads(f.read())
-            pprint(payload)
-            if 'content' not in payload:
-                logger.error('missing content from %s', fname)
-                return False
+        fdir = fdir.pop()
+        fpath = os.path.join(
+            fdir,
+            "%d-%s.md" % (
+                dt.timestamp,
+                url2slug(webmention.get('source'))
+            )
+        )
 
         fm = frontmatter.loads('')
         fm.metadata = {
-            'published': mtime.format(
-                settings.dateformat.get('iso')
-            ),
-            'tags': payload.get('category', [])
+            'author': webmention.get('data').get('author'),
+            'date': dt.format(settings.dateformat.get('iso')),
+            'source': webmention.get('source'),
+            'target': webmention.get('target'),
+            'type': webmention.get('activity').get('type', 'webmention')
         }
-        fm.content = payload.get('content')
-
-        for maybe in ['title', 'summary', 'in-reply-to']:
-            x = payload.get(maybe, None)
-            if x:
-                fm.metadata.update({maybe: x})
-
-        slug = payload.get('slug', '')
-        if not len(slug):
-            if 'in-reply-to' in fm.metadata:
-                slug = "re-%s" % (url2slug(fm.metadata.get('in-reply-to')))
-            else:
-                slug = mtime.format(settings.dateformat.get('fname'))
-
-        fpath = os.path.join(
-            settings.paths.get('micropub'),
-            slug,
-            'index.md'
-        )
+        c = webmention.get('data').get('content')
+        if not c:
+            fm.content = ''
+        else:
+            fm.content = c
         writepath(fpath, frontmatter.dumps(fm))
-        return True
-    except Exception as e:
-        logger.error('parsing entry at %s failed: %s', fpath, e)
-        return False
 
-
-def makeposts():
-    logger.info('getting micropub queue...')
-    os.system(
-        "rsync -avuhH --remove-source-files %s/ %s/" % (
-            '%s/%s' % (settings.syncserver, settings.paths.get('remotequeue')),
-            '%s' % (settings.paths.get('queue'))
-        )
-    )
-    logger.info('...done')
-
-    for js in glob.glob(os.path.join(settings.paths.get('queue'), '*.json')):
-        logging.info('processing micropub post %s', js)
-        if makepost(js):
-            os.unlink(js)
+    def run(self):
+        webmentions = requests.get(self.url, params=self.params)
+        logger.info("queried webmention.io with: %s", webmentions.url)
+        if webmentions.status_code != requests.codes.ok:
+            return
+        try:
+            mentions = webmentions.json()
+            for webmention in mentions.get('links'):
+                self.makecomment(webmention)
+        except ValueError as e:
+            logger.error('failed to query webmention.io: %s', e)
+            pass
 
 
 def make():
     start = int(round(time.time() * 1000))
     last = 0
 
+    # this needs to be before collecting the 'content' itself
     if not settings.args.get('nosync'):
-        try:
-            makecomments()
-        except Exception as e:
-            logger.error('failed to make comments: %s', e)
-        makeposts();
+        incoming = WebmentionIO()
+        incoming.run()
+
+    queue = AQ()
+    send = []
 
     content = settings.paths.get('content')
-    worker = AsyncWorker()
-    webmentions = AsyncWorker()
     rules = IndexPHP()
 
     micropub = MicropubPHP()
-    worker.add(micropub.render())
+    queue.put(micropub.render())
 
     webhook = WebhookPHP()
-    worker.add(webhook.render())
+    queue.put(webhook.render())
 
     sitemap = Sitemap()
     search = Search()
     categories = {}
-    categories['/'] = Category()
+    frontposts = Category()
+    categories['/'] = frontposts
 
     for e in sorted(glob.glob(os.path.join(content, '*', '*', 'index.md'))):
         post = Singular(e)
+        # deal with images, if needed
         for i in post.images.values():
-            worker.add(i.downsize())
+            queue.put(i.downsize())
         for i in post.to_ping:
-            webmentions.add(i.send())
+            send.append(i)
+
+        # render and arbitrary file copy tasks for this very post
+        queue.put(post.render())
+        queue.put(post.copyfiles())
 
-        worker.add(post.render())
-        worker.add(post.copyfiles())
+        # skip draft posts from anything further
         if post.is_future:
             continue
-        search.append(
-            url=post.url,
-            mtime=post.mtime,
-            name=post.name,
-            title=post.title,
-            category=post.category,
-            content=post.content
-        )
-        sitemap[post.url] = post.mtime
+
+        # add post to search database
+        search.append(post)
+
+        # start populating sitemap
+        sitemap.append(post)
+
+        # populate redirects, if any
         rules.add_redirect(post.shortslug, post.url)
-        if post.category.startswith('_'):
+
+        # any category starting with '_' are special: they shouldn't have a
+        # category archive page
+        if post.is_page:
             continue
+
+        # populate the category with the post
         if post.category not in categories:
             categories[post.category] = Category(post.category)
         categories[post.category][post.published.timestamp] = post
+
+        # add to front, if allowed
         if post.is_front:
-            categories['/'][post.published.timestamp] = post
-        if post.ctime > last:
-            last = post.ctime
+            frontposts[post.published.timestamp] = post
 
+    # commit to search database - this saves quite a few disk writes
     search.__exit__()
-    worker.add(search.render())
-    worker.add(sitemap.render())
 
+    # render search and sitemap
+    queue.put(search.render())
+    queue.put(sitemap.render())
+
+    # make gone and redirect arrays for PHP
     for e in glob.glob(os.path.join(content, '*', '*.del')):
         post = Gone(e)
-        if post.mtime > last:
-            last = post.mtime
         rules.add_gone(post.source)
     for e in glob.glob(os.path.join(content, '*', '*.url')):
         post = Redirect(e)
-        if post.mtime > last:
-            last = post.mtime
         rules.add_redirect(post.source, post.target)
-    worker.add(rules.render())
+    # render 404 fallback PHP
+    queue.put(rules.render())
 
+    # render categories
     for category in categories.values():
-        worker.add(category.render())
+        queue.put(category.render())
 
-    worker.run()
-    logger.info('worker finished')
+    # actually run all the render & copy tasks
+    queue.run()
 
-    # copy static
-    staticfiles = []
-    staticpaths = [
-        os.path.join(content, '*.*'),
-        #os.path.join(settings.paths.get('tmpl'), '*.css'),
-        #os.path.join(settings.paths.get('tmpl'), '*.js'),
-    ]
-    for p in staticpaths:
-        staticfiles = staticfiles + glob.glob(p)
-    for e in staticfiles:
-        t = os.path.join(
-            settings.paths.get('build'),
-            os.path.basename(e)
-        )
+    # copy static files
+    for e in glob.glob(os.path.join(content, '*.*')):
+        t = os.path.join(settings.paths.get('build'),os.path.basename(e))
         if os.path.exists(t) and os.path.getmtime(e) <= os.path.getmtime(t):
             continue
         cp(e, t)
@@ -1858,6 +1818,7 @@ end = int(round(time.time() * 1000))
     logger.info('process took %d ms' % (end - start))
 
     if not settings.args.get('nosync'):
+        # upload site
         logger.info('starting syncing')
         os.system(
             "rsync -avuhH --delete-after %s/ %s/" % (
@@ -1868,8 +1829,11 @@ )
         )
         logger.info('syncing finished')
 
+    if not settings.args.get('nosync'):
         logger.info('sending webmentions')
-        webmentions.run()
+        for wm in send:
+            queue.put(wm.send())
+        queue.run()
         logger.info('sending webmentions finished')

M settings.py → settings.py

@@ -53,20 +53,17 @@ 'avatar': 'https://petermolnar.net/molnar_peter_avatar.jpg',
     'gpg': 'https://petermolnar.net/pgp.asc',
     'cv': 'https://petermolnar.net/about.html',
     'contact': {
-        'xmpp': 'xmpp:mail@petermolnar.net',
-        'tumblr': 'https://petermolnarnet.tumblr.com/',
-        'wordpress': 'https://petermolnareu.wordpress.com/',
+        'xmpp': 'xmpp:mail@petermolnar.net?message',
         'flickr': 'https://flickr.com/people/petermolnareu',
         'github': 'https://github.com/petermolnar',
-        'instagram': 'https://www.instagram.com/petermolnarnet/',
-        'twitter': 'https://twitter.com/petermolnar',
-        'micro.blog': 'https://micro.blog/petermolnar',
+        'whatsapp': 'https://wa.me/447592011721',
+        'telegram': 'https://t.me/petermolnar',
     }
 }
 
 paths = {
     'content': os.path.join(base, 'content'),
-    'webmentions': os.path.join(base, 'content', 'webmentions'),
+    #'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'),
@@ -74,6 +71,7 @@ 'queue': os.path.join(base, 'queue'),
     'remotewww': 'web',
     'remotequeue': 'queue',
     'micropub': os.path.join(base, 'content', 'note'),
+    'tmp': os.path.join(base, 'tmp'),
 }
 
 photo = {

M templates/Category.j2.html → templates/Category.j2.html

@@ -9,9 +9,6 @@ {% block title %}{{ category.title }}{% endblock %}
 {% block meta %}
     <link rel="alternate" type="application/rss+xml" title="{{ category.title }} RSS feed" href="{{ category.feed }}" />
     <link rel="alternate" type="application/atom+xml" title="{{ category.title }} ATOM feed" href="{{ category.feed }}atom.xml" />
-    <style id="css_gallery" media="speech">
-        {% include 'style-gallery.css' %}
-    </style>
 {% endblock %}
 {% block content %}
 <main class="content-body h-feed hfeed {{ category.name }}" property="h-feed">

M templates/base.j2.html → templates/base.j2.html

@@ -17,9 +17,6 @@ </style>
     <style id="css_alt" media="speech">
         {% include 'style-alt.css' %}
     </style>
-    <style id="css_kcl" media="speech">
-        {% include 'style-kcl.css' %}
-    </style>
     <style media="print">
         {% include 'style-print.css' %}
     </style>
@@ -67,6 +64,14 @@ <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>
 
@@ -84,12 +89,15 @@ <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:" />
-            <input type="submit" value="➡" />
         </form>
-
     </div>
 </header>
 
@@ -99,7 +107,7 @@ {% set mftype = 'h-entry h-event' %}
 {% else %}
     {% set mftype = 'h-entry' %}
 {% endif %}
-<main>
+<main role="main">
     <article class="{{ mftype }} hentry singular" lang="{{ post.lang }}" property="{{ mftype }}" itemscope="" itemprop="blogPost" itemtype="http://schema.org/BlogPosting" itemref="author">
         <header>
             <h1 class="entry-title p-name" itemprop="name headline" property="p-name">
@@ -177,16 +185,6 @@ </span>
                 </dd>
                 {% endif %}
 
-
-                <dt>Published</dt>
-                <dd class="published updated">
-                    <time class="dt-published dt-updated"
-                        property="dt-published dt-updated"
-                        datetime="{{ post.pubtime }}"
-                        itemprop="dateModified datePublished"
-                    >{{ post.pubdate }}</time>
-                </dd>
-
                 <dt>Author</dt>
                 <dd>
                     <p class="p-author h-card vcard" property="p-author h-card" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
@@ -208,24 +206,15 @@ </a>&gt;
                     </p>
                 </dd>
 
-                <dt>Entry URL</dt>
-                <dd>
-                    {% if not post.has_mainimg %}
-                    <img aria-hidden="true" src="{{ author.avatar }}" itemprop="image"  hidden="hidden" />
-                    {% endif %}
-                    <a class="u-url u-uuid" property="u-url u-uuid" rel="bookmark" href="{{ post.url }}" itemprop="url mainEntityOfPage">
-                        {{ post.url }}
-                    </a>
+                <dt>Published</dt>
+                <dd class="published updated">
+                    <time class="dt-published dt-updated"
+                        property="dt-published dt-updated"
+                        datetime="{{ post.pubtime }}"
+                        itemprop="dateModified datePublished"
+                    >{{ post.pubdate }}</time>
                 </dd>
 
-                <dt>Classification</dt>
-                <dd>
-                    <ul>
-                    {% for c in post.classification %}
-                        <li>{{ c }}</li>
-                    {% endfor %}
-                    </ul>
-                </dd>
 
                 <dt>License</dt>
                 <dd class="license">
@@ -261,6 +250,27 @@ For commercial use, please contact me.
                 {% endif %}
                 </dd>
 
+                <dt>Entry URL</dt>
+                <dd>
+                    {% if not post.has_mainimg %}
+                    <img aria-hidden="true" src="{{ author.avatar }}" itemprop="image"  hidden="hidden" />
+                    {% endif %}
+                    <a class="u-url u-uuid" property="u-url u-uuid" rel="bookmark" href="{{ post.url }}" itemprop="url mainEntityOfPage">
+                        {{ 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>
@@ -271,7 +281,7 @@ </span>
             </p>
         </footer>
 
-
+    {% if not post.is_page %}
         {% if post.syndicate|length %}
         <section class="syndication">
             {% for url in post.syndicate %}
@@ -378,6 +388,7 @@ </dl>
         </section>
         {% endif %}
 
+    {% endif %}
     </article>
 </main>
 
@@ -387,44 +398,74 @@ {% block pagination %}
 {% endblock %}
 
 
-<footer>
-    <div 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">
-        <p>
-            <a href="https://creativecommons.org/">CC</a>,
-            1999-2018,
-            <span itemprop="logo" itemscope="" itemtype="https://schema.org/ImageObject">
-            <img class="photo avatar u-photo u-avatar"
-                property="u-photo u-avatar"
-                src="{{ author.avatar }}"
-                alt="Photo of {{ author.name }}"
-                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>
-            <!--
-            <a class="u-url" property="u-url" rel="me" href="{{ site.url }}/about.html">CV</a>
-            -->
-            <a class="u-email email" property="u-email" rel="me" href="mailto:{{ author.email }}"><span itemprop="email">{{ author.email }}</span></a>
-        </p>
+<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>
+            <p>
+                <a href="https://creativecommons.org/">CC</a>,
+                1999-2018,
+                <span itemprop="logo" itemscope="" itemtype="https://schema.org/ImageObject">
+                <img class="photo avatar u-photo u-avatar"
+                    property="u-photo u-avatar"
+                    src="{{ author.avatar }}"
+                    alt="Photo of {{ author.name }}"
+                    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>
+            <nav>
+                <ul>
+                    <li>
+                        <a title="CV" href="{{ site.url }}/about/">
+                            <svg width="16" height="16"><use xlink:href="#icon-me" /></svg>
+                            about me
+                        </a>
+                    </li>
+                    <li>
+                        <a title="following" href="{{ site.url }}/following.opml">
+                            <svg width="16" height="16"><use xlink:href="#icon-following" /></svg>
+                            followings
+                        </a>
+                    </li>
+                    <li>
+                        <a title="CV" href="{{ site.url }}/cv.html">
+                            <svg width="16" height="16"><use xlink:href="#icon-resume" /></svg>
+                            resume
+                        </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>
-            <ul>
-            {% for name, value in author.contact.items() %}
-                <li>
+            <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>
-                        {{ name }}
+                        <span>{{ value }}</span>
                     </a>
-                </li>
-            {% endfor %}
-            </ul>
+                </dd>
+                {% endfor %}
+            </dl>
         </nav>
     </div>
-    <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>
 </footer>
 
 <script>

D templates/style-kcl.css

@@ -1,5 +0,0 @@
-body {
-  font-family: serif;
-  background-color: #0f0;
-  color: #f00;
-}

M templates/style.css → templates/style.css

@@ -16,6 +16,7 @@ font-family: sans-serif;
   color: #ccc;
   background-color: #222;
   line-height: 1.3em;
+  position: relative;
 }
 
 svg {
@@ -100,7 +101,6 @@ border: 1px solid #000;
 }
 
 figcaption dd, label {
-  font-size: 0.8em;
   display: inline-block;
   margin:0.3em 0.3em;
 }
@@ -131,6 +131,7 @@ }
 
 input {
   border-bottom: 3px solid #ccc;
+  margin: 0 0 0 0.3em;
 }
 
 figcaption > ul,
@@ -156,7 +157,6 @@ }
 
 code, pre, q, figcaption {
   font-family: monospace;
-  font-size: 1em;
 }
 
 code, pre {
@@ -182,7 +182,7 @@ pre > code {
   border: none;
 }
 
-pre> code::before {
+pre > code::before {
   content: attr(lang);
   float: right;
   color: #999;
@@ -214,17 +214,9 @@ }
 
 body > header,
 body > footer {
-  text-align: center;
   padding: 0.6em 0.6em;
   background-color: #111;
-}
-
-body > header p {
-  font-size: 0.8em;
-}
-
-body > header {
-  position: relative;
+  text-align: center;
 }
 
 body > header nav {
@@ -232,9 +224,10 @@ margin: 0.3em 0;
 }
 
 body > header form {
-  padding: 0.6em;
   color: #ccc;
   display: inline-block;
+  margin: 0.6em 0 0 0;
+  padding-left: 0.6em;
 }
 
 body > header a {
@@ -243,7 +236,6 @@ color: #ccc;
   border-bottom: 3px solid transparent;
   text-decoration: none;
   padding-bottom: 0.3em;
-  font-size: 0.9em;
 }
 
 body > header a:hover,
@@ -267,6 +259,10 @@ .theme input:checked + label {
   border-bottom: 3px solid #ccc;
 }
 
+input[type=submit] {
+  display: none;
+}
+
 body > main,
 body > nav,
 body > footer > div {
@@ -291,19 +287,29 @@ body > nav .current {
   color: #999;
 }
 
+
 body > footer {
-  text-align: center;
   color: #ccc;
-  font-family: monospace;
 }
 
 body > footer img {
   width: 1em;
 }
 
-body > footer > ul >li > a > span {
-  display: block;
-  font-size: 0.8em;
+
+body > footer dt {
+  display: none;
+}
+
+body > footer > div > * {
+  font-family: monospace;
+  font-size: 1.1em;
+}
+
+body > footer > div > nav {
+  text-align: left;
+  display: inline-block;
+  margin: 0 auto;
 }
 
 .footnotes a {
@@ -343,24 +349,28 @@ margin: 0 0.6em;
 }
 
 @media all and (min-width: 58em) {
-  body > header {
-    text-align: unset;
+  body > header,
+  body > footer > div {
+    text-align: left;
     display: flex;
     justify-content:space-between;
   }
 
-  body > header p {
-    display: inline-block;
+  body > header form,
+  body > footer > div > nav {
     margin: 0;
   }
 
   body > header a svg {
     display: inline-block;
-  }
-
-
-  body > header form {
-    padding: 0.3em;
+    vertical-align: top;
   }
+}
 
-}
+body > img {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  width: 10em;
+  height: auto;
+}

M templates/symbols.svg → templates/symbols.svg

@@ -1,25 +1,10 @@
 <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-hangouts" viewBox="0 0 16 16">
-        <path fill="#0c9d58" style="fill: var(--color5, #0c9d58)" d="M8 0c-3.867 0-7 3.133-7 7 0 3.667 3.333 6.667 7 6.667v2.333c4.233-2.067 7-5.467 7-9 0-3.867-3.133-7-7-7zM7.667 8c0 0.933-0.6 1.667-1.333 1.667v-1.667h-1.667v-3h3v3zM11.667 8c0 0.933-0.6 1.667-1.333 1.667v-1.667h-1.667v-3h3v3z"></path>
-    </symbol>
     <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>
-    </symbol>
-    <symbol id="icon-linkedin" viewBox="0 0 16 16">
-        <path fill="#0077b5" style="fill: var(--color11, #0077b5)" d="M13.631 13.635h-2.369v-3.713c0-0.885-0.018-2.025-1.235-2.025-1.235 0-1.424 0.963-1.424 1.959v3.778h-2.369v-7.635h2.276v1.041h0.031c0.318-0.6 1.091-1.233 2.247-1.233 2.401 0 2.845 1.58 2.845 3.637v4.191zM3.558 4.955c-0.763 0-1.375-0.617-1.375-1.377s0.613-1.375 1.375-1.375c0.76 0 1.376 0.617 1.376 1.375s-0.617 1.377-1.376 1.377zM4.746 13.635h-2.376v-7.635h2.376v7.635zM14.817 0h-13.636c-0.653 0-1.181 0.516-1.181 1.153v13.695c0 0.637 0.528 1.153 1.181 1.153h13.634c0.652 0 1.185-0.515 1.185-1.153v-13.695c0-0.637-0.533-1.153-1.185-1.153h0.002z"></path>
-    </symbol>
-    <symbol id="icon-wordpress" viewBox="0 0 16 16">
-        <path fill="#21759b" style="fill: var(--color12, #21759b)" d="M14.313 4.55c0.56 1.025 0.879 2.2 0.879 3.45 0 2.653-1.437 4.971-3.575 6.217l2.197-6.351c0.41-1.027 0.547-1.847 0.547-2.576 0-0.27-0.017-0.52-0.047-0.74zM8.992 4.619c0.431-0.020 0.821-0.070 0.821-0.070 0.388-0.050 0.343-0.62-0.045-0.599 0 0-1.17 0.090-1.92 0.090-0.709 0-1.9-0.1-1.9-0.1-0.39-0.020-0.441 0.57-0.050 0.59 0 0 0.36 0.041 0.75 0.060l1.12 3.070-1.58 4.72-2.619-7.78c0.433-0.020 0.823-0.067 0.823-0.067 0.39-0.050 0.344-0.62-0.043-0.597 0 0-1.164 0.092-1.916 0.092-0.133 0-0.292-0.005-0.46-0.010 1.301-1.918 3.517-3.208 6.027-3.208 1.873 0 3.577 0.715 4.857 1.889-0.031-0.002-0.061-0.006-0.094-0.006-0.707 0-1.208 0.615-1.208 1.276 0 0.593 0.342 1.095 0.707 1.687 0.274 0.48 0.593 1.095 0.593 1.985 0 0.61-0.236 1.329-0.547 2.319l-0.717 2.39-2.6-7.74 0.001 0.009zM8 15.189c-0.706 0-1.387-0.102-2.032-0.291l2.158-6.271 2.21 6.058c0.016 0.035 0.033 0.067 0.052 0.099-0.747 0.262-1.55 0.406-2.388 0.406zM0.807 8c0-1.043 0.224-2.033 0.623-2.927l3.429 9.399c-2.397-1.166-4.052-3.625-4.053-6.473zM8 0c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8z"></path>
-    </symbol>
-    <symbol id="icon-tumblr" viewBox="0 0 16 16">
-        <path fill="#36465d" style="fill: var(--color13, #36465d)" d="M9.709 16c-3.395 0-4.687-2.504-4.687-4.274v-5.228h-1.611v-2.066c2.42-0.875 3.008-3.064 3.14-4.313 0.009-0.085 0.077-0.119 0.115-0.119h2.345v4.076h3.201v2.422h-3.213v4.98c0.011 0.667 0.25 1.581 1.471 1.581h0.060c0.421-0.013 0.991-0.137 1.291-0.279l0.771 2.283c-0.291 0.424-1.6 0.916-2.771 0.936h-0.119l0.007 0.001z"></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>
     </symbol>
-    <symbol id="icon-icq" viewBox="0 0 16 16">
-        <path fill="#7ebd00" style="fill: var(--color15, #7ebd00)" d="M10.271 0.089c-0.504-0.042-0.984 0.060-1.453 0.311-0.627 0.335-1.073 0.85-1.275 1.52v0.045l-0.023 0.157-0.089-0.157-0.223-0.402c-0.357-0.558-0.804-0.893-1.363-1.049-0.491-0.111-0.893-0.065-1.317 0.16-0.47 0.291-0.737 0.737-0.849 1.363-0.112 0.648 0 1.273 0.335 1.898l0.157 0.224-0.538-0.178c-0.67-0.157-1.296-0.069-1.922 0.267-0.648 0.333-1.049 0.803-1.317 1.453-0.247 0.625-0.224 1.229 0.089 1.787 0.135 0.247 0.336 0.447 0.515 0.581 0.268 0.268 0.603 0.424 1.005 0.491l0.156 0.044-0.335 0.292c-0.313 0.268-0.492 0.602-0.604 0.937-0.112 0.402-0.067 0.805 0.157 1.185 0.113 0.179 0.223 0.335 0.401 0.447 0.179 0.157 0.403 0.269 0.671 0.291 0.492 0.113 1.005 0.112 1.564-0.067l-0.403 0.67-0.112 0.291c-0.223 0.716-0.155 1.34 0.18 1.989 0.157 0.247 0.333 0.47 0.513 0.671 0.267 0.245 0.604 0.401 1.007 0.513 0.669 0.179 1.34 0.157 1.987-0.178 0.627-0.335 1.029-0.873 1.23-1.543l0.021-0.133c0.425 0.469 0.827 0.782 1.275 0.893 0.447 0.135 0.893 0.113 1.296-0.155 0.38-0.223 0.649-0.604 0.783-1.073 0.112-0.492 0.112-0.983 0-1.541 0.223 0.157 0.447 0.267 0.715 0.335 0.715 0.223 1.34 0.2 1.967-0.133 0.603-0.336 1.005-0.872 1.207-1.565 0.179-0.67 0.135-1.318-0.2-1.944l-0.113-0.18c-0.178-0.268-0.358-0.536-0.627-0.715-0.223-0.157-0.49-0.268-0.736-0.38 0.693-0.335 1.184-0.805 1.407-1.408 0.157-0.492 0.113-0.895-0.111-1.297v-0.044c-0.268-0.447-0.625-0.737-1.183-0.893-0.335-0.067-0.715-0.068-1.049-0.045l-0.739 0.157 0.247-0.559c0.223-0.715 0.157-1.408-0.223-2.056l-0.067-0.113c-0.335-0.559-0.827-0.893-1.497-1.071-0.173-0.045-0.344-0.075-0.512-0.089zM9.891 1.031c0.215-0.020 0.433 0.008 0.645 0.087 0.469 0.111 0.805 0.356 1.007 0.736v0.002c0.112 0.223 0.178 0.491 0.178 0.781l-0.067 0.492c-0.089 0.247-0.201 0.469-0.335 0.669l-2.011 2.46c-0.2-0.157-0.425-0.269-0.648-0.38l-0.224-2.527-0.022-0.893 0.021-0.223c0.112-0.447 0.425-0.782 0.827-1.005 0.201-0.112 0.413-0.179 0.629-0.198zM5.302 1.389c0.089-0.003 0.184 0.020 0.273 0.064 0.402 0.112 0.737 0.402 1.005 0.96 0.113 0.224 0.224 0.447 0.269 0.715l0.447 2.638-0.336 0.112-1.989-2.168-0.112-0.223c-0.18-0.403-0.29-0.782-0.245-1.185v-0.001c0.023-0.402 0.179-0.669 0.447-0.825 0.067-0.056 0.151-0.085 0.24-0.087zM13.389 4.745c0.1 0 0.198 0.005 0.299 0.016 0.38 0.045 0.648 0.225 0.782 0.493l0.090 0.289-0.045 0.223c-0.156 0.402-0.492 0.716-1.050 0.961-0.223 0.112-0.469 0.157-0.737 0.2l-2.749 0.335-0.045-0.157-0.045-0.067 0.090-0.111 2.258-1.877 0.267-0.111 0.001-0.001c0.3-0.133 0.59-0.191 0.885-0.193zM3.081 4.867c0.107 0.005 0.216 0.022 0.327 0.050v0.001l0.605 0.245 1.967 1.431c-0.18 0.224-0.29 0.447-0.357 0.67l-3.219 0.402-0.223-0.044c-0.402-0.067-0.671-0.247-0.851-0.58-0.18-0.335-0.178-0.671-0.044-1.007 0.157-0.424 0.447-0.76 0.871-0.938 0.302-0.168 0.604-0.249 0.925-0.231zM7.855 6.66c0.403 0 0.783 0.157 1.029 0.403 0.313 0.313 0.447 0.649 0.447 1.051s-0.133 0.781-0.447 1.049c-0.291 0.291-0.627 0.447-1.029 0.447-0.424 0-0.78-0.157-1.049-0.447-0.291-0.268-0.447-0.647-0.447-1.049s0.156-0.738 0.447-1.051c0.268-0.247 0.625-0.403 1.049-0.403zM13.465 8.38l0.224 0.023c0.336 0.112 0.649 0.312 0.827 0.647 0.224 0.247 0.335 0.582 0.335 0.962l-0.067 0.447c-0.111 0.447-0.38 0.782-0.76 0.96-0.402 0.224-0.805 0.269-1.251 0.113-0.268-0.067-0.447-0.179-0.603-0.357l-2.347-1.945 0.157-0.335 0.067-0.269 2.525-0.223 0.893-0.023zM9.041 10.012l0.938 0.96 0.58 0.715 0.113 0.225c0.2 0.38 0.312 0.737 0.267 1.161-0.044 0.401-0.178 0.692-0.447 0.804-0.156 0.112-0.335 0.113-0.513 0.090-0.425-0.111-0.76-0.445-1.005-0.982l-0.269-0.739-0.335-1.945 0.379-0.133 0.291-0.157zM6.627 10.057c0.223 0.111 0.447 0.223 0.693 0.245 0.044 0.76 0.11 1.565 0.221 2.436v0.895l-0.022 0.222c-0.157 0.402-0.425 0.738-0.827 0.917-0.403 0.223-0.827 0.268-1.23 0.157-0.447-0.111-0.782-0.38-0.96-0.737-0.113-0.223-0.203-0.493-0.203-0.76l0.113-0.513c0.044-0.223 0.157-0.447 0.335-0.627l1.877-2.233z"></path>
-    </symbol>
     <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>
@@ -39,13 +24,10 @@ <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-mail" viewBox="0 0 16 16">
-        <path d="M13.333 0h-10.666c-1.467 0-2.667 1.2-2.667 2.667v10.666c0 1.467 1.2 2.667 2.667 2.667h10.666c1.468 0 2.667-1.2 2.667-2.667v-10.666c0-1.467-1.199-2.667-2.667-2.667zM4 4h8c0.143 0 0.281 0.031 0.409 0.088l-4.409 5.143-4.409-5.143c0.127-0.058 0.266-0.088 0.409-0.088zM3 11v-6c0-0.021 0.001-0.042 0.002-0.063l2.932 3.421-2.9 2.9c-0.023-0.083-0.034-0.17-0.034-0.258zM12 12h-8c-0.088 0-0.175-0.012-0.258-0.034l2.846-2.846 1.413 1.648 1.413-1.648 2.846 2.846c-0.083 0.023-0.17 0.034-0.258 0.034zM13 11c0 0.088-0.012 0.175-0.034 0.258l-2.9-2.9 2.932-3.421c0.001 0.021 0.002 0.042 0.002 0.063v6z"></path>
+        <path d="M16 6.339v7.089c0 0.786-0.643 1.429-1.429 1.429h-13.143c-0.786 0-1.429-0.643-1.429-1.429v-7.089c0.268 0.295 0.571 0.554 0.902 0.777 1.482 1.009 2.982 2.018 4.438 3.080 0.75 0.554 1.679 1.232 2.652 1.232h0.018c0.973 0 1.902-0.679 2.652-1.232 1.455-1.054 2.955-2.071 4.446-3.080 0.321-0.223 0.625-0.482 0.893-0.777zM16 3.714c0 1-0.741 1.902-1.527 2.446-1.393 0.964-2.795 1.929-4.179 2.902-0.58 0.402-1.563 1.223-2.286 1.223h-0.018c-0.723 0-1.705-0.821-2.286-1.223-1.384-0.973-2.786-1.938-4.17-2.902-0.634-0.429-1.536-1.438-1.536-2.25 0-0.875 0.473-1.625 1.429-1.625h13.143c0.777 0 1.429 0.643 1.429 1.429z"></path>
     </symbol>
     <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-bookmarks" viewBox="0 0 16 16">
-        <path d="M4 2v14l5-5 5 5v-14zM12 0h-10v14l1-1v-12h9z"></path>
     </symbol>
     <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>
@@ -86,10 +68,27 @@ </symbol>
     <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-instagram" viewBox="0 0 16 16">
-        <path fill="#e4405f" d="M8 0c-2.173 0-2.445 0.010-3.298 0.048-0.852 0.040-1.432 0.174-1.942 0.372-0.526 0.204-0.973 0.478-1.417 0.923s-0.719 0.891-0.923 1.417c-0.198 0.51-0.333 1.090-0.372 1.942-0.040 0.853-0.048 1.125-0.048 3.298s0.010 2.445 0.048 3.298c0.040 0.851 0.174 1.432 0.372 1.942 0.204 0.525 0.478 0.973 0.923 1.417s0.891 0.719 1.417 0.923c0.511 0.197 1.091 0.333 1.942 0.372 0.853 0.040 1.125 0.048 3.298 0.048s2.445-0.010 3.298-0.048c0.851-0.040 1.432-0.175 1.942-0.372 0.525-0.204 0.973-0.479 1.417-0.923s0.719-0.89 0.923-1.417c0.197-0.51 0.333-1.091 0.372-1.942 0.040-0.853 0.048-1.125 0.048-3.298s-0.010-2.445-0.048-3.298c-0.040-0.851-0.175-1.433-0.372-1.942-0.204-0.526-0.479-0.973-0.923-1.417s-0.89-0.719-1.417-0.923c-0.51-0.198-1.091-0.333-1.942-0.372-0.853-0.040-1.125-0.048-3.298-0.048zM8 1.44c2.135 0 2.39 0.011 3.233 0.047 0.78 0.037 1.203 0.166 1.485 0.277 0.375 0.145 0.64 0.318 0.921 0.597 0.279 0.28 0.453 0.546 0.597 0.921 0.109 0.281 0.24 0.705 0.275 1.485 0.038 0.844 0.047 1.097 0.047 3.233s-0.010 2.39-0.049 3.233c-0.041 0.78-0.171 1.203-0.281 1.485-0.149 0.375-0.319 0.64-0.599 0.921-0.279 0.279-0.549 0.453-0.92 0.597-0.28 0.109-0.71 0.24-1.49 0.275-0.849 0.038-1.099 0.047-3.239 0.047s-2.391-0.010-3.239-0.049c-0.781-0.041-1.211-0.171-1.491-0.281-0.379-0.149-0.64-0.319-0.919-0.599-0.281-0.279-0.46-0.549-0.6-0.92-0.11-0.28-0.239-0.71-0.28-1.49-0.030-0.84-0.041-1.099-0.041-3.229s0.011-2.391 0.041-3.241c0.041-0.78 0.17-1.209 0.28-1.489 0.14-0.38 0.319-0.64 0.6-0.921 0.279-0.279 0.54-0.459 0.919-0.599 0.28-0.111 0.701-0.241 1.481-0.281 0.85-0.030 1.1-0.040 3.239-0.040l0.030 0.020zM8 3.892c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zM8 10.667c-1.473 0-2.667-1.193-2.667-2.667s1.193-2.667 2.667-2.667 2.667 1.193 2.667 2.667-1.193 2.667-2.667 2.667zM13.231 3.73c0 0.53-0.431 0.96-0.96 0.96s-0.96-0.431-0.96-0.96 0.431-0.959 0.96-0.959c0.529-0.001 0.96 0.43 0.96 0.959z"></path>
+    <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>
+    </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>
+    </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>
-    <symbol id="icon-twitter" viewBox="0 0 16 16">
-        <path fill="#1da1f2" d="M15.969 3.046c-0.59 0.259-1.22 0.436-1.883 0.517 0.676-0.407 1.196-1.049 1.442-1.815-0.634 0.37-1.337 0.639-2.085 0.789-0.597-0.639-1.449-1.039-2.394-1.039-1.811 0-3.28 1.469-3.28 3.278 0 0.26 0.030 0.51 0.085 0.749-2.727-0.129-5.143-1.438-6.761-3.417-0.285 0.481-0.444 1.041-0.444 1.65 0 1.14 0.58 2.142 1.459 2.731-0.538-0.017-1.044-0.165-1.485-0.411v0.041c0 1.59 1.129 2.916 2.631 3.218-0.275 0.074-0.566 0.114-0.864 0.114-0.209 0-0.41-0.020-0.611-0.057 0.421 1.302 1.63 2.251 3.069 2.278-1.12 0.879-2.539 1.403-4.068 1.403-0.26 0-0.519-0.015-0.78-0.045 1.459 0.929 3.179 1.473 5.038 1.473 6.036 0 9.333-4.997 9.333-9.324 0-0.139 0-0.28-0.010-0.42 0.641-0.459 1.2-1.040 1.64-1.699l-0.031-0.013z"></path>
+    <symbol id="icon-following" viewBox="0 0 16 16">
+        <path d="M5.295 8c-0.929 0.027-1.768 0.429-2.366 1.143h-1.196c-0.893 0-1.732-0.429-1.732-1.42 0-0.723-0.027-3.152 1.107-3.152 0.188 0 1.116 0.759 2.321 0.759 0.411 0 0.804-0.071 1.187-0.205-0.027 0.196-0.045 0.393-0.045 0.589 0 0.813 0.259 1.616 0.723 2.286zM14.857 13.688c0 1.446-0.955 2.313-2.384 2.313h-7.804c-1.429 0-2.384-0.866-2.384-2.313 0-2.018 0.473-5.116 3.089-5.116 0.304 0 1.411 1.241 3.196 1.241s2.893-1.241 3.196-1.241c2.616 0 3.089 3.098 3.089 5.116zM5.714 2.286c0 1.259-1.027 2.286-2.286 2.286s-2.286-1.027-2.286-2.286 1.027-2.286 2.286-2.286 2.286 1.027 2.286 2.286zM12 5.714c0 1.893-1.536 3.429-3.429 3.429s-3.429-1.536-3.429-3.429 1.536-3.429 3.429-3.429 3.429 1.536 3.429 3.429zM17.143 7.723c0 0.991-0.839 1.42-1.732 1.42h-1.196c-0.598-0.714-1.438-1.116-2.366-1.143 0.464-0.67 0.723-1.473 0.723-2.286 0-0.196-0.018-0.393-0.045-0.589 0.384 0.134 0.777 0.205 1.188 0.205 1.205 0 2.134-0.759 2.321-0.759 1.134 0 1.107 2.429 1.107 3.152zM16 2.286c0 1.259-1.027 2.286-2.286 2.286s-2.286-1.027-2.286-2.286 1.027-2.286 2.286-2.286 2.286 1.027 2.286 2.286z"></path>
+    </symbol>
+    <symbol id="icon-search" viewBox="0 0 16 16">
+        <path d="M15.504 13.616l-3.79-3.223c-0.392-0.353-0.811-0.514-1.149-0.499 0.895-1.048 1.435-2.407 1.435-3.893 0-3.314-2.686-6-6-6s-6 2.686-6 6 2.686 6 6 6c1.486 0 2.845-0.54 3.893-1.435-0.016 0.338 0.146 0.757 0.499 1.149l3.223 3.79c0.552 0.613 1.453 0.665 2.003 0.115s0.498-1.452-0.115-2.003zM6 10c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z"></path>
+    </symbol>
+    <symbol id="icon-me" viewBox="0 0 16 16">
+        <path d="M9 11.041v-0.825c1.102-0.621 2-2.168 2-3.716 0-2.485 0-4.5-3-4.5s-3 2.015-3 4.5c0 1.548 0.898 3.095 2 3.716v0.825c-3.392 0.277-6 1.944-6 3.959h14c0-2.015-2.608-3.682-6-3.959z"></path>
+    </symbol>
+    <symbol id="icon-resume" viewBox="0 0 16 16">
+        <path d="M13.5 0h-12c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h12c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM13 14h-11v-12h11v12zM4 9h7v1h-7zM4 11h7v1h-7zM5 4.5c0-0.828 0.672-1.5 1.5-1.5s1.5 0.672 1.5 1.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5zM7.5 6h-2c-0.825 0-1.5 0.45-1.5 1v1h5v-1c0-0.55-0.675-1-1.5-1z"></path>
     </symbol>
 </svg>

M templates/themeswitcher.js → templates/themeswitcher.js

@@ -74,6 +74,7 @@ });
 }
 
 kcl(function () {
-    var st = document.getElementById('css_kcl');
-    st.setAttribute('media', 'all');
+    var e = document.createElement('img');
+    e.src = '/iddqd.gif';
+    document.body.appendChild(e);
 })