docs: Vuejsde conf banner september 2024 (#2210)

* feat: add vuejsde conf banner may

* feat: vuejsde conf banner september 2024

* fix: update banners

* fix: enable banner

* fix: adjust close button size

diff --git a/packages/docs/.vitepress/theme/components/VuejsdeConfBanner.vue b/packages/docs/.vitepress/theme/components/VuejsdeConfBanner.vue
index 394b17d8072ae9cb8c3ff264dfa9bdd93a818146..62f7f29f25899ef966ba6a4ac3977d361fd4a67d 100644 (file)
--- a/packages/docs/.vitepress/theme/components/VuejsdeConfBanner.vue
+++ b/packages/docs/.vitepress/theme/components/VuejsdeConfBanner.vue
@@ -1,11 +1,12 @@
 <template>
   <div class="banner banner-vuejsconf" v-if="isVisible">
-    <a href="https://conf.vuejs.de/?utm_source=vuejs&utm_medium=referral&utm_campaign=banner-placement&utm_content=banner"
+    <a href="https://conf.vuejs.de/tickets/?voucher=COMMUNITY&utm_source=vuejs&utm_medium=referral&utm_campaign=banner-placement&utm_content=banner"
       target="_blank">
       <picture>
-        <source media="(min-width:1200px)" srcset="/vuejsde-conf/vuejsdeconf_banner_large.png" />
-        <source media="(min-width:920px)" srcset="/vuejsde-conf/vuejsdeconf_banner_medium.png" />
-        <img src="/vuejsde-conf/vuejsdeconf_banner_small.png" alt="" />
+        <source media="(min-width:1260px)" srcset="/vuejsde-conf/vuejsdeconf_banner_large.png" />
+        <source media="(min-width:970px)" srcset="/vuejsde-conf/vuejsdeconf_banner_medium.png" />
+        <source media="(min-width:576px)" srcset="/vuejsde-conf/vuejsdeconf_banner_small.png" />
+        <img src="/vuejsde-conf/vuejsdeconf_banner_smallest.png" alt="" />
       </picture>
     </a>
     <div class="close-btn" @click.stop.prevent="closeBanner">
@@ -19,7 +20,7 @@ import { ref, onMounted } from 'vue'
 
 const isVisible = ref(false)
 
-const nameStorage = 'VUEJSDECONF-BANNER-JUNE-2024'
+const nameStorage = 'VUEJSDECONF-BANNER-SEPTEMBER-2024'
 
 const resetLayoutTopHeight = () => {
   document.documentElement.classList.add('banner-dismissed')
@@ -43,7 +44,7 @@ onMounted(() => {
 </script>
 <style>
 html:not(.banner-dismissed) {
-  --vp-layout-top-height: 60px;
+  --vp-layout-top-height: 72px;
 }
 </style>
 <style scoped>
@@ -59,7 +60,7 @@ html:not(.banner-dismissed) {
   text-align: center;
   font-size: 12px;
   font-weight: 600;
-  color: #fff;
+  color: #000;
 }
 
 .banner-dismissed .banner {
@@ -70,8 +71,12 @@ a {
   text-decoration: underline;
 }
 
+.close {
+  font-size: 24px;
+}
+
 .banner-vuejsconf {
-  background: linear-gradient(90deg, #fff 50%, #43b883 50%);
+  background: linear-gradient(90deg, #fff 50%, #6f97c4 50%);
 }
 
 .banner-vuejsconf a {
@@ -80,8 +85,8 @@ a {
 }
 
 .banner-vuejsconf .close-btn {
-  top: 10px;
-  right: 10px;
+  top: 0px;
+  left: 0px;
   z-index: 99;
   position: absolute;
   border-radius: 50%;

diff --git a/packages/docs/.vitepress/theme/index.ts b/packages/docs/.vitepress/theme/index.ts
index 5cf96d4a4b8bca46bccc973eb84fa17b3767a832..a6f93185205a01ee7b080e069379470634cfcd6f 100644 (file)
--- a/packages/docs/.vitepress/theme/index.ts
+++ b/packages/docs/.vitepress/theme/index.ts
@@ -8,7 +8,7 @@ import './styles/vars.css'
 import './styles/sponsors.css'
 import VueSchoolLink from './components/VueSchoolLink.vue'
 import VueMasteryLogoLink from './components/VueMasteryLogoLink.vue'
-// import VuejsdeConfBanner from './components/VuejsdeConfBanner.vue'
+import VuejsdeConfBanner from './components/VuejsdeConfBanner.vue'
 import status from '../translation-status.json'
 
 const i18nLabels = {
@@ -22,7 +22,7 @@ const theme: Theme = {
       // 'home-features-after': () => h(HomeSponsors),
       'aside-ads-before': () => h(AsideSponsors),
       'doc-before': () => h(TranslationStatus, { status, i18nLabels }),
-      // 'layout-top': () => h(VuejsdeConfBanner),
+      'layout-top': () => h(VuejsdeConfBanner),
     })
   },
 

diff --git a/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_large.png b/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_large.png
index 4724c5db5ce809900a5e07eb02500edd3e347eb0..0e36ff96545253080e9b14a979765b82114b1a99 100644 (file)
Binary files a/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_large.png and b/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_large.png differ

diff --git a/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_medium.png b/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_medium.png
index 44c4d473cf1d680e949644ef57a9edd173d0367b..a869fe351bfc64f2972856d8fd06921e2dbcdb96 100644 (file)
Binary files a/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_medium.png and b/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_medium.png differ

diff --git a/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_small.png b/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_small.png
index affc643f3a4fbb55476f27608270838ecbb84956..8c637774c7114d71262ffb77bf7dbc5ca0feea87 100644 (file)
Binary files a/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_small.png and b/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_small.png differ

diff --git a/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_smallest.png b/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_smallest.png
new file mode 100644 (file)
index 0000000..4f500c0
Binary files /dev/null and b/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_smallest.png differ