Merge pull request kitian616#98 from HenryQW/dev

kitian616 · web-flow · commit 695585733a35 · 2018-10-02T14:27:41.000+08:00
feat: add telegram icon
diff --git a/_config.yml b/_config.yml
@@ -48,7 +48,7 @@ author:
   linkedin  : # "user_name" the last part of your profile url, e.g. https://www.linkedin.com/in/user_name/
   github    : # "user_name" the last part of your profile url, e.g. https://github.com/user_name
   npm       : # "user_name" the last part of your profile url, e.g. https://www.npmjs.com/~user_name
-
+  telegram  : # "user_name" the last part of your profile url, e.g. https://t.me/user_name
 
 ## => GitHub Repository (if the site is hosted by GitHub)
 ##############################
diff --git a/_includes/author-links.html b/_includes/author-links.html
@@ -80,5 +80,13 @@
         </a>
       </li>
     {%- endif -%}
+
+    {%- if _author.telegram -%}
+      <li title="{{ __return | replace: '[NAME]', 'telegram' }}">
+        <a class="button button--circle telegram-button" itemprop="sameAs" href="https://t.me/{{ _author.telegram }}" target="_blank">
+          <div class="icon">{%- include svg/icon/social/telegram.svg -%}</div>
+        </a>
+      </li>
+    {%- endif -%}
   </ul>
 </div>
diff --git a/_includes/svg/icon/social/telegram.svg b/_includes/svg/icon/social/telegram.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px">
+    <path style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" d="M 20.302734 2.984375 C 20.013769 2.996945 19.748583 3.080055 19.515625 3.171875 C 19.300407 3.256634 18.52754 3.5814726 17.296875 4.0976562 C 16.06621 4.61384 14.435476 5.2982348 12.697266 6.0292969 C 9.2208449 7.4914211 5.314238 9.1361259 3.3125 9.9785156 C 3.243759 10.007156 2.9645852 10.092621 2.65625 10.328125 C 2.3471996 10.564176 2.0039062 11.076462 2.0039062 11.636719 C 2.0039062 12.088671 2.2295201 12.548966 2.5019531 12.8125 C 2.7743861 13.076034 3.0504903 13.199244 3.28125 13.291016 C 3.9563403 13.559857 6.0424892 14.392968 6.9492188 14.755859 C 7.2668647 15.707799 8.0129251 17.950071 8.1875 18.501953 L 8.1855469 18.501953 C 8.3275588 18.951162 8.4659791 19.243913 8.6582031 19.488281 C 8.7543151 19.610465 8.8690398 19.721184 9.0097656 19.808594 C 9.0637596 19.842134 9.1235454 19.868148 9.1835938 19.892578 C 9.191962 19.896131 9.2005867 19.897012 9.2089844 19.900391 L 9.1855469 19.894531 C 9.2029579 19.901531 9.2185841 19.911859 9.2363281 19.917969 C 9.2652427 19.927926 9.2852873 19.927599 9.3242188 19.935547 C 9.4612233 19.977694 9.5979794 20.005859 9.7246094 20.005859 C 10.26822 20.005859 10.601562 19.710938 10.601562 19.710938 L 10.623047 19.695312 L 12.970703 17.708984 L 15.845703 20.367188 C 15.897113 20.439837 16.308174 20.998047 17.261719 20.998047 C 17.829844 20.998047 18.280978 20.718791 18.568359 20.423828 C 18.855741 20.128866 19.034757 19.82706 19.115234 19.417969 L 19.115234 19.414062 L 19.115234 19.412109 C 19.171124 19.121728 21.931641 5.265625 21.931641 5.265625 L 21.925781 5.2890625 C 22.01148 4.9067181 22.036735 4.5369631 21.935547 4.1601562 C 21.834358 3.7833495 21.561271 3.4156252 21.232422 3.2226562 C 20.903572 3.0296874 20.591699 2.9718046 20.302734 2.984375 z M 19.908203 5.1738281 C 19.799749 5.7182284 17.343164 18.059965 17.183594 18.878906 L 14.328125 16.240234 C 13.59209 15.559749 12.44438 15.535812 11.679688 16.181641 L 10.222656 17.414062 L 11 14.375 C 11 14.375 16.362547 8.9468594 16.685547 8.6308594 C 16.945547 8.3778594 17 8.2891719 17 8.2011719 C 17 8.0841719 16.939781 8 16.800781 8 C 16.675781 8 16.506016 8.1197812 16.416016 8.1757812 C 15.267511 8.8918132 10.350132 11.694224 7.96875 13.048828 C 7.8792978 12.995267 7.7913128 12.939666 7.6933594 12.900391 C 6.9119785 12.587666 5.4101276 11.985551 4.53125 11.634766 C 6.6055146 10.76177 10.161156 9.2658083 13.472656 7.8730469 C 15.210571 7.142109 16.840822 6.4570977 18.070312 5.9414062 C 19.108158 5.5060977 19.649538 5.2807035 19.908203 5.1738281 z M 17.152344 19.023438 C 17.152344 19.023438 17.154297 19.023438 17.154297 19.023438 C 17.154234 19.023761 17.152444 19.03095 17.152344 19.03125 C 17.154024 19.022709 17.151187 19.029588 17.152344 19.023438 z" font-weight="400" font-family="sans-serif" white-space="normal" overflow="visible"/>
+</svg>
diff --git a/_sass/components/_author-links.scss b/_sass/components/_author-links.scss
@@ -29,6 +29,9 @@
       .npm-button {
         @include clickable($text-color-1, $npm-color);
       }
