msb-public
/
tech-interview-handbook
mirror of https://github.com/yangshun/tech-interview-handbook
2
1
Code Issues Projects Releases Wiki Activity

website: improve homepage

Browse Source
pull/242/head
Yangshun 3 years ago
parent 67059d0b9c
commit deafba893f
2 changed files with 129 additions and 10 deletions
Show Stats Download Patch File Download Diff File

2
website/docusaurus.config.js
Unescape View File

@ -1,6 +1,6 @@
module.exports = { module.exports = {
title: 'Tech Interview Handbook', title: 'Tech Interview Handbook',
tagline: 'Curated interview preparation materials for busy engineers', tagline: 'Free curated interview preparation materials for busy engineers',
url: 'https://techinterviewhandbook.org', url: 'https://techinterviewhandbook.org',
baseUrl: '/', baseUrl: '/',
trailingSlash: true, trailingSlash: true,

137
website/src/pages/index.js
Unescape View File

@ -28,16 +28,18 @@ function Home() {
<h1 className="hero__title">{siteConfig.title}</h1> <h1 className="hero__title">{siteConfig.title}</h1>
<p className="hero__subtitle"> <p className="hero__subtitle">
{siteConfig.tagline} <br /> {siteConfig.tagline} <br />
Brought to you by the author of the{' '} Brought to you by FAANG engineers and the author of the{' '}
<a href={BLIND_75_URL} target="_blank"> <a href={BLIND_75_URL} target="_blank">
Blind 75 List Blind 75 List
</a> </a>
<br />
Over 500,000 people have benefitted from this handbook!
</p> </p>
<div className={styles.buttons}> <div className={styles.buttons}>
<a <a
className={classnames('button button--primary button--lg')} className={classnames('button button--primary button--lg')}
href={useBaseUrl('introduction')}> href={useBaseUrl('introduction')}>
Get Started&nbsp;&nbsp;→ Start Reading Now&nbsp;&nbsp;→
</a> </a>
</div> </div>
<div className="margin-top--lg"> <div className="margin-top--lg">
@ -58,11 +60,7 @@ function Home() {
<BrowserOnly> <BrowserOnly>
{() => ( {() => (
<div <div
className={classnames( className={classnames('padding-vert--lg', styles.sectionSponsor)}>
'margin-bottom--lg',
'padding-vert--lg',
styles.sectionSponsor,
)}>
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col col--8 col--offset-2"> <div className="col col--8 col--offset-2">
@ -95,6 +93,107 @@ function Home() {
</div> </div>
)} )}
</BrowserOnly> </BrowserOnly>
<div className={classnames('padding-vert--xl', styles.sectionAlt)}>
<div className="container">
<div className="row">
<div className="col col--10 col--offset-1">
<h2
className={classnames(
'text--center',
'margin-bottom--xl',
styles.sectionTitle,
)}>
Complete guide to getting software engineering jobs at top
firms
</h2>
<div className={classnames('row', styles.featuresRow)}>
<div
className={classnames(
'col',
'col--4',
styles.featuresRowItem,
)}>
<h3>Not sure where to start? We got you covered</h3>
<ul>
<li>
<a href={useBaseUrl('resume')}>Resume Preparation</a>
</li>
<li>
<a href={useBaseUrl('resume-case-study')}>
Resume Samples
</a>
</li>
<li>
<a href={useBaseUrl('interview-formats')}>
Interview Formats
</a>
</li>
<li>
<a href={useBaseUrl('best-practice-questions')}>
Best Practice Questions
</a>
</li>
</ul>
</div>
<div
className={classnames(
'col',
'col--4',
styles.featuresRowItem,
)}>
<h3>Efficiently prepare for all kinds of interviews</h3>
<ul>
<li>
<a href={useBaseUrl('algorithms/introduction')}>
Algorithms
</a>
</li>
<li>
<a href={useBaseUrl('system-design')}>System Design</a>
</li>
<li>
<a href={useBaseUrl('behavioral-round-overview')}>
Behavioral
</a>
</li>
<li>
<a href="https://frontendinterviewhandbook.com">
Front End
</a>
</li>
</ul>
</div>
<div
className={classnames(
'col',
'col--4',
styles.featuresRowItem,
)}>
<h3>Algorithms Deep-dive</h3>
<ul>
<li>
<a href={useBaseUrl('algorithms/array')}>Array</a>
</li>
<li>
<a href={useBaseUrl('algorithms/graph')}>Graph</a>
</li>
<li>
<a href={useBaseUrl('algorithms/linked-list')}>
Linked List
</a>
</li>
<li>
<a href={useBaseUrl('algorithms/introduction')}>
and more...
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div className={classnames('margin-vert--lg', 'padding-vert--lg')}> <div className={classnames('margin-vert--lg', 'padding-vert--lg')}>
<div className="container"> <div className="container">
<div className="row"> <div className="row">
@ -105,7 +204,7 @@ function Home() {
'margin-bottom--xl', 'margin-bottom--xl',
styles.sectionTitle, styles.sectionTitle,
)}> )}>
Why Tech Interview Handbook? What is inside?
</h2> </h2>
<div className={classnames('row', styles.featuresRow)}> <div className={classnames('row', styles.featuresRow)}>
<div <div
@ -309,7 +408,7 @@ function Home() {
</div> </div>
<div className="margin-vert--lg"> <div className="margin-vert--lg">
<a <a
className="button button--primary button--lg" className="button button--secondary button--lg"
href="https://opencollective.com/tech-interview-handbook" href="https://opencollective.com/tech-interview-handbook"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank"> target="_blank">
@ -320,6 +419,26 @@ function Home() {
</div> </div>
</div> </div>
</div> </div>
<div className={classnames('padding-vert--xl', styles.sectionAlt)}>
<div className="container">
<div className="row">
<div className="col col--4">
<h2>Take the next step</h2>
</div>
<div className="col col--8">
<p className={classnames(styles.sectionTagline)}>
It's free! Start improving your interview game today and get
the job at the company of your dreams.
</p>
<a
className={classnames('button button--primary button--lg')}
href={useBaseUrl('introduction')}>
Start Reading Now&nbsp;&nbsp;→
</a>
</div>
</div>
</div>
</div>
</div> </div>
</Layout> </Layout>
); );

Write Preview
Loading…
Cancel
Save