diff --git a/src/.vuepress/public/images/vueschool/free-access.svg b/src/.vuepress/public/images/vueschool/free-access.svg deleted file mode 100644 index 56a075ea97..0000000000 --- a/src/.vuepress/public/images/vueschool/free-access.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/.vuepress/public/images/vueschool/learn-more.svg b/src/.vuepress/public/images/vueschool/learn-more.svg new file mode 100644 index 0000000000..58cc3f56a3 --- /dev/null +++ b/src/.vuepress/public/images/vueschool/learn-more.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/.vuepress/public/images/vueschool/vs-banner-bg-desktop.svg b/src/.vuepress/public/images/vueschool/vs-banner-bg-desktop-2.svg similarity index 71% rename from src/.vuepress/public/images/vueschool/vs-banner-bg-desktop.svg rename to src/.vuepress/public/images/vueschool/vs-banner-bg-desktop-2.svg index e2903c996d..bf8503e693 100644 --- a/src/.vuepress/public/images/vueschool/vs-banner-bg-desktop.svg +++ b/src/.vuepress/public/images/vueschool/vs-banner-bg-desktop-2.svg @@ -1,121 +1,117 @@ - - - - - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - - + + - + - + - + - - + + - - + + @@ -146,70 +142,69 @@ - - + - - - - - - - + + + + + + + - - - - - - - + + + + + + + - - - - - - - + + + + + + + - - - - - - - + + + + + + + - - - - - - - + + + + + + + - - - - - - - + + + + + + + - + - - - - + + + + diff --git a/src/.vuepress/public/images/vueschool/vs-banner-bg-mobile.svg b/src/.vuepress/public/images/vueschool/vs-banner-bg-mobile-2.svg similarity index 65% rename from src/.vuepress/public/images/vueschool/vs-banner-bg-mobile.svg rename to src/.vuepress/public/images/vueschool/vs-banner-bg-mobile-2.svg index 5ece8fd7dc..74cffc6293 100644 --- a/src/.vuepress/public/images/vueschool/vs-banner-bg-mobile.svg +++ b/src/.vuepress/public/images/vueschool/vs-banner-bg-mobile-2.svg @@ -1,14 +1,14 @@ - - + + - + - + diff --git a/src/.vuepress/public/images/vueschool/vs-banner-bg-tablet.svg b/src/.vuepress/public/images/vueschool/vs-banner-bg-tablet-2.svg similarity index 82% rename from src/.vuepress/public/images/vueschool/vs-banner-bg-tablet.svg rename to src/.vuepress/public/images/vueschool/vs-banner-bg-tablet-2.svg index cc7dac8c61..8fe06eae8c 100644 --- a/src/.vuepress/public/images/vueschool/vs-banner-bg-tablet.svg +++ b/src/.vuepress/public/images/vueschool/vs-banner-bg-tablet-2.svg @@ -1,121 +1,117 @@ - - - - - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - - + + - + - + - + - - + + - - + + @@ -128,65 +124,64 @@ - - + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + - + diff --git a/src/.vuepress/theme/components/BannerTop.vue b/src/.vuepress/theme/components/BannerTop.vue index 9a8db89071..db9bac6faf 100644 --- a/src/.vuepress/theme/components/BannerTop.vue +++ b/src/.vuepress/theme/components/BannerTop.vue @@ -1,23 +1,23 @@
- + 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
@@ -53,13 +53,13 @@ $topBannerHeightMobile ?= 3.125rem right: 0 top: 0 z-index: 100 - background-image: url(/images/vueschool/vs-banner-bg-mobile.svg) + background-image: url(/images/vueschool/vs-banner-bg-mobile-2.svg) height: $topBannerHeightMobile @media (min-width: 680px) height: $topBannerHeight - background-image: url(/images/vueschool/vs-banner-bg-tablet.svg) + background-image: url(/images/vueschool/vs-banner-bg-tablet-2.svg) @media (min-width: 900px) - background-image: url(/images/vueschool/vs-banner-bg-desktop.svg) + background-image: url(/images/vueschool/vs-banner-bg-desktop-2.svg) &:hover .vs-core .vs-button @@ -104,10 +104,12 @@ $topBannerHeightMobile ?= 3.125rem .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 @@ -122,10 +124,10 @@ $topBannerHeightMobile ?= 3.125rem 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/src/.vuepress/theme/layouts/Layout.vue b/src/.vuepress/theme/layouts/Layout.vue index 4fc5e81f69..23060817a6 100644 --- a/src/.vuepress/theme/layouts/Layout.vue +++ b/src/.vuepress/theme/layouts/Layout.vue @@ -132,13 +132,13 @@ export default { this.isSidebarOpen = false }) - this.showTopBanner = !localStorage.getItem('VS_BANNER_CLOSED') + this.showTopBanner = !localStorage.getItem('VS_OFFER_BANNER_CLOSED') }, methods: { closeBannerTop () { this.showTopBanner = false - localStorage.setItem('VS_BANNER_CLOSED', 1) + localStorage.setItem('VS_OFFER_BANNER_CLOSED', 1) }, toggleSidebar(to) {