+      .telegram-button {
+        @include clickable($text-color-1, $telegram-color);
+      }
     }
   }
 }
diff --git a/_sass/skins/_chocolate.scss b/_sass/skins/_chocolate.scss
@@ -63,6 +63,7 @@ $douban-color:     #42bd56;
 $github-color:     #000;
 $linkedin-color:   #1074af;
 $npm-color:        #fff;
+$telegram-color:   #32AFED;
 
 // highlight colors
 @import "skins/highlight/tomorrow-night-eighties";
diff --git a/_sass/skins/_dark.scss b/_sass/skins/_dark.scss
@@ -63,6 +63,7 @@ $douban-color:     #42bd56;
 $github-color:     #000;
 $linkedin-color:   #1074af;
 $npm-color:        #fff;
+$telegram-color:   #32AFED;
 
 // highlight colors
 @import "skins/highlight/tomorrow-night";
diff --git a/_sass/skins/_default.scss b/_sass/skins/_default.scss
@@ -63,6 +63,7 @@ $douban-color:     #42bd56;
 $github-color:     #000;
 $linkedin-color:   #1074af;
 $npm-color:        #fff;
+$telegram-color:   #32AFED;
 
 // highlight colors
 @import "skins/highlight/tomorrow";
diff --git a/_sass/skins/_forest.scss b/_sass/skins/_forest.scss
@@ -63,6 +63,7 @@ $douban-color:     #42bd56;
 $github-color:     #000;
 $linkedin-color:   #1074af;
 $npm-color:        #fff;
+$telegram-color:   #32AFED;
 
 // highlight colors
 @import "skins/highlight/tomorrow";
diff --git a/_sass/skins/_ocean.scss b/_sass/skins/_ocean.scss
@@ -63,6 +63,7 @@ $douban-color:     #42bd56;
 $github-color:     #000;
 $linkedin-color:   #1074af;
 $npm-color:        #fff;
+$telegram-color:   #32AFED;
 
 // highlight colors
 @import "skins/highlight/tomorrow-night-blue";
diff --git a/_sass/skins/_orange.scss b/_sass/skins/_orange.scss
@@ -64,6 +64,7 @@ $douban-color:     #42bd56;
 $github-color:     #000;
 $linkedin-color:   #1074af;
 $npm-color:        #fff;
+$telegram-color:   #32AFED;
 
 // highlight colors
 @import "skins/highlight/tomorrow-night-eighties";

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,9 @@`
`29`	`29`	`.npm-button {`
`30`	`30`	`@include clickable($text-color-1, $npm-color);`
`31`	`31`	`}`
	`32`	`+ .telegram-button {`
	`33`	`+ @include clickable($text-color-1, $telegram-color);`
	`34`	`+ }`
`32`	`35`	`}`
`33`	`36`	`}`
`34`	`37`	`}`