From 96db16d1741783139fd08eea83865b0535f44e51 Mon Sep 17 00:00:00 2001
From: Ambrose Chua <ambrose@beepvoice.app>
Date: Mon, 3 Sep 2018 18:45:04 +0800
Subject: [PATCH] Add jobs and minor improvements

---
 config.toml                             |  5 +-
 content/_index.html                     |  4 +-
 content/company/_index.html             | 13 ++++++
 content/jobs/_index.html                | 61 +++++++++++++++++++++++++
 layouts/_default/index.html             |  7 ++-
 layouts/_default/section.html           |  9 ++--
 layouts/partials/drift.html             |  2 +-
 layouts/partials/header.html            | 12 +++--
 layouts/partials/navigation-footer.html |  3 ++
 layouts/partials/resources.html         |  2 +
 src/_company.scss                       | 29 ++++++++++++
 src/_jobs.scss                          | 43 +++++++++++++++++
 src/main.scss                           |  1 +
 src/sticky.js                           |  3 ++
 14 files changed, 179 insertions(+), 15 deletions(-)
 create mode 100644 content/jobs/_index.html
 create mode 100644 src/_jobs.scss

diff --git a/config.toml b/config.toml
index aacd637..3c83925 100644
--- a/config.toml
+++ b/config.toml
@@ -1,4 +1,5 @@
-#baseURL = "https://beepvoice.app"
-baseURL = "https://beepvoice.app/"
+baseURL = "https://beepvoice.app"
 languageCode = "en"
 title = "Beep"
+[params]
+	subtitle = "Talk. Don’t text"
diff --git a/content/_index.html b/content/_index.html
index 6092cc6..73defb5 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -1,6 +1,6 @@
 ---
-title: "Beep"
 date: 2018-06-30T17:53:55+08:00
+description: "Beep is the new way to communicate with your friends and family by merging the efficiency of voice calls with the convenience of messaging"
 ---
 
 <div class="home-hero-wrapper">
@@ -16,7 +16,7 @@ date: 2018-06-30T17:53:55+08:00
 
 			<!-- <a href="/get"><div class="btn">Get the app</div></a> -->
 			<p><big>
-				Coming soon. A better and natural way to communicate with your friends and family, with your voice. 
+				Beep is the new way to communicate with your friends and family by merging the efficiency of voice calls with the convenience of messaging.
 			</big></p>
 		</div>
 
diff --git a/content/company/_index.html b/content/company/_index.html
index 0644cf7..60aee0d 100644
--- a/content/company/_index.html
+++ b/content/company/_index.html
@@ -19,3 +19,16 @@ date: 2018-06-30T17:53:55+08:00
 
 </div>
 
