From 0d00809911cf8ec2936d1bb85aa771f7223a354a Mon Sep 17 00:00:00 2001 From: Rolf Haug Date: Fri, 26 Mar 2021 18:58:42 +0100 Subject: [PATCH] update vueschool banner --- .../vue/layout/partials/vueschool_banner.ejs | 12 +- themes/vue/source/css/_vueschool.styl | 14 +- .../vue/source/images/banners/learn-more.svg | 9 + .../banners/vueschool-banner-bg-desktop-2.svg | 214 ++++++++++++++++++ .../banners/vueschool-banner-bg-mobile-2.svg | 14 ++ .../banners/vueschool-banner-bg-tablet-2.svg | 196 ++++++++++++++++ 6 files changed, 447 insertions(+), 12 deletions(-) create mode 100644 themes/vue/source/images/banners/learn-more.svg create mode 100644 themes/vue/source/images/banners/vueschool-banner-bg-desktop-2.svg create mode 100644 themes/vue/source/images/banners/vueschool-banner-bg-mobile-2.svg create mode 100644 themes/vue/source/images/banners/vueschool-banner-bg-tablet-2.svg diff --git a/themes/vue/layout/partials/vueschool_banner.ejs b/themes/vue/layout/partials/vueschool_banner.ejs index a4a9934dd9..d903f61b53 100644 --- a/themes/vue/layout/partials/vueschool_banner.ejs +++ b/themes/vue/layout/partials/vueschool_banner.ejs @@ -1,22 +1,22 @@ - +
- + Vue School logo
- VUE 3 MASTERCLASS - FREE WEEKEND + LEARN VUE AT VUE SCHOOL
- Register at vueschool.io/free-weekend + Register today and get 20% OFF
- Free Access + Learn More
diff --git a/themes/vue/source/css/_vueschool.styl b/themes/vue/source/css/_vueschool.styl index e822721727..309e5b46b5 100644 --- a/themes/vue/source/css/_vueschool.styl +++ b/themes/vue/source/css/_vueschool.styl @@ -57,7 +57,7 @@ body.has-vs-banner background-color: #1E204D background-repeat: no-repeat background-position: top right - background-image: url(../images/banners/vueschool-banner-bg-mobile.svg) + background-image: url(../images/banners/vueschool-banner-bg-mobile-2.svg) display: flex justify-content: center align-items: center @@ -69,10 +69,10 @@ body.has-vs-banner top: 0 @media (min-width: 680px) min-height: $vs-banner-height-desktop - background-image: url(../images/banners/vueschool-banner-bg-tablet.svg) + background-image: url(../images/banners/vueschool-banner-bg-tablet-2.svg) @media (min-width: 900px) position: static - background-image: url(../images/banners/vueschool-banner-bg-desktop.svg) + background-image: url(../images/banners/vueschool-banner-bg-desktop-2.svg) &.vs-hidden display: none @@ -124,10 +124,12 @@ body.has-vs-banner .vs-slogan-down color: #fff font-size: 12px + padding-top: 2px @media (min-width: 680px) font-size: 16px strong - color: #48a0ff + color: #fff + font-weight: bold .vs-button margin-left: 43px @@ -142,10 +144,10 @@ body.has-vs-banner border-radius: 40px background: linear-gradient(#dc61da, #b349b0) transition: all .25s ease-in - padding: 17px 27px + padding: 12px 24px 8px line-height: 0 @media (min-width: 680px) - padding: 13px 24px + padding: 12px 24px 8px &.vs-button-alt background: linear-gradient(to bottom, #ffcc38, #ffd13d) .vs-button-inside diff --git a/themes/vue/source/images/banners/learn-more.svg b/themes/vue/source/images/banners/learn-more.svg new file mode 100644 index 0000000000..58cc3f56a3 --- /dev/null +++ b/themes/vue/source/images/banners/learn-more.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/themes/vue/source/images/banners/vueschool-banner-bg-desktop-2.svg b/themes/vue/source/images/banners/vueschool-banner-bg-desktop-2.svg new file mode 100644 index 0000000000..bf8503e693 --- /dev/null +++ b/themes/vue/source/images/banners/vueschool-banner-bg-desktop-2.svg @@ -0,0 +1,214 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/themes/vue/source/images/banners/vueschool-banner-bg-mobile-2.svg b/themes/vue/source/images/banners/vueschool-banner-bg-mobile-2.svg new file mode 100644 index 0000000000..74cffc6293 --- /dev/null +++ b/themes/vue/source/images/banners/vueschool-banner-bg-mobile-2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/themes/vue/source/images/banners/vueschool-banner-bg-tablet-2.svg b/themes/vue/source/images/banners/vueschool-banner-bg-tablet-2.svg new file mode 100644 index 0000000000..8fe06eae8c --- /dev/null +++ b/themes/vue/source/images/banners/vueschool-banner-bg-tablet-2.svg @@ -0,0 +1,196 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +