algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-28 12:43:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

website: add levels.fyi

Browse Source
This commit is contained in:
Yangshun
2021-09-01 23:25:37 +08:00
parent 6c17cca679
commit 2fc135d7f5
3 changed files with 80 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
website/src/components/SidebarAd/index.js
View File

@ -14,9 +14,10 @@ const BACKGROUNDS = [
];
export default React.memo(function SidebarAd() {
const backgroundClass = BACKGROUNDS[Math.floor(Math.random() * BACKGROUNDS.length)];
return (
const backgroundClass =
BACKGROUNDS[Math.floor(Math.random() * BACKGROUNDS.length)];
return Math.random() > 0.5 ? (
<a
className={clsx(styles.container, backgroundClass)}
href="https://www.moonchaser.io/?utm_source=techinterviewhandbook&utm_medium=referral&utm_content=website_docs_sidebar"
@ -30,5 +31,19 @@ export default React.memo(function SidebarAd() {
help from Moonchaser. You pay nothing unless your offer is increased.
</p>
</a>
) : (
<a
className={clsx(styles.container, backgroundClass)}
href="https://www.levels.fyi/services/?ref=TechInterviewHandbook&utm_source=techinterviewhandbook&utm_medium=referral&utm_content=website_homepage"
target="_blank"
rel="noreferrer noopener"
onClick={() => {
window.gtag('event', 'moonchaser.click');
}}>
<p className={styles.tagline}>
<strong>Get paid, not played.</strong> Chat with former tech recruiters
who’ll guide you on exactly what to say to get you a higher offer.
</p>
</a>
);
});

72
website/src/pages/index.js
View File

@ -63,27 +63,55 @@ function Home() {
<div className="row">
<div className="col col--8 col--offset-2">
<div className="margin-vert--lg text--center">
<h2 className={styles.sectionPrimaryTitle}>
<div align="center">
<strong>
Get paid more. Receive risk-free salary negotiation help
from Moonchaser. You pay nothing unless your offer is
increased.
</strong>
</div>
</h2>
<div className="margin-vert--lg">
<a
className="button button--secondary button--lg"
href="https://www.moonchaser.io/?utm_source=techinterviewhandbook&utm_medium=referral&utm_content=website_homepage"
rel="noreferrer noopener"
target="_blank"
onClick={() => {
window.gtag('event', 'moonchaser.click');
}}>
Find Out More&nbsp;&nbsp;→
</a>
</div>
{Math.random() > 0.5 ? (
<>
<h2 className={styles.sectionPrimaryTitle}>
<div align="center">
<strong>
Get paid more. Receive risk-free salary negotiation
help from Moonchaser. You pay nothing unless your
offer is increased.
</strong>
</div>
</h2>
<div className="margin-vert--lg">
<a
className="button button--secondary button--lg"
href="https://www.moonchaser.io/?utm_source=techinterviewhandbook&utm_medium=referral&utm_content=website_homepage"
rel="noreferrer noopener"
target="_blank"
onClick={() => {
window.gtag('event', 'moonchaser.click');
}}>
Get Risk-free Negotiation Help&nbsp;&nbsp;→
</a>
</div>
</>
) : (
<>
<h2 className={styles.sectionPrimaryTitle}>
<div align="center">
<strong>
Get paid, not played. Chat with former tech
recruiters who’ll guide you on exactly what to say
to get you a higher offer.
</strong>
</div>
</h2>
<div className="margin-vert--lg">
<a
className="button button--secondary button--lg"
href="https://www.levels.fyi/services/?ref=TechInterviewHandbook&utm_source=techinterviewhandbook&utm_medium=referral&utm_content=website_homepage"
rel="noreferrer noopener"
target="_blank"
onClick={() => {
window.gtag('event', 'levelsfyi.click');
}}>
Get Negotiation Help&nbsp;&nbsp;→
</a>
</div>
</>
)}
</div>
</div>
</div>
@ -182,7 +210,7 @@ function Home() {
<div className="avatar">
<img className="avatar__photo" src={user.thumbnail} />
<div className="avatar__intro">
<div className="avatar__name">{user.name}</div>
<h4 className="avatar__name">{user.name}</h4>
<small className="avatar__subtitle">
{user.title}
</small>