diff --git a/.vitepress/inlined-scripts/restorePreference.js b/.vitepress/inlined-scripts/restorePreference.js index b84fa639..5e18b50f 100644 --- a/.vitepress/inlined-scripts/restorePreference.js +++ b/.vitepress/inlined-scripts/restorePreference.js @@ -8,6 +8,6 @@ restore('vue-docs-prefer-composition', 'prefer-composition', true) restore('vue-docs-prefer-sfc', 'prefer-sfc', true) - window.__VUE_BANNER_ID__ = 'vt2024_1' - restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed') + // window.__VUE_BANNER_ID__ = '' + // restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed') })() diff --git a/.vitepress/theme/components/Banner.vue b/.vitepress/theme/components/Banner.vue index 8700ff78..6730fcd4 100644 --- a/.vitepress/theme/components/Banner.vue +++ b/.vitepress/theme/components/Banner.vue @@ -22,31 +22,16 @@ function dismiss() { @@ -65,10 +50,12 @@ html:not(.banner-dismissed) { font-weight: 600; color: #fff; background-color: var(--vt-c-green); - background: #11252b; - display: flex; - justify-content: center; - align-items: center; + background: linear-gradient( + 90deg, + rgba(66, 184, 131, 1) 0%, + rgba(39, 179, 137, 1) 19%, + rgba(100, 126, 255, 1) 100% + ); } .banner-dismissed .banner { @@ -83,7 +70,7 @@ button { position: absolute; right: 0; top: 0; - padding: 20px 10px; + padding: 5px; } .close { @@ -92,59 +79,10 @@ button { fill: #fff; transform: rotate(45deg); } - -.vt-banner-text { - color: #fff; - font-size: 16px; -} - -.vt-text-primary { - color: #75c05e; -} - -.vt-primary-action { - background: #75c05e; - color: #121c1a; - padding: 8px 15px; - border-radius: 5px; - font-size: 14px; - text-decoration: none; - margin: 0 20px; - font-weight: bold; -} -.vt-primary-action:hover { - text-decoration: none; - background: #5a9f45; -} - -@media (max-width: 1280px) { - .banner .vt-banner-text { - font-size: 14px; - } - .vt-tagline { - display: none; - } -} - -@media (max-width: 780px) { - .vt-tagline { - display: none; - } - .vt-coupon { - display: none; - } - .vt-primary-action { - margin: 0 10px; - padding: 7px 10px; - } - .vt-time-now { - display: none; - } -} - -@media (max-width: 560px) { - .vt-place { +/* +@media (max-width: 720px) { + a > span { display: none; } -} +} */ diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts index 9ea1fb93..3aa1dac2 100644 --- a/.vitepress/theme/index.ts +++ b/.vitepress/theme/index.ts @@ -10,14 +10,14 @@ import { } from './components/preferences' import SponsorsAside from './components/SponsorsAside.vue' import VueSchoolLink from './components/VueSchoolLink.vue' -import Banner from './components/Banner.vue' +// import Banner from './components/Banner.vue' // import TextAd from './components/TextAd.vue' export default Object.assign({}, VPTheme, { Layout: () => { // @ts-ignore return h(VPTheme.Layout, null, { - banner: () => h(Banner), + // banner: () => h(Banner), 'sidebar-top': () => h(PreferenceSwitch), 'sidebar-bottom': () => h(SecurityUpdateBtn), 'aside-mid': () => h(SponsorsAside) diff --git a/src/public/funding.json b/src/public/funding.json new file mode 100644 index 00000000..c436bcfa --- /dev/null +++ b/src/public/funding.json @@ -0,0 +1,120 @@ +{ + "version": "v1.0.0", + + "entity": { + "type": "organisation", + "role": "owner", + "name": "Vue Technology LLC", + "email": "evan@vuejs.org", + "phone": "", + "description": "Vue Technology LLC is the legal entity representing Vue's business operations and fund distribution to team members", + "webpageUrl": { + "url": "https://vuejs.org", + "wellKnown": "" + } + }, + + "projects": [ + { + "guid": "vuejs", + "name": "Vue.js", + "description": "Vue.js is one of the most widely adopted frontend frameworks, with over 5.5 million weekly downloads and 2 million weekly active users. It is also the technology powering Zerodha's frontend.", + "webpageUrl": { + "url": "https://vuejs.org", + "wellKnown": "" + }, + "repositoryUrl": { + "url": "https://github.com/vuejs/core", + "wellKnown": "https://github.com/vuejs/core/blob/main/.well-known/funding-manifest-urls" + }, + "licenses": ["spdx:MIT"], + "tags": ["frontend", "javascript", "web-development", "ui"] + } + ], + + "funding": { + "channels": [ + { + "guid": "github-sponsors", + "type": "other", + "address": "https://github.com/sponsors/yyx990803", + "description": "GitHub supports payment via credit card or invoice-based billing." + }, + { + "guid": "open-collective", + "type": "other", + "address": "https://opencollective.com/vuejs", + "description": "OpenCollective supports payment via credit card, Google Pay, or US bank ACH transfer." + }, + { + "guid": "bank-of-america", + "type": "bank", + "address": "", + "description": "For donations via bank transfers, please get in touch for bank details." + } + ], + + "plans": [ + { + "guid": "special", + "status": "active", + "name": "Global Special Sponsor", + "description": "Exclusive above-the-fold logo placement on vuejs.org home page / Most prominent logo placement in on the right sidebar of every content page on vuejs.org (3M+ page views per month / 500k+ unique MAU) / Most prominent logo placement in the README and BACKERS files of the vuejs/core repo.", + "amount": 5000, + "currency": "USD", + "frequency": "monthly", + "channels": [ + "github-sponsors", + "open-collective", + "bank-of-america" + ] + }, + { + "guid": "platinum", + "status": "active", + "name": "Platinum Sponsor", + "description": "Logo on the right sidebar of every content page on vuejs.org (3M+ page views per month / 500k+ unique MAU) / Large logo placement on vuejs.org front page + sponsors page + in the README and BACKERS files of the vuejs/core repo.", + "amount": 2000, + "currency": "USD", + "frequency": "monthly", + "channels": [ + "github-sponsors", + "open-collective", + "bank-of-america" + ] + }, + { + "guid": "gold", + "status": "active", + "name": "Gold Sponsor", + "description": "Medium logo placement on vuejs.org front page + sponsors page + in the README and BACKERS files of the vuejs/core repo.", + "amount": 500, + "currency": "USD", + "frequency": "monthly", + "channels": ["github-sponsors", "open-collective"] + }, + { + "guid": "silver", + "status": "active", + "name": "Silver Sponsor", + "description": "Small logo placement on vuejs.org sponsors page + in the README and BACKERS files of the vuejs/core repo.", + "amount": 250, + "currency": "USD", + "frequency": "monthly", + "channels": ["github-sponsors", "open-collective"] + }, + { + "guid": "bronze", + "status": "active", + "name": "Bronze Sponsor", + "description": "Small logo placement in the README and BACKERS files of the vuejs/core repo.", + "amount": 100, + "currency": "USD", + "frequency": "monthly", + "channels": ["github-sponsors", "open-collective"] + } + ], + + "history": [] + } +}