diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js index 3ca8e833..c929d999 100755 --- a/website/docusaurus.config.js +++ b/website/docusaurus.config.js @@ -66,6 +66,12 @@ 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', diff --git a/website/src/css/custom.css b/website/src/css/custom.css index ef41f87d..3142c751 100755 --- a/website/src/css/custom.css +++ b/website/src/css/custom.css @@ -189,6 +189,7 @@ html[data-theme='dark'] .navbar-icon-twitter:before { .navbar-icon-facebook:before { background-image: url('/img/icons8-facebook.svg'); + width: 28px; } html[data-theme='dark'] .navbar-icon-facebook:before { @@ -206,3 +207,12 @@ html[data-theme='dark'] .navbar-icon-telegram:before { height: 28px; width: 24px; } + +.navbar-icon-instagram:before { + background-image: url('/img/instagram.svg'); + width: 24px; +} + +html[data-theme='dark'] .navbar-icon-instagram:before { + background-image: url('/img/instagram-light.svg'); +} diff --git a/website/static/img/icons8-facebook.svg b/website/static/img/icons8-facebook.svg index 5b472a93..9931883f 100644 --- a/website/static/img/icons8-facebook.svg +++ b/website/static/img/icons8-facebook.svg @@ -1 +1 @@ - + diff --git a/website/static/img/instagram-light.svg b/website/static/img/instagram-light.svg new file mode 100644 index 00000000..c4322b07 --- /dev/null +++ b/website/static/img/instagram-light.svg @@ -0,0 +1 @@ + diff --git a/website/static/img/instagram.svg b/website/static/img/instagram.svg new file mode 100644 index 00000000..ccdae2e1 --- /dev/null +++ b/website/static/img/instagram.svg @@ -0,0 +1 @@ +