Vue Fes Japan 2024 スポンサー2次募集広告 (#2082)

Author: jay-es

.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__ = 'vueconfus2024'
+  window.__VUE_BANNER_ID__ = 'vuefes2024_sponsor2nd'
   restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed')
 })()

.vitepress/theme/components/Banner.vue

@@ -22,30 +22,16 @@ function dismiss() {
 
 <template>
   <div class="banner" v-if="open">
-    <p class="vt-banner-text">
-      <span class="vt-text-primary">VueConf US</span>
-      <span class="vt-tagline"> - Join the official Vue.js conference</span>
-      | May 15-17, 2024 <span class="vt-place"> - New Orleans, USA</span>
-      <a
-        target="_blank"
-        class="vt-primary-action"
-        href="https://vueconf.us?utm_source=vuejs&utm_content=top_banner"
-      >Register <span class="vt-time-now">Now</span></a
-      >
-    </p>
-    <button @click="dismiss">
-      <VTIconPlus class="close" />
-    </button>
-    <p class="vt-banner-text vt-coupon">
-      <span class="vt-text-primary">Use code</span> VUEJSDOCS
-      <span class="vt-text-primary">to get $100 off!</span>
-    </p>
+    <a href="https://note.com/tutti2612/n/n30bdb59e7949" target="_blank">
+      Vue Fes Japan 2024 スポンサー2次募集中！
+    </a>
   </div>
 </template>
 
 <style>
 html:not(.banner-dismissed) {
   --vt-banner-height: 60px;
+  --vt-banner-height: 30px; /* Vue Fes */
 }
 </style>
 
@@ -68,6 +54,9 @@ html:not(.banner-dismissed) {
   display: flex;
   justify-content: center;
   align-items: center;
+
+  background: #35495e; /* Vue Fes */
+  font-size: 13px; /* Vue Fes */
 }
 
 .banner-dismissed .banner {

.vitepress/theme/index.ts

@@ -9,15 +9,15 @@ 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'
-import VueMasteryBanner from './components/VueMasteryBanner.vue'
+// import VueMasteryBanner from './components/VueMasteryBanner.vue'
 
 export default Object.assign({}, VPTheme, {
   Layout: () => {
     // @ts-ignore
     return h(VPTheme.Layout, null, {
-      banner: () => h(VueMasteryBanner),
+      banner: () => h(Banner),
       'sidebar-top': () => h(PreferenceSwitch),
       'aside-mid': () => h(SponsorsAside)
     })