From 61b9d380d30acff3fca9c14c12515b3ee1f08ba0 Mon Sep 17 00:00:00 2001
From: Nico Devs <nico1485@gmail.com>
Date: Thu, 28 Apr 2022 10:39:23 -0300
Subject: [PATCH 1/2] Update Vue School banner copy

---
 themes/vue/layout/partials/vueschool_banner.ejs | 4 ++--
 themes/vue/source/js/common.js                  | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/themes/vue/layout/partials/vueschool_banner.ejs b/themes/vue/layout/partials/vueschool_banner.ejs
index 0f37b5a6a3..d3011e95fe 100644
--- a/themes/vue/layout/partials/vueschool_banner.ejs
+++ b/themes/vue/layout/partials/vueschool_banner.ejs
@@ -8,10 +8,10 @@
   <div class="vs-core">
     <div class="vs-slogan">
       <div class="vs-slogan-up">
-        Get up to <strong>40% off</strong> your Vue School Subscription
+        Extended for <strong>48 hours!</strong>
       </div>
       <div class="vs-slogan-down">
-        Time Limited Offer
+        Get up to 40% off your Vue School Subscription
       </div>
     </div>
     <div class="vs-button">
diff --git a/themes/vue/source/js/common.js b/themes/vue/source/js/common.js
index 3a5244959d..409871e6d2 100644
--- a/themes/vue/source/js/common.js
+++ b/themes/vue/source/js/common.js
@@ -285,8 +285,10 @@
    * Banner closing
    */
   function initVueSchoolBanner () {
+    const now = new Date()
+    const end = new Date('2022-05-04T00:00:00+02:00')
     const banner = document.getElementById('vs')
-    if (banner && !localStorage.getItem('VS_FW_BANNER_CLOSED_2')) {
+    if (banner && (now < end) && !localStorage.getItem('VS_FW_BANNER_CLOSED_2')) {
       banner.classList.remove('vs-hidden')
       document.body.classList.add('has-vs-banner')
       document.getElementById('vs-close').addEventListener('click', function (e) {

From 2be46c909f6da14fc01f52c52589c4eeff83a446 Mon Sep 17 00:00:00 2001
From: Nico Devs <nico1485@gmail.com>
Date: Thu, 28 Apr 2022 11:59:56 -0300
Subject: [PATCH 2/2] Fix Vue School banner style

---
 themes/vue/source/css/_vueschool.styl | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/themes/vue/source/css/_vueschool.styl b/themes/vue/source/css/_vueschool.styl
index 9bca06b15a..be607647a9 100644
--- a/themes/vue/source/css/_vueschool.styl
+++ b/themes/vue/source/css/_vueschool.styl
@@ -71,6 +71,7 @@ body.has-vs-banner
   @media (min-width: 680px)
     min-height: $vs-banner-height-desktop
     background-image: url(../images/banners/vs-fw-bg.svg)
+    background-position: top right -130px
   @media (min-width: 900px)
     background-position: top right
     position: static
@@ -116,12 +117,10 @@ body.has-vs-banner
         color: #FFF
         font-size: 14px
         font-weight: bold
-        width: 170px
         @media (min-width: 680px)
           font-size: 18px
-          width: 220px
-        @media (min-width: 1024px)
           width: auto
+        @media (min-width: 1024px)
           font-size: 24px
         strong
           color: #fdc722