diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js index 3c3a6ecfc3..3dbe93a5b7 100644 --- a/src/.vuepress/config.js +++ b/src/.vuepress/config.js @@ -474,7 +474,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..a9d51d1d86 --- /dev/null +++ b/src/.vuepress/public/images/vueschool/close.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/.vuepress/public/images/vueschool/vs-backpack.png b/src/.vuepress/public/images/vueschool/vs-backpack.png new file mode 100644 index 0000000000..43807ff60d Binary files /dev/null and b/src/.vuepress/public/images/vueschool/vs-backpack.png differ 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..873f0bcdcb --- /dev/null +++ b/src/.vuepress/public/images/vueschool/vs-iso.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + 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..01f7ae0504 --- /dev/null +++ b/src/.vuepress/public/images/vueschool/vs-logo.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/.vuepress/theme/components/BannerTop.vue b/src/.vuepress/theme/components/BannerTop.vue new file mode 100644 index 0000000000..41eb99a3be --- /dev/null +++ b/src/.vuepress/theme/components/BannerTop.vue @@ -0,0 +1,165 @@ + + + diff --git a/src/.vuepress/theme/layouts/Layout.vue b/src/.vuepress/theme/layouts/Layout.vue index e7890e088c..38c7bacea8 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_SUMMER_BANNER_CLOSED') }, methods: { + closeBannerTop () { + this.showTopBanner = false + localStorage.setItem('VS_SUMMER_BANNER_CLOSED', 1) + }, + toggleSidebar(to) { this.isSidebarOpen = typeof to === 'boolean' ? to : !this.isSidebarOpen this.$emit('toggle-sidebar', this.isSidebarOpen)