From 3372878dce92716ece443cf0e4ed41b805d9070f Mon Sep 17 00:00:00 2001
From: Badri Sunderarajan <badrihippo@gmail.com>
Date: Wed, 4 Nov 2020 14:14:03 +0530
Subject: [PATCH] Add "Join us" banner

---
 src/layouts/Default.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
index 10b5551..07548b1 100644
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -1,5 +1,18 @@
 <template>
   <div class="site-wrapper">
+
+    <!-- Temporary job banner -->
+    <!-- By the way, we're not specifically looking for developers, but -->
+    <!-- we might still be interested, so feel free to reach out :)     -->
+    <transition name="fade">
+    <div style="background-color: darkred; padding: 1em; color: white; display: flex; position: fixed; top: 0; left: 0; right: 0; z-index: 500" v-show="bannerShow">
+      <span style="margin-left: auto; margin-right: auto">We're hiring! Well, kinda. <a :href="/jobs/" style="color: white; text-decoration: underline;">Click here to learn more</a>.</span>
+      <button style="border: 1px solid white; border-radius: 1em; background: #0000;" @click="bannerShow = false">x</button>
+    </div>
+    </transition>
+    <div style="height: 4em; background: black;" v-show="bannerShow"></div>
+    <!-- End banner -->
+
     <!-- All the main content gets inserted here, index.vue, blogPost.vue, etc -->
     <slot/>
 
@@ -32,6 +45,11 @@
     components: {
       Footer, subscribeForm
     },
+    data() {
+      return {
+        bannerShow: true,
+      }
+    },
     computed: {
       Admin() {
         return Admin