Add "Join us" banner

This commit is contained in:
Badri Sunderarajan 2020-11-04 14:14:03 +05:30
parent 3d147c9396
commit 3372878dce
1 changed files with 18 additions and 0 deletions

View File

@ -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