From: Antony Konstantinidis <ak@digitalessence.de>
Date: Mon, 2 Sep 2024 11:55:22 +0000 (+0200)
Subject: docs: Vuejsde conf banner september 2024 (#2210)
X-Git-Tag: v4.4.4~10
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=23629dec8e4f55c8e7043538c086ea6794520e37;p=thirdparty%2Fvuejs%2Frouter.git

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 394b17d8..62f7f29f 100644
--- 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 5cf96d4a..a6f93185 100644
--- 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 4724c5db..0e36ff96 100644
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 44c4d473..a869fe35 100644
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 affc643f..8c637774 100644
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
index 00000000..4f500c04
Binary files /dev/null and b/packages/docs/public/vuejsde-conf/vuejsdeconf_banner_smallest.png differ