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

Add job banner back, since the webinar is done!

Browse source
This commit is contained in:
Badri Sunderarajan 2021-01-29 20:51:29 +05:30
parent e0c9a91d65
commit 1a5926c192
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/layouts/Default.vue
View file

@ -1,10 +1,12 @@
<template> <template>
<div class="site-wrapper"> <div class="site-wrapper">
<!-- Temporary webinar banner --> <!-- 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"> <transition name="fade">
<div style="background-color: #F8CD44; padding: 1em; color: black; display: flex; position: fixed; top: 0; left: 0; right: 0; z-index: 500" v-show="bannerShow"> <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"><strong>Snipette a tete:</strong> we're running our very first webinar! <a :href="/webinar-jan-2021/" style="color: black; text-decoration: underline;">Learn more</a>.</span> <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> <button style="border: 1px solid white; border-radius: 1em; background: #0000;" @click="bannerShow = false">x</button>
</div> </div>
</transition> </transition>