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..4fc5e81f69 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: false, 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 }) + + this.showTopBanner = !localStorage.getItem('VS_BANNER_CLOSED') }, 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)