website: add footer links

pull/258/head
Yangshun 3 years ago
parent 036b9d1e24
commit 2c8851a89f

@ -25,11 +25,6 @@ module.exports = {
items: [ items: [
{href: '/introduction', label: 'Getting Started', position: 'left'}, {href: '/introduction', label: 'Getting Started', position: 'left'},
{to: 'blog', label: 'Blog', 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', href: 'https://www.facebook.com/techinterviewhandbook',
label: 'Facebook', label: 'Facebook',
@ -40,11 +35,83 @@ module.exports = {
label: 'Twitter', label: 'Twitter',
position: 'right', position: 'right',
}, },
{
href: 'https://github.com/yangshun/tech-interview-handbook',
position: 'right',
className: 'header-github-link',
'aria-label': 'GitHub repository',
},
], ],
}, },
footer: { footer: {
style: 'dark', style: 'dark',
copyright: `Copyright © ${new Date().getFullYear()} Yangshun Tay. Built with Docusaurus.`, 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: { algolia: {
apiKey: '4dabb055be464346fcb6877f086f08e8', apiKey: '4dabb055be464346fcb6877f086f08e8',

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

@ -61,3 +61,21 @@ div[class^='announcementBar_'] {
.theme-doc-markdown details h6 { .theme-doc-markdown details h6 {
margin-bottom: 0 !important; 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;
}

@ -364,7 +364,8 @@ function EducativeSection() {
<h2 className={styles.sectionSponsorTitle}> <h2 className={styles.sectionSponsorTitle}>
<strong> <strong>
Looking to get hired at FAANG? Educative offers a ton of 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> </strong>
</h2> </h2>
<div className="margin-vert--lg"> <div className="margin-vert--lg">
@ -376,7 +377,7 @@ function EducativeSection() {
onClick={() => { onClick={() => {
window.gtag('event', 'educative.homepage.click'); window.gtag('event', 'educative.homepage.click');
}}> }}>
Get started&nbsp;&nbsp; Check out courses&nbsp;&nbsp;
</a> </a>
</div> </div>
</div> </div>

Loading…
Cancel
Save