Merge pull request kitian616#98 from HenryQW/dev

feat: add telegram icon
liyucheng09 · Oct 2, 2018 · 6955857 · 6955857
2 parents 64e2a96 + 94dc59e
commit 6955857
Show file tree

Hide file tree

Showing 10 changed files with 22 additions and 1 deletion.
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
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";