From 058db4a841d1089b1c72d9e155dbe757daac84a5 Mon Sep 17 00:00:00 2001
From: Yangshun <tay.yang.shun@gmail.com>
Date: Thu, 3 Feb 2022 12:29:06 +0800
Subject: [PATCH] website: add Telegram channel

---
 website/docusaurus.config.js                 | 10 ++++++++++
 website/src/css/custom.css                   | 11 +++++++++++
 website/static/img/icons8-facebook.svg       |  2 +-
 website/static/img/icons8-github-light.svg   |  2 +-
 website/static/img/icons8-github.svg         |  2 +-
 website/static/img/icons8-telegram-light.svg |  1 +
 website/static/img/icons8-telegram.svg       |  1 +
 7 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 website/static/img/icons8-telegram-light.svg
 create mode 100644 website/static/img/icons8-telegram.svg

diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 852185a3..830bdebf 100755
--- a/website/docusaurus.config.js
+++ b/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',
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index a7e37018..f200f5f1 100755
--- a/website/src/css/custom.css
+++ b/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;
+}
diff --git a/website/static/img/icons8-facebook.svg b/website/static/img/icons8-facebook.svg
index 16147417..445765cb 100644
--- a/website/static/img/icons8-facebook.svg
+++ b/website/static/img/icons8-facebook.svg
@@ -1 +1 @@
-<svg fill="#000" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 30 30" width="24px" height="24px"><path d="M15,3C8.373,3,3,8.373,3,15c0,6.016,4.432,10.984,10.206,11.852V18.18h-2.969v-3.154h2.969v-2.099c0-3.475,1.693-5,4.581-5 c1.383,0,2.115,0.103,2.461,0.149v2.753h-1.97c-1.226,0-1.654,1.163-1.654,2.473v1.724h3.593L19.73,18.18h-3.106v8.697 C22.481,26.083,27,21.075,27,15C27,8.373,21.627,3,15,3z"/></svg>
+<svg fill="#000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="24px" height="24px"><path d="M15,3C8.373,3,3,8.373,3,15c0,6.016,4.432,10.984,10.206,11.852V18.18h-2.969v-3.154h2.969v-2.099c0-3.475,1.693-5,4.581-5 c1.383,0,2.115,0.103,2.461,0.149v2.753h-1.97c-1.226,0-1.654,1.163-1.654,2.473v1.724h3.593L19.73,18.18h-3.106v8.697 C22.481,26.083,27,21.075,27,15C27,8.373,21.627,3,15,3z"/></svg>
diff --git a/website/static/img/icons8-github-light.svg b/website/static/img/icons8-github-light.svg
index f04e543c..3fbd5fc2 100644
--- a/website/static/img/icons8-github-light.svg
+++ b/website/static/img/icons8-github-light.svg
@@ -1 +1 @@
-<svg fill="#fff" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" width="28px" height="28px">    <path d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6 c0,0,1.4,0,2.8,1.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4 c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3 C22,6.1,16.9,1.4,10.9,2.1z"/></svg>
+<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="28px" height="28px">    <path d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6 c0,0,1.4,0,2.8,1.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4 c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3 C22,6.1,16.9,1.4,10.9,2.1z"/></svg>
diff --git a/website/static/img/icons8-github.svg b/website/static/img/icons8-github.svg
index 4263f8aa..856970fa 100644
--- a/website/static/img/icons8-github.svg
+++ b/website/static/img/icons8-github.svg
@@ -1 +1 @@
-<svg fill="#000" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" width="24px" height="24px">    <path d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6 c0,0,1.4,0,2.8,1.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4 c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3 C22,6.1,16.9,1.4,10.9,2.1z"/></svg>
+<svg fill="#000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px">    <path d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6 c0,0,1.4,0,2.8,1.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4 c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3 C22,6.1,16.9,1.4,10.9,2.1z"/></svg>
diff --git a/website/static/img/icons8-telegram-light.svg b/website/static/img/icons8-telegram-light.svg
new file mode 100644
index 00000000..f063ac27
--- /dev/null
+++ b/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>
diff --git a/website/static/img/icons8-telegram.svg b/website/static/img/icons8-telegram.svg
new file mode 100644
index 00000000..c5dcc7ba
--- /dev/null
+++ b/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>