From 2c431d484e79ae7cb8191545ae8fa46998fa53c1 Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Mon, 12 Aug 2019 20:06:20 -0700
Subject: [PATCH] misc: fixes

---
 README.md                           |  6 ++++
 contents/interview-formats.md       |  4 ++-
 website/src/pages/index.js          | 46 ++++++++++++++++++++++-------
 website/src/pages/styles.module.css | 12 ++++++++
 4 files changed, 56 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 0f282a6d..a995a8da 100644
--- a/README.md
+++ b/README.md
@@ -37,6 +37,12 @@ This repository has _practical_ content that covers all phases of a technical in
 
 Anybody who wants to land a job at a tech company but is new to technical interviews, seasoned engineers who have not been on the other side of the interviewing table in a while and want to get back into the game, or anyone who wants to be better at technical interviewing.
 
+---
+
+💰**Looking for a job? Sign up with [Triplebyte](https://triplebyte.com/a/PJaJNpO/tihg) to efficiently interview with top tech companies!** 💰
+
+---
+
 ## How is this repository different?
 
 There are many awesome books like [Cracking the Coding Interview](http://www.crackingthecodinginterview.com/) and interview-related repositories out there on GitHub, what makes this repository different? The difference is that many existing interview repositories contain mainly links to external resources whereas this repository contains top quality curated content directly for your consumption.
diff --git a/contents/interview-formats.md b/contents/interview-formats.md
index 6ca768fc..49b00f5b 100644
--- a/contents/interview-formats.md
+++ b/contents/interview-formats.md
@@ -31,6 +31,8 @@ Examples
 
 Phone interview are the most common format and every candidate will face this at least once while interviewing. You will be asked to speak with an interviewer either over a phone call or VoIP (Skype/Hangout). A question will be given to you and you will work on that question using an online collaborative editor (CoderPad/CodePen/Google Docs).
 
+You are usually not allowed to execute the code even if the editor supports execution. So don't rely on that for verifying the correctness of your solution.
+
 ### Onsite
 
 If you have made it to this stage, congratulations! This is usually the final stage before an offer decision. Candidates who made it to the onsite stage will be required to have an in-person interview at the office. If you are an overseas candidate, companies might even fly you in and pay for your accommodations!
@@ -68,7 +70,7 @@ If the company provides lunch, you might also have a lunch session with an emplo
 - Technical phone interview
 - On-site (Product Engineer):
   - 3 x Algorithm and system design on whiteboard within the same session
-  - 1 x Algorithm on laptop and system design. This session involves writing code on your own laptop to solve 3 well-defined algorithm problems in around 45 minutes after which an engineer will come in and review the code with you. You are not supposed to run the code while working on the problem.
+  - 1 x Algorithm on laptop and system design. This session involves writing code on your own laptop to solve 3 well-defined algorithm problems in around 45 minutes after which an engineer will come in and review the code with you. You are not supposed to run the code while working on the problem
 - Tips:
   - No front end questions were asked
   - Asana places high emphasis on System Design and makes heavy use of the whiteboard. You do not necessarily have to write code for the algorithm question of the first three interviews
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 2fddf4e5..9bdfed20 100755
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -44,10 +44,34 @@ function Home() {
         </div>
       </header>
       <main>
-        <div className="padding-vert--xl">
-          <div className="container">
+        <div className={styles.sectionDark}>
+          <div className="container padding-vert--md">
             <div className="row">
-              <div className="col col--10 col--offset-1">
+              <div className="col col--8 col--offset-2">
+                <div className="margin-vert--lg text--center">
+                  <h2 className={styles.sectionDarkTitle}>
+                    Job hunting? Sign up with Triplebyte to efficiently
+                    interview with top tech companies and land your dream job!
+                    💰
+                  </h2>
+                  <div className="margin-vert--lg">
+                    <a
+                      className="button button--secondary button--lg"
+                      href="https://triplebyte.com/a/PJaJNpO/tihw"
+                      rel="noreferrer noopener"
+                      target="_blank">
+                      Sign Up with Triplebyte
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <p className="padding-vert--xl">
+          <p className="container">
+            <p className="row">
+              <p className="col col--10 col--offset-1">
                 <h2 className="text--center  margin-bottom--xl">
                   Why Tech Interview Handbook?
                 </h2>
@@ -74,7 +98,7 @@ function Home() {
                     </p>
                   </div>
                 </div>
-                <div className="row margin-vert--lg">
+                <p className="row margin-vert--lg">
                   <div className="col">
                     <h3>Practical Algorithm Tips</h3>
                     <p>
@@ -89,18 +113,18 @@ function Home() {
                       and you can prepare your answers ahead of time.
                     </p>
                   </div>
-                  <div className="col">
+                  <p className="col">
                     <h3>Tested and Proven</h3>
                     <p>
                       Countless engineers have gotten their dream jobs with its
                       help.
                     </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
+                  </p>
+                </p>
+              </p>
+            </p>
+          </p>
+        </p>
         <div className={styles.sectionAlt}>
           <div className="container padding-vert--xl">
             <div className="row">
diff --git a/website/src/pages/styles.module.css b/website/src/pages/styles.module.css
index 9d8a2feb..e1d07490 100755
--- a/website/src/pages/styles.module.css
+++ b/website/src/pages/styles.module.css
@@ -24,3 +24,15 @@
 .sectionAlt {
   background-color: var(--ifm-color-emphasis-alpha-05);
 }
+
+.sectionDark {
+  background-color: var(--ifm-color-primary);
+}
+
+.sectionDarkTitle {
+  color: var(--ifm-color-white);
+}
+
+.sectionDarkLink {
+  color: var(--ifm-color-black-alpha-80);
+}