From a60220c2cfdad5d25802dbfd5ca72ed25bf699f3 Mon Sep 17 00:00:00 2001
From: Yangshun <tay.yang.shun@gmail.com>
Date: Tue, 25 Jan 2022 09:56:11 +0800
Subject: [PATCH] website: use social media icons

---
 website/docusaurus.config.js                 | 16 ++++++++--------
 website/static/img/icons8-facebook-light.svg |  1 +
 website/static/img/icons8-facebook.svg       |  1 +
 website/static/img/icons8-github-light.svg   |  1 +
 website/static/img/icons8-github.svg         |  1 +
 website/static/img/icons8-twitter-light.svg  |  1 +
 website/static/img/icons8-twitter.svg        |  1 +
 7 files changed, 14 insertions(+), 8 deletions(-)
 create mode 100644 website/static/img/icons8-facebook-light.svg
 create mode 100644 website/static/img/icons8-facebook.svg
 create mode 100644 website/static/img/icons8-github-light.svg
 create mode 100644 website/static/img/icons8-github.svg
 create mode 100644 website/static/img/icons8-twitter-light.svg
 create mode 100644 website/static/img/icons8-twitter.svg

diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 1848a503..624cfbd8 100755
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -23,23 +23,23 @@ module.exports = {
         src: 'img/logo.svg',
       },
       items: [
-        {href: '/introduction', label: 'Getting Started', position: 'left'},
+        {href: '/introduction', label: 'Getting started', position: 'left'},
         {to: 'blog', label: 'Blog', position: 'left'},
         {
-          href: 'https://www.facebook.com/techinterviewhandbook',
-          label: 'Facebook',
+          href: 'https://github.com/yangshun/tech-interview-handbook',
           position: 'right',
+          className: 'navbar-icon navbar-icon-github',
+          'aria-label': 'GitHub repository',
         },
         {
-          href: 'https://twitter.com/yangshunz',
-          label: 'Twitter',
+          href: 'https://www.facebook.com/techinterviewhandbook',
           position: 'right',
+          className: 'navbar-icon navbar-icon-facebook',
         },
         {
-          href: 'https://github.com/yangshun/tech-interview-handbook',
+          href: 'https://twitter.com/yangshunz',
           position: 'right',
-          className: 'header-github-link',
-          'aria-label': 'GitHub repository',
+          className: 'navbar-icon navbar-icon-twitter',
         },
       ],
     },
diff --git a/website/static/img/icons8-facebook-light.svg b/website/static/img/icons8-facebook-light.svg
new file mode 100644
index 00000000..be47b238
--- /dev/null
+++ b/website/static/img/icons8-facebook-light.svg
@@ -0,0 +1 @@
+<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="28px" height="28px"><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-facebook.svg b/website/static/img/icons8-facebook.svg
new file mode 100644
index 00000000..16147417
--- /dev/null
+++ b/website/static/img/icons8-facebook.svg
@@ -0,0 +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>
diff --git a/website/static/img/icons8-github-light.svg b/website/static/img/icons8-github-light.svg
new file mode 100644
index 00000000..f04e543c
--- /dev/null
+++ b/website/static/img/icons8-github-light.svg
@@ -0,0 +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>
diff --git a/website/static/img/icons8-github.svg b/website/static/img/icons8-github.svg
new file mode 100644
index 00000000..4263f8aa
--- /dev/null
+++ b/website/static/img/icons8-github.svg
@@ -0,0 +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>
diff --git a/website/static/img/icons8-twitter-light.svg b/website/static/img/icons8-twitter-light.svg
new file mode 100644
index 00000000..3e9c79ab
--- /dev/null
+++ b/website/static/img/icons8-twitter-light.svg
@@ -0,0 +1 @@
+<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="24px" height="24px"><path d="M 50.0625 10.4375 C 48.214844 11.257813 46.234375 11.808594 44.152344 12.058594 C 46.277344 10.785156 47.910156 8.769531 48.675781 6.371094 C 46.691406 7.546875 44.484375 8.402344 42.144531 8.863281 C 40.269531 6.863281 37.597656 5.617188 34.640625 5.617188 C 28.960938 5.617188 24.355469 10.21875 24.355469 15.898438 C 24.355469 16.703125 24.449219 17.488281 24.625 18.242188 C 16.078125 17.8125 8.503906 13.71875 3.429688 7.496094 C 2.542969 9.019531 2.039063 10.785156 2.039063 12.667969 C 2.039063 16.234375 3.851563 19.382813 6.613281 21.230469 C 4.925781 21.175781 3.339844 20.710938 1.953125 19.941406 C 1.953125 19.984375 1.953125 20.027344 1.953125 20.070313 C 1.953125 25.054688 5.5 29.207031 10.199219 30.15625 C 9.339844 30.390625 8.429688 30.515625 7.492188 30.515625 C 6.828125 30.515625 6.183594 30.453125 5.554688 30.328125 C 6.867188 34.410156 10.664063 37.390625 15.160156 37.472656 C 11.644531 40.230469 7.210938 41.871094 2.390625 41.871094 C 1.558594 41.871094 0.742188 41.824219 -0.0585938 41.726563 C 4.488281 44.648438 9.894531 46.347656 15.703125 46.347656 C 34.617188 46.347656 44.960938 30.679688 44.960938 17.09375 C 44.960938 16.648438 44.949219 16.199219 44.933594 15.761719 C 46.941406 14.3125 48.683594 12.5 50.0625 10.4375 Z"/></svg>
diff --git a/website/static/img/icons8-twitter.svg b/website/static/img/icons8-twitter.svg
new file mode 100644
index 00000000..858b14e6
--- /dev/null
+++ b/website/static/img/icons8-twitter.svg
@@ -0,0 +1 @@
+<svg fill="#000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="24px" height="24px"><path d="M 50.0625 10.4375 C 48.214844 11.257813 46.234375 11.808594 44.152344 12.058594 C 46.277344 10.785156 47.910156 8.769531 48.675781 6.371094 C 46.691406 7.546875 44.484375 8.402344 42.144531 8.863281 C 40.269531 6.863281 37.597656 5.617188 34.640625 5.617188 C 28.960938 5.617188 24.355469 10.21875 24.355469 15.898438 C 24.355469 16.703125 24.449219 17.488281 24.625 18.242188 C 16.078125 17.8125 8.503906 13.71875 3.429688 7.496094 C 2.542969 9.019531 2.039063 10.785156 2.039063 12.667969 C 2.039063 16.234375 3.851563 19.382813 6.613281 21.230469 C 4.925781 21.175781 3.339844 20.710938 1.953125 19.941406 C 1.953125 19.984375 1.953125 20.027344 1.953125 20.070313 C 1.953125 25.054688 5.5 29.207031 10.199219 30.15625 C 9.339844 30.390625 8.429688 30.515625 7.492188 30.515625 C 6.828125 30.515625 6.183594 30.453125 5.554688 30.328125 C 6.867188 34.410156 10.664063 37.390625 15.160156 37.472656 C 11.644531 40.230469 7.210938 41.871094 2.390625 41.871094 C 1.558594 41.871094 0.742188 41.824219 -0.0585938 41.726563 C 4.488281 44.648438 9.894531 46.347656 15.703125 46.347656 C 34.617188 46.347656 44.960938 30.679688 44.960938 17.09375 C 44.960938 16.648438 44.949219 16.199219 44.933594 15.761719 C 46.941406 14.3125 48.683594 12.5 50.0625 10.4375 Z"/></svg>