From 2c8851a89fcb1b4c649a4540f681dc1665674ad5 Mon Sep 17 00:00:00 2001 From: Yangshun Date: Mon, 24 Jan 2022 20:10:35 +0800 Subject: [PATCH] website: add footer links --- website/docusaurus.config.js | 77 +++++++++++++++++++++-- website/src/components/SidebarAd/index.js | 2 +- website/src/css/custom.css | 18 ++++++ website/src/pages/index.js | 5 +- 4 files changed, 94 insertions(+), 8 deletions(-) diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js index 8650d89f..1848a503 100755 --- a/website/docusaurus.config.js +++ b/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', diff --git a/website/src/components/SidebarAd/index.js b/website/src/components/SidebarAd/index.js index 4f2d64f7..22362cd5 100644 --- a/website/src/components/SidebarAd/index.js +++ b/website/src/components/SidebarAd/index.js @@ -51,7 +51,7 @@ export default React.memo(function SidebarAd() {

Looking to get hired at FAANG? Educative{' '} offers many great courses to improve your interview game.{' '} - Join today for a discount! + Join today for a 10% discount!

) diff --git a/website/src/css/custom.css b/website/src/css/custom.css index b2895d08..5d1de198 100755 --- a/website/src/css/custom.css +++ b/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; +} diff --git a/website/src/pages/index.js b/website/src/pages/index.js index 649d8bf3..39292067 100755 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -364,7 +364,8 @@ function EducativeSection() {

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!

@@ -376,7 +377,7 @@ function EducativeSection() { onClick={() => { window.gtag('event', 'educative.homepage.click'); }}> - Get started  → + Check out courses  →