Add "Join us" banner
This commit is contained in:
parent
3d147c9396
commit
3372878dce
1 changed files with 18 additions and 0 deletions
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue