From 8afab39aab964eb7aa49ec0dae2665bf6d6636ed Mon Sep 17 00:00:00 2001 From: Nico Devs <3766839+nicodevs@users.noreply.github.com> Date: Tue, 30 Aug 2022 04:10:47 -0300 Subject: [PATCH] Update Vue School banner to show Vue.js Forge offer (#1537) --- .../components/VueSchool/BannerCountdown.vue | 80 +++++++++-- .../VueSchool/BannerCountdownMobile.vue | 64 +++++++++ .../components/VueSchool/BannerTop.vue | 124 +++++++++++------- .../public/images/vueschool/bg-desktop.png | Bin 68682 -> 60753 bytes .../public/images/vueschool/bg-mobile.png | Bin 9734 -> 16393 bytes .../public/images/vueschool/bg-tablet.png | Bin 38765 -> 27367 bytes .../public/images/vueschool/vs-backpack.png | Bin 6234 -> 3862 bytes 7 files changed, 205 insertions(+), 63 deletions(-) create mode 100644 packages/docs/.vitepress/components/VueSchool/BannerCountdownMobile.vue diff --git a/packages/docs/.vitepress/components/VueSchool/BannerCountdown.vue b/packages/docs/.vitepress/components/VueSchool/BannerCountdown.vue index 5b57be1e..5fc6765e 100644 --- a/packages/docs/.vitepress/components/VueSchool/BannerCountdown.vue +++ b/packages/docs/.vitepress/components/VueSchool/BannerCountdown.vue @@ -3,17 +3,28 @@ - - {{ data[part] }}{{ part[0].toLowerCase() }} - + + + + {{ data[part] }} + + + {{ part }} + + + + class="vs-countdown-colon"> : - - + + @@ -43,13 +54,56 @@ export default { isVisible () { return this.remaining > 0 } + }, + methods: { + countdownTransform } } - + +@media (min-width: 680px) { + .vs-countdown-wrapper { + display: flex; + } +} + \ No newline at end of file diff --git a/packages/docs/.vitepress/components/VueSchool/BannerCountdownMobile.vue b/packages/docs/.vitepress/components/VueSchool/BannerCountdownMobile.vue new file mode 100644 index 00000000..bad4b940 --- /dev/null +++ b/packages/docs/.vitepress/components/VueSchool/BannerCountdownMobile.vue @@ -0,0 +1,64 @@ + + + + + {{ data[part] }}{{ part[0].toLowerCase() }} + + : + + + + + + + + + \ No newline at end of file diff --git a/packages/docs/.vitepress/components/VueSchool/BannerTop.vue b/packages/docs/.vitepress/components/VueSchool/BannerTop.vue index 2de1910b..a31cff54 100644 --- a/packages/docs/.vitepress/components/VueSchool/BannerTop.vue +++ b/packages/docs/.vitepress/components/VueSchool/BannerTop.vue @@ -2,57 +2,78 @@ - - - - - - - - - - Join the 2nd edition of the largest hands-on Vue.js Event + + + + + + + + Save 50% for a limited time + + · Extended! + + + + Vue.js Premium Video Courses + + - - Starts 30 Aug. Build your own e-commerce app! + + + BUY NOW - - JOIN FOR FREE + + - - -