website: add social links to docs pages

3 years ago · 0e57a84adf
parent c09da634d1
commit 0e57a84adf
10 changed files with 63 additions and 12 deletions
--- a/contents/coding-signals.md
+++ b/contents/coding-signals.md
@ -2,6 +2,7 @@
 id: coding-signals
 title: Coding interview signals
 keywords: [algorithm, coding, interview, signals, behavior]
+toc_max_heading_level: 2
 ---

 <head>
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@ -49,18 +49,18 @@ module.exports = {
          className: 'navbar-icon navbar-icon-telegram',
          'aria-label': 'Telegram channel',
        },
-        {
-          href: 'https://www.facebook.com/techinterviewhandbook',
-          position: 'right',
-          className: 'navbar-icon navbar-icon-facebook',
-          'aria-label': 'Facebook page',
-        },
        {
          href: 'https://twitter.com/techinterviewhb',
          position: 'right',
          className: 'navbar-icon navbar-icon-twitter',
          'aria-label': 'Twitter page',
        },
+        {
+          href: 'https://www.facebook.com/techinterviewhandbook',
+          position: 'right',
+          className: 'navbar-icon navbar-icon-facebook',
+          'aria-label': 'Facebook page',
+        },
      ],
    },
    footer: {
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@ -22,6 +22,8 @@
    'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
    'Helvetica Neue', sans-serif;
  --ifm-font-size-base: 16px;
+
+  --ifm-footer-padding-vertical: 3rem;
 }

 html[data-theme='dark'] {
@ -34,6 +36,14 @@ html[data-theme='dark'] {
  --ifm-color-primary-lightest: rgb(191, 191, 248);
 }

+.footer__links {
+  margin-bottom: 3rem;
+}
+
+.footer__copyright {
+  text-align: start;
+}
+
 .markdown h1 {
  margin-top: 1rem;
 }
@ -98,7 +108,7 @@ div[class^='announcementBar_'] {
 }

 .navbar-icon:hover {
-  opacity: 0.6;
+  opacity: 0.8;
 }

 .navbar-icon-github:before {
--- a/website/src/theme/PaginatorNavLink/index.js
+++ b/website/src/theme/PaginatorNavLink/index.js
@ -3,7 +3,6 @@ import clsx from 'clsx';
 import styles from './styles.module.css';

 function PaginatorNavLink({hasArrow, permalink, title, subLabel, ...rest}) {
-  console.log(rest);
  return (
    <a className={clsx('pagination-nav__link', styles.root)} href={permalink}>
      {subLabel && <div className="pagination-nav__sublabel">{subLabel}</div>}
--- a/website/src/theme/TOC/index.js
+++ b/website/src/theme/TOC/index.js
@ -25,6 +25,34 @@ function TOC({className, ...props}) {
        linkClassName={LINK_CLASS_NAME}
        linkActiveClassName={LINK_ACTIVE_CLASS_NAME}
      />
+      <div className="margin--md">
+        <div className={clsx('padding--md', styles.socialLinksContainer)}>
+          <div className={styles.socialLinks}>
+            Follow us
+            <a
+              href="https://t.me/techinterviewhandbook"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="navbar-icon navbar-icon-telegram"
+              aria-label="Telegram channel"
+            />
+            <a
+              href="https://twitter.com/techinterviewhb"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="navbar-icon navbar-icon-twitter"
+              aria-label="Twitter"
+            />
+            <a
+              href="https://www.facebook.com/techinterviewhandbook"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="navbar-icon navbar-icon-facebook"
+              aria-label="Facebook page"
+            />
+          </div>
+        </div>
+      </div>
    </div>
  );
 }
--- a/website/src/theme/TOC/styles.module.css
+++ b/website/src/theme/TOC/styles.module.css
@ -21,3 +21,16 @@
    padding: 0 0.3rem;
  }
 }
+
+.socialLinksContainer {
+  background-color: var(--ifm-color-emphasis-100);
+  border-radius: var(--ifm-global-radius);
+}
+
+.socialLinks {
+  align-items: center;
+  display: flex;
+  font-size: 0.9rem;
+  justify-content: center;
+  gap: 1rem;
+}
--- 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="#444950" 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>
--- 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="#444950" 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>
--- a/website/static/img/icons8-telegram.svg
+++ b/website/static/img/icons8-telegram.svg
@ -1 +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>
+<svg fill="#444950" 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>
--- a/website/static/img/icons8-twitter.svg
+++ b/website/static/img/icons8-twitter.svg
@ -1 +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>
+<svg fill="#444950" 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>