From 2fb2487976cd2d19b44ca51679587472427cb873 Mon Sep 17 00:00:00 2001 From: Rolf Haug Date: Thu, 18 Mar 2021 21:08:19 +0100 Subject: [PATCH 1/2] vueschool free-weekend banner --- src/.vuepress/config.js | 3 +- .../public/images/vueschool/close.svg | 7 + .../public/images/vueschool/free-access.svg | 7 + .../images/vueschool/vs-banner-bg-desktop.svg | 219 ++++++++++++++++++ .../images/vueschool/vs-banner-bg-mobile.svg | 14 ++ .../images/vueschool/vs-banner-bg-tablet.svg | 201 ++++++++++++++++ .../public/images/vueschool/vs-iso.svg | 10 + .../public/images/vueschool/vs-logo.svg | 13 ++ src/.vuepress/theme/components/BannerTop.vue | 177 ++++++++++++++ src/.vuepress/theme/layouts/Layout.vue | 15 +- 10 files changed, 664 insertions(+), 2 deletions(-) create mode 100644 src/.vuepress/public/images/vueschool/close.svg create mode 100644 src/.vuepress/public/images/vueschool/free-access.svg create mode 100644 src/.vuepress/public/images/vueschool/vs-banner-bg-desktop.svg create mode 100644 src/.vuepress/public/images/vueschool/vs-banner-bg-mobile.svg create mode 100644 src/.vuepress/public/images/vueschool/vs-banner-bg-tablet.svg create mode 100644 src/.vuepress/public/images/vueschool/vs-iso.svg create mode 100644 src/.vuepress/public/images/vueschool/vs-logo.svg create mode 100644 src/.vuepress/theme/components/BannerTop.vue diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js index 0e23da7e4a..c4e038197e 100644 --- a/src/.vuepress/config.js +++ b/src/.vuepress/config.js @@ -458,7 +458,8 @@ module.exports = { carbon: 'CEBDT27Y', custom: 'CKYD62QM', placement: 'vuejsorg' - } + }, + topBanner: true }, plugins: [ [ diff --git a/src/.vuepress/public/images/vueschool/close.svg b/src/.vuepress/public/images/vueschool/close.svg new file mode 100644 index 0000000000..16b7786154 --- /dev/null +++ b/src/.vuepress/public/images/vueschool/close.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/.vuepress/public/images/vueschool/free-access.svg b/src/.vuepress/public/images/vueschool/free-access.svg new file mode 100644 index 0000000000..56a075ea97 --- /dev/null +++ b/src/.vuepress/public/images/vueschool/free-access.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/.vuepress/public/images/vueschool/vs-banner-bg-desktop.svg b/src/.vuepress/public/images/vueschool/vs-banner-bg-desktop.svg new file mode 100644 index 0000000000..e2903c996d --- /dev/null +++ b/src/.vuepress/public/images/vueschool/vs-banner-bg-desktop.svg @@ -0,0 +1,219 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/.vuepress/public/images/vueschool/vs-banner-bg-mobile.svg b/src/.vuepress/public/images/vueschool/vs-banner-bg-mobile.svg new file mode 100644 index 0000000000..5ece8fd7dc --- /dev/null +++ b/src/.vuepress/public/images/vueschool/vs-banner-bg-mobile.svg @@ -0,0 +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.svg new file mode 100644 index 0000000000..cc7dac8c61 --- /dev/null +++ b/src/.vuepress/public/images/vueschool/vs-banner-bg-tablet.svg @@ -0,0 +1,201 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/.vuepress/public/images/vueschool/vs-iso.svg b/src/.vuepress/public/images/vueschool/vs-iso.svg new file mode 100644 index 0000000000..d5fbbaac93 --- /dev/null +++ b/src/.vuepress/public/images/vueschool/vs-iso.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/.vuepress/public/images/vueschool/vs-logo.svg b/src/.vuepress/public/images/vueschool/vs-logo.svg new file mode 100644 index 0000000000..4e060ce4e2 --- /dev/null +++ b/src/.vuepress/public/images/vueschool/vs-logo.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/.vuepress/theme/components/BannerTop.vue b/src/.vuepress/theme/components/BannerTop.vue new file mode 100644 index 0000000000..9a8db89071 --- /dev/null +++ b/src/.vuepress/theme/components/BannerTop.vue @@ -0,0 +1,177 @@ + + + diff --git a/src/.vuepress/theme/layouts/Layout.vue b/src/.vuepress/theme/layouts/Layout.vue index e7890e088c..5e68a0c017 100644 --- a/src/.vuepress/theme/layouts/Layout.vue +++ b/src/.vuepress/theme/layouts/Layout.vue @@ -5,6 +5,8 @@ @touchstart="onTouchStart" @touchend="onTouchEnd" > + +
@@ -50,6 +52,7 @@ import Page from '@theme/components/Page.vue' import Sidebar from '@theme/components/Sidebar.vue' import BuySellAds from '@theme/components/BuySellAds.vue' import CarbonAds from '@theme/components/CarbonAds.vue' +import BannerTop from '@theme/components/BannerTop.vue' import { resolveSidebarItems } from '../util' export default { @@ -60,12 +63,14 @@ export default { Page, Sidebar, Navbar, + BannerTop, BuySellAds, CarbonAds }, data() { return { + showTopBanner: true, isSidebarOpen: false } }, @@ -110,7 +115,8 @@ export default { { 'no-navbar': !this.shouldShowNavbar, 'sidebar-open': this.isSidebarOpen, - 'no-sidebar': !this.shouldShowSidebar + 'no-sidebar': !this.shouldShowSidebar, + 'has-top-banner': this.showTopBanner }, userPageClass ] @@ -125,9 +131,16 @@ export default { this.$router.afterEach(() => { this.isSidebarOpen = false }) + + if (localStorage.getItem('VS_BANNER_CLOSED')) this.showTopBanner = false }, methods: { + closeBannerTop () { + this.showTopBanner = false + localStorage.setItem('VS_BANNER_CLOSED', 1) + }, + toggleSidebar(to) { this.isSidebarOpen = typeof to === 'boolean' ? to : !this.isSidebarOpen this.$emit('toggle-sidebar', this.isSidebarOpen) From 6f30b6e4307680cc3c85fad522d538a58c64c9bf Mon Sep 17 00:00:00 2001 From: Rolf Haug Date: Fri, 19 Mar 2021 18:51:23 +0100 Subject: [PATCH 2/2] hide banner by default --- src/.vuepress/theme/layouts/Layout.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/.vuepress/theme/layouts/Layout.vue b/src/.vuepress/theme/layouts/Layout.vue index 5e68a0c017..4fc5e81f69 100644 --- a/src/.vuepress/theme/layouts/Layout.vue +++ b/src/.vuepress/theme/layouts/Layout.vue @@ -70,7 +70,7 @@ export default { data() { return { - showTopBanner: true, + showTopBanner: false, isSidebarOpen: false } }, @@ -132,7 +132,7 @@ export default { this.isSidebarOpen = false }) - if (localStorage.getItem('VS_BANNER_CLOSED')) this.showTopBanner = false + this.showTopBanner = !localStorage.getItem('VS_BANNER_CLOSED') }, methods: {