Add jobs and minor improvements

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"

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>
 

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>

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>

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>

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>

layouts/partials/drift.html

@@ -1,5 +1,5 @@
 <!-- Start of Async Drift Code -->
-<script>
+<script async>
 "use strict";
 
 !function() {

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>
 

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>

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" . }}

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;
+	}
+
+}

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;
+	}
+
+}

src/main.scss

@@ -12,3 +12,4 @@
 
 @import 'home';
 @import 'company';
+@import 'jobs';

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) {