diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 30a09980..7c653022 100755
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -46,13 +46,18 @@ module.exports = {
href: 'https://www.techinterviewhandbook.org/grind75',
position: 'left',
},
- // {label: 'Advertise', to: '/advertise', position: 'left'},
{
href: 'https://github.com/yangshun/tech-interview-handbook',
position: 'right',
className: 'navbar-icon navbar-icon-github',
'aria-label': 'GitHub repository',
},
+ {
+ href: 'https://discord.gg/usMqNaPczq',
+ position: 'right',
+ className: 'navbar-icon navbar-icon-discord',
+ 'aria-label': 'Discord channel',
+ },
{
href: 'https://t.me/techinterviewhandbook',
position: 'right',
@@ -65,18 +70,6 @@ module.exports = {
className: 'navbar-icon navbar-icon-twitter',
'aria-label': 'Twitter page',
},
- {
- href: 'https://www.instagram.com/techinterviewhandbook',
- position: 'right',
- className: 'navbar-icon navbar-icon-instagram',
- 'aria-label': 'Instagram page',
- },
- {
- href: 'https://www.facebook.com/techinterviewhandbook',
- position: 'right',
- className: 'navbar-icon navbar-icon-facebook',
- 'aria-label': 'Facebook page',
- },
],
},
footer: {
@@ -126,7 +119,7 @@ module.exports = {
],
},
{
- title: 'About',
+ title: 'Community',
items: [
{
label: 'GitHub',
@@ -137,8 +130,8 @@ module.exports = {
href: 'https://t.me/techinterviewhandbook',
},
{
- label: 'Facebook',
- href: 'https://www.facebook.com/techinterviewhandbook',
+ label: 'Discord',
+ href: 'https://discord.gg/usMqNaPczq',
},
{
label: 'Twitter',
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index bde7f8a0..cfd42d00 100755
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -221,6 +221,15 @@ html[data-theme='dark'] .navbar-icon-instagram:before {
background-image: url('/img/instagram-light.svg');
}
+.navbar-icon-discord:before {
+ background-image: url('/img/discord.svg');
+ width: 31px;
+}
+
+html[data-theme='dark'] .navbar-icon-discord:before {
+ background-image: url('/img/discord-light.svg');
+}
+
.admonition-heading h5 {
margin-top: 0;
}
diff --git a/website/static/img/discord-light.svg b/website/static/img/discord-light.svg
new file mode 100644
index 00000000..e54d182f
--- /dev/null
+++ b/website/static/img/discord-light.svg
@@ -0,0 +1,10 @@
+
diff --git a/website/static/img/discord.svg b/website/static/img/discord.svg
new file mode 100644
index 00000000..48b3df97
--- /dev/null
+++ b/website/static/img/discord.svg
@@ -0,0 +1,10 @@
+