+<div class="company-jobs-wrapper">
+
+	<section class="company-jobs">
+
+		<h1>We're hiring! </h1>
+		
+		<p>
+			<a href="/jobs"><div class="btn">Join us</div></a>
+		</p>
+
+	</section>
+
+</div>
diff --git a/content/jobs/_index.html b/content/jobs/_index.html
new file mode 100644
index 0000000..b19aaf8
--- /dev/null
+++ b/content/jobs/_index.html
@@ -0,0 +1,61 @@
+---
+title: "Join us"
+date: 2018-06-30T17:53:55+08:00
+description: "We're hiring! We are looking for a Lead Software Engineer who will lead day-to-day software engineering. Drop us a message"
+---
+
+<div class="jobs-hero-wrapper">
+
+	<section class="jobs-hero">
+
+		<h1>We want you!</h1>
+		<!-- https://commons.wikimedia.org/wiki/File:Unclesamwantyou.jpg -->
+
+	</section>
+
+	<section class="jobs-why">
+		<div class="jobs-why-box">
+
+			<h2>Why join us?</h2>
+
+			<p>
+				<strong>We’re a young, small and passionate team</strong> with a big dream of making voice communication more convenient for everyone. All of us love engineering with interests ranging from hardware to software to systems engineering. 
+			</p>
+
+		</div>
+	</section>
+
+</div>
+
+<section class="job">
+	
+	<h1>Lead Software Engineer</h1>
+
+	<p>A teammate who will be working with us to bring our idea to life. You will: </p>
+
+	<ul>
+		<li>
+			Lead day-to-day software engineering
+			<ul>
+				<li>Facilitate decision making process within the team</li>
+				<li>Manage team progress</li>
+				<li>Understand the entire system architecture</li>
+				<li>(Past leadership experience is a bonus but not required)</li>
+			</ul>
+		</li>
+		<li>
+			Contribute to software development
+			<ul>
+				<li>Choice of working on the entire stack, backend or frontend only</li>
+				<li>Past experience in either JavaScript, Dart, Go or Scala</li>
+				<li>Past experience with message queues</li>
+				<li>Past experience working in a software engineering team</li>
+			</ul>
+		</li>
+	</ul>
+
+	<p>
+		Send us your CV! <a href="mailto:sayhi@beepvoice.app">sayhi@beepvoice.app</a> or <a href="javascript:drift.api.openChat()">drop us a message</a>
+	</p>
+
+</section>
diff --git a/layouts/_default/index.html b/layouts/_default/index.html
index 6058e3c..379fa58 100644
--- a/layouts/_default/index.html
+++ b/layouts/_default/index.html
@@ -12,8 +12,8 @@
 				<a href="{{ "/#features" | relURL }}">
 					<div class="link">Features</div>
 				</a>
-				<a href="{{ "/company" | relURL }}">
-					<div class="link">Company</div>
+				<a href="{{ "/jobs" | relURL }}">
+					<div class="link">Join us</div>
 				</a>
 				<a href="{{ "/#getnotified" | relURL }}">
 					<div class="link button">Get notified</div>
@@ -58,6 +58,9 @@
 				<div class="title">
 					Company
 				</div>
+				<a href="{{ "/jobs" | relURL }}">
+					<div class="link">Join us</div>
+				</a>
 				<a href="{{ "/company" | relURL }}">
 					<div class="link">About us</div>
 				</a>
diff --git a/layouts/_default/section.html b/layouts/_default/section.html
index 7d4d484..379fa58 100644
--- a/layouts/_default/section.html
+++ b/layouts/_default/section.html
@@ -1,7 +1,5 @@
 {{ partial "header.html" . }}
 
-{{ partial "drift.html" . }}
-
 	<div class="navbar-wrapper">
 		<nav class="navbar">
 			<div class="brand">
@@ -14,8 +12,8 @@
 				<a href="{{ "/#features" | relURL }}">
 					<div class="link">Features</div>
 				</a>
-				<a href="{{ "/company" | relURL }}">
-					<div class="link">Company</div>
+				<a href="{{ "/jobs" | relURL }}">
+					<div class="link">Join us</div>
 				</a>
 				<a href="{{ "/#getnotified" | relURL }}">
 					<div class="link button">Get notified</div>
@@ -60,6 +58,9 @@
 				<div class="title">
 					Company
 				</div>
+				<a href="{{ "/jobs" | relURL }}">
+					<div class="link">Join us</div>
+				</a>
 				<a href="{{ "/company" | relURL }}">
 					<div class="link">About us</div>
 				</a>
diff --git a/layouts/partials/drift.html b/layouts/partials/drift.html
index 59d6285..288b308 100644
--- a/layouts/partials/drift.html
+++ b/layouts/partials/drift.html
@@ -1,5 +1,5 @@
 <!-- Start of Async Drift Code -->
