website: add Telegram channel

website/docusaurus.config.js

@@ -43,6 +43,12 @@ module.exports = {
           className: 'navbar-icon navbar-icon-github',
           'aria-label': 'GitHub repository',
         },
+        {
+          href: 'https://t.me/techinterviewhandbook',
+          position: 'right',
+          className: 'navbar-icon navbar-icon-telegram',
+          'aria-label': 'Telegram channel',
+        },
         {
           href: 'https://www.facebook.com/techinterviewhandbook',
           position: 'right',
@@ -109,6 +115,10 @@ module.exports = {
               label: 'GitHub',
               href: 'https://github.com/yangshun/tech-interview-handbook',
             },
+            {
+              label: 'Telegram',
+              href: 'https://t.me/techinterviewhandbook',
+            },
             {
               label: 'Facebook',
               href: 'https://www.facebook.com/techinterviewhandbook',

website/src/css/custom.css

@@ -118,6 +118,7 @@ html[data-theme='dark'] .navbar-icon-github:before {
 html[data-theme='dark'] .navbar-icon-twitter:before {
   background-image: url('/img/icons8-twitter-light.svg');
 }
+
 .navbar-icon-facebook:before {
   background-image: url('/img/icons8-facebook.svg');
 }
@@ -127,3 +128,13 @@ html[data-theme='dark'] .navbar-icon-facebook:before {
   height: 28px;
   width: 28px;
 }
+
+.navbar-icon-telegram:before {
+  background-image: url('/img/icons8-telegram.svg');
+}
+
+html[data-theme='dark'] .navbar-icon-telegram:before {
+  background-image: url('/img/icons8-telegram-light.svg');
+  height: 28px;
+  width: 24px;
+}

website/static/img/icons8-telegram-light.svg

@@ -0,0 +1 @@
+<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 18" width="24px" height="28px"><path d="M18.3763847,0.715862633 L0.657316069,7.58408686 C-0.055723353,7.90390989 -0.296898352,8.54445419 0.484943384,8.89205895 L5.03068631,10.3441163 L16.0216017,3.51640121 C16.6217013,3.08775321 17.2360953,3.20206181 16.7074354,3.67356793 L7.26770364,12.2647747 L6.97116516,15.9005651 C7.24582814,16.4619562 7.74872683,16.4645454 8.06949519,16.1855373 L10.6811472,13.7015864 L15.1540014,17.0682547 C16.1928401,17.6864776 16.7581126,17.2875139 16.9816217,16.1544451 L19.9154327,2.19078227 C20.2200387,0.796019408 19.7005663,0.181489627 18.3763847,0.715862633 Z"></path></svg>

website/static/img/icons8-telegram.svg

@@ -0,0 +1 @@
+<svg fill="#000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 18" width="24px" height="24px"><path d="M18.3763847,0.715862633 L0.657316069,7.58408686 C-0.055723353,7.90390989 -0.296898352,8.54445419 0.484943384,8.89205895 L5.03068631,10.3441163 L16.0216017,3.51640121 C16.6217013,3.08775321 17.2360953,3.20206181 16.7074354,3.67356793 L7.26770364,12.2647747 L6.97116516,15.9005651 C7.24582814,16.4619562 7.74872683,16.4645454 8.06949519,16.1855373 L10.6811472,13.7015864 L15.1540014,17.0682547 C16.1928401,17.6864776 16.7581126,17.2875139 16.9816217,16.1544451 L19.9154327,2.19078227 C20.2200387,0.796019408 19.7005663,0.181489627 18.3763847,0.715862633 Z"></path></svg>