diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js index b819a5b08..c3233d687 100755 --- a/website/docusaurus.config.js +++ b/website/docusaurus.config.js @@ -1,7 +1,7 @@ module.exports = { title: 'Front End Interview Handbook', tagline: - 'Front End interview preparation materials for busy engineers - pop quizzes, coding, front end system design and more!', + 'Front end interview preparation materials for busy engineers - pop quizzes, coding, algorithms, front end system design and more!', url: 'https://www.frontendinterviewhandbook.com', baseUrl: '/', trailingSlash: true, @@ -54,6 +54,68 @@ module.exports = { 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', + }, + ], + }, + { + title: 'Interviews', + items: [ + { + label: 'Pop quiz', + href: '/pop-quiz', + }, + { + label: 'Coding round', + href: '/coding', + }, + { + label: 'System design', + href: '/front-end-system-design', + }, + { + label: 'Behavioral round', + href: '/behavioral', + }, + ], + }, + { + title: 'About', + items: [ + { + label: 'GitHub', + href: 'https://github.com/yangshun/front-end-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: '6c13c369e8d9809cebb5c51330c914c3', diff --git a/website/sidebars.js b/website/sidebars.js index 82bf7a248..52d7948f6 100755 --- a/website/sidebars.js +++ b/website/sidebars.js @@ -14,6 +14,12 @@ module.exports = { { type: 'category', label: 'Coding round', + link: { + type: 'generated-index', + title: 'Coding round', + description: 'Various type of front end coding interview!', + slug: '/coding', + }, items: ['utility-function', 'build-user-interfaces', 'algorithms'], }, { diff --git a/website/src/pages/index.js b/website/src/pages/index.js index 0b534088d..4ef79319d 100755 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -13,7 +13,7 @@ export default function Home() { return (
@@ -169,9 +169,9 @@ function FeaturesSection() {
-

🔍 Front End interviews demystified

+

🔍 Front end interviews demystified

- Front End interview preparation resources are scarce but no + Front end interview preparation resources are scarce but no fret, we tell you what to expect and everything else you need to know!

@@ -183,7 +183,7 @@ function FeaturesSection() { className={classnames('col', 'col--4', styles.featuresRowItem)}>

👩‍🎨 System design

- What even is Front End system design?! Learn more about them + What even is Front end system design?! Learn more about them and how to ace these interviews.