snipette/snipette-gridsome
snipette/snipette-gridsome
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add "Join us" banner

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/layouts/Default.vue
View file

@ -1,5 +1,18 @@
<template> <template>
<div class="site-wrapper"> <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 --> <!-- All the main content gets inserted here, index.vue, blogPost.vue, etc -->
<slot/> <slot/>
@ -32,6 +45,11 @@
components: { components: {
Footer, subscribeForm Footer, subscribeForm
}, },
data() {
return {
bannerShow: true,
}
},
computed: { computed: {
Admin() { Admin() {
return Admin return Admin