website: add social links to docs pages

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 {

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>}

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>
   );
 }

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;
+}