-<script>
+<script async>
 "use strict";
 
 !function() {
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 3d12b17..be98427 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -3,14 +3,18 @@
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<meta name="referrer" content="no-referrer-when-downgrade">
+
+	{{ if .Description }}
+	<meta name="description" content="{{ .Description }}">
+	{{ end }}
+	<link rel="icon" type="image/png" href="{{ "/images/icon.png" | relURL }}">
 
 	<title>
-		{{ $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }}
+		{{ $url := replace .Permalink .Site.BaseURL "" }}
 		{{ if eq $url "/" }}
-			{{ .Site.Title }}
+			{{ .Site.Title }} - {{ .Site.Params.Subtitle }}
 		{{ else }}
-			{{ .Title }}
+			{{ .Site.Title }} - {{ .Title }}
 		{{ end }}
 	</title>
 
diff --git a/layouts/partials/navigation-footer.html b/layouts/partials/navigation-footer.html
index 837d786..75a4fb5 100644
--- a/layouts/partials/navigation-footer.html
+++ b/layouts/partials/navigation-footer.html
@@ -52,6 +52,9 @@
 				<div class="title">
 					Company
 				</div>
+				<a href="{{ "/jobs" | relURL }}">
+					<div class="link">Join us</div>
+				</a>
 				<a href="{{ "/company" | relURL }}">
 					<div class="link">About us</div>
 				</a>
diff --git a/layouts/partials/resources.html b/layouts/partials/resources.html
index d478cfe..a16056e 100644
--- a/layouts/partials/resources.html
+++ b/layouts/partials/resources.html
@@ -3,3 +3,5 @@
 <link rel="stylesheet" href="{{ "/main.css" | relURL }}">
 <script type="text/javascript" src="{{ "/modernizr.js" | relURL }}" async></script>
 <script type="text/javascript" src="{{ "/sticky.js" | relURL }}" async></script>
+
+{{ partial "drift.html" . }}
diff --git a/src/_company.scss b/src/_company.scss
index 8e910e3..cc4c4c1 100644
--- a/src/_company.scss
+++ b/src/_company.scss
@@ -5,3 +5,32 @@
 .company-hero {
 	@extend .frame;
 }
+
+.company-jobs-wrapper {
+	
+	background: var(--gradient-linear-background);
+
+	padding-top: 1.5rem;
+
+}
+
+.company-jobs {
+	@extend .frame;
+
+	text-align: center;
+	color: #fff;
+	font-size: 1.5em;
+	
+	.btn {
+		display: inline-block;
+
+		padding: 0.5em;
+		border-radius: 0.5rem;
+		box-shadow: var(--elevation-4);
+		overflow: hidden;
+
+		color: var(--color-primary);
+		background-color: #fff;
+	}
+
+}
diff --git a/src/_jobs.scss b/src/_jobs.scss
new file mode 100644
index 0000000..836a78c
--- /dev/null
+++ b/src/_jobs.scss
@@ -0,0 +1,43 @@
+.jobs-hero-wrapper {
+	
+	background: var(--gradient-linear-background);
+
+	padding-top: 1.5rem;
+
+}
+
+.jobs-hero {
+	@extend .frame;
+
+	text-align: center;
+	color: #fff;
+	font-size: 1.5em;
+	
+}
+
+.jobs-why {
+	@extend .frame;
+
+}
+
+.jobs-why-box {
+
+	margin: 0 auto;
+	max-width: 48rem;
+
+	padding: 1rem 2.5rem;
+	background: #fff;
+	box-shadow: var(--elevation-4);
+	border-radius: 0.5rem;
+
+}
+
+
+.job {
+	@extend .frame;
+
+	& > ul > li {
+		margin: 0.75em 0;
+	}
+
+}
diff --git a/src/main.scss b/src/main.scss
index 65b1147..4d92eb2 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -12,3 +12,4 @@
 
 @import 'home';
 @import 'company';
+@import 'jobs';
diff --git a/src/sticky.js b/src/sticky.js
index e948dbb..de6efbd 100644
--- a/src/sticky.js
+++ b/src/sticky.js
@@ -2,6 +2,9 @@
 
 function configureScroll() {
 	const navbarWrapper = document.querySelector('.navbar-wrapper');
+	if (!navbarWrapper) {
+		setTimeout(tryConfigureScroll, 100);
+	}
 
 	window.addEventListener('scroll', () => {
 		if (document.scrollingElement.scrollTop > 0) {