website: add footer links

website/docusaurus.config.js

@@ -25,11 +25,6 @@ module.exports = {
       items: [
         {href: '/introduction', label: 'Getting Started', position: 'left'},
         {to: 'blog', label: 'Blog', position: 'left'},
-        {
-          href: 'https://github.com/yangshun/tech-interview-handbook',
-          label: 'GitHub',
-          position: 'right',
-        },
         {
           href: 'https://www.facebook.com/techinterviewhandbook',
           label: 'Facebook',
@@ -40,11 +35,83 @@ module.exports = {
           label: 'Twitter',
           position: 'right',
         },
+        {
+          href: 'https://github.com/yangshun/tech-interview-handbook',
+          position: 'right',
+          className: 'header-github-link',
+          'aria-label': 'GitHub repository',
+        },
       ],
     },
     footer: {
       style: 'dark',
       copyright: `Copyright © ${new Date().getFullYear()} Yangshun Tay. Built with Docusaurus.`,
+      links: [
+        {
+          title: 'General',
+          items: [
+            {
+              label: 'Get started',
+              href: '/introduction',
+            },
+            {
+              label: 'Blog',
+              href: '/blog',
+            },
+            {
+              label: 'Algorithms',
+              href: '/algorithms/introduction',
+            },
+          ],
+        },
+        {
+          title: 'Interviews',
+          items: [
+            {
+              label: 'Interview cheatsheet',
+              href: '/cheatsheet',
+            },
+            {
+              label: 'Coding round',
+              href: '/coding-round-overview',
+            },
+            {
+              label: 'System design',
+              href: '/system-design',
+            },
+            {
+              label: 'Behavioral round',
+              href: '/behavioral-round-overview',
+            },
+          ],
+        },
+        {
+          title: 'About',
+          items: [
+            {
+              label: 'GitHub',
+              href: 'https://github.com/yangshun/tech-interview-handbook',
+            },
+            {
+              label: 'Facebook',
+              href: 'https://www.facebook.com/techinterviewhandbook',
+            },
+            {
+              label: 'Twitter',
+              href: 'https://twitter.com/yangshunz',
+            },
+          ],
+        },
+        {
+          title: 'More',
+          items: [
+            {
+              label: 'Contact us',
+              href: 'mailto:business@techinterviewhandbook.org',
+            },
+          ],
+        },
+      ],
     },
     algolia: {
       apiKey: '4dabb055be464346fcb6877f086f08e8',

website/src/components/SidebarAd/index.js

@@ -51,7 +51,7 @@ export default React.memo(function SidebarAd() {
             <p className={styles.tagline}>
               <strong>Looking to get hired at FAANG?</strong> <u>Educative</u>{' '}
               offers many great courses to improve your interview game.{' '}
-              <u>Join today for a discount!</u>
+              <u>Join today for a 10% discount!</u>
             </p>
           </a>
         )

website/src/css/custom.css

@@ -61,3 +61,21 @@ div[class^='announcementBar_'] {
 .theme-doc-markdown details h6 {
   margin-bottom: 0 !important;
 }
+
+.header-github-link:hover {
+  opacity: 0.6;
+}
+
+.header-github-link::before {
+  content: '';
+  width: 24px;
+  height: 24px;
+  display: flex;
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+    no-repeat;
+}
+
+html[data-theme='dark'] .header-github-link::before {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+    no-repeat;
+}

website/src/pages/index.js

@@ -364,7 +364,8 @@ function EducativeSection() {
                 <h2 className={styles.sectionSponsorTitle}>
                   <strong>
                     Looking to get hired at FAANG? Educative offers a ton of
-                    great courses to improve your interview game.
+                    great courses to improve your interview game. Join today for
+                    a 10% discount!
                   </strong>
                 </h2>
                 <div className="margin-vert--lg">
@@ -376,7 +377,7 @@ function EducativeSection() {
                     onClick={() => {
                       window.gtag('event', 'educative.homepage.click');
                     }}>
-                    Get started&nbsp;&nbsp;→
+                    Check out courses&nbsp;&nbsp;→
                   </a>
                 </div>
               </div>