From d139cddbf7b2d33e37451e1788df70d94ba168ea Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Mon, 27 Sep 2021 15:45:12 +0200
Subject: [PATCH] docs: add sponsors

---
 .../.vitepress/components/HomeSponsors.vue    |  6 ++--
 .../components/HomeSponsorsGroup.vue          |  4 +--
 .../docs/.vitepress/components/sponsors.json  |  8 ++++++
 packages/docs/.vitepress/theme/Layout.ts      | 25 +++++++++++------
 packages/docs/.vitepress/theme/sponsors.css   | 28 ++++++++++++++-----
 .../public/sponsors/fincliplogo_black_svg.svg |  1 +
 .../public/sponsors/fincliplogo_white_svg.svg |  1 +
 7 files changed, 51 insertions(+), 22 deletions(-)
 create mode 100644 packages/docs/public/sponsors/fincliplogo_black_svg.svg
 create mode 100644 packages/docs/public/sponsors/fincliplogo_white_svg.svg

diff --git a/packages/docs/.vitepress/components/HomeSponsors.vue b/packages/docs/.vitepress/components/HomeSponsors.vue
index bd48c76c..6727b22a 100644
--- a/packages/docs/.vitepress/components/HomeSponsors.vue
+++ b/packages/docs/.vitepress/components/HomeSponsors.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="sponsors_outer">
     <div>
-      <HomeSponsorsGroup v-if="sponsors.platinum" name="Platinum" size="160" />
+      <HomeSponsorsGroup v-if="sponsors.platinum" name="Platinum" size="96" />
 
-      <HomeSponsorsGroup v-if="sponsors.gold" name="Gold" size="140" />
+      <HomeSponsorsGroup v-if="sponsors.gold" name="Gold" size="38" />
 
-      <HomeSponsorsGroup v-if="sponsors.silver" name="Silver" size="120" />
+      <HomeSponsorsGroup v-if="sponsors.silver" name="Silver" size="24" />
 
       <div class="cta">
         <a class="become-sponsor" href="https://github.com/sponsors/posva"
diff --git a/packages/docs/.vitepress/components/HomeSponsorsGroup.vue b/packages/docs/.vitepress/components/HomeSponsorsGroup.vue
index 1b83a216..45a58054 100644
--- a/packages/docs/.vitepress/components/HomeSponsorsGroup.vue
+++ b/packages/docs/.vitepress/components/HomeSponsorsGroup.vue
@@ -9,7 +9,6 @@
       :title="sponsor.alt"
       target="_blank"
       rel="sponsored noopener"
-      :style="{ width: size + 'px' }"
       class="sponsor_wrapper"
       :class="
         isDark && sponsor.imgSrcLight === sponsor.imgSrcDark && 'apply-bg'
@@ -23,7 +22,7 @@
           'invert-colors'
         "
         :alt="sponsor.alt"
-        :style="{ width: size + 'px' }"
+        :style="{ height: size + 'px' }"
       />
     </a>
   </p>
@@ -64,7 +63,6 @@ const list = computed(() =>
 
   border-radius: 5px;
 
-  width: 100px;
   display: inline-block;
   text-decoration: none;
   vertical-align: middle;
diff --git a/packages/docs/.vitepress/components/sponsors.json b/packages/docs/.vitepress/components/sponsors.json
index 428fb560..d99689bb 100644
--- a/packages/docs/.vitepress/components/sponsors.json
+++ b/packages/docs/.vitepress/components/sponsors.json
@@ -1,4 +1,12 @@
 {
+  "platinum": [
+    {
+      "href": "https://www.finclip.com/#/home?from=vue",
+      "alt": "Finogeeks",
+      "imgSrcLight": "/sponsors/fincliplogo_black_svg.svg",
+      "imgSrcDark": "/sponsors/fincliplogo_white_svg.svg"
+    }
+  ],
   "gold": [
     {
       "href": "https://passionatepeople.io/",
diff --git a/packages/docs/.vitepress/theme/Layout.ts b/packages/docs/.vitepress/theme/Layout.ts
index 40c8a210..1fc82fba 100644
--- a/packages/docs/.vitepress/theme/Layout.ts
+++ b/packages/docs/.vitepress/theme/Layout.ts
@@ -22,17 +22,24 @@ export const Layout: FunctionalComponent = () => {
       },
     },
     {
+      'sidebar-top': () =>
+        h('div', { class: 'sponsors sponsors-top' }, [
+          h('span', 'Platinum Sponsors'),
+          ...sponsors.platinum.map(({ href, imgSrcDark, imgSrcLight, alt }) =>
+            h(
+              'a',
+              {
+                href,
+                target: '_blank',
+                rel: 'noopener',
+              },
+              [h('img', { src: isDark.value ? imgSrcDark : imgSrcLight, alt })]
+            )
+          ),
+        ]),
       'sidebar-bottom': () =>
         h('div', { class: 'sponsors' }, [
-          h(
-            'a',
-            {
-              href: 'https://github.com/sponsors/posva',
-              target: '_blank',
-              rel: 'noopener',
-            },
-            [h('span', 'Sponsors')]
-          ),
+          h('span', 'Sponsors'),
           ...sponsors.gold.map(({ href, imgSrcDark, imgSrcLight, alt }) =>
             h(
               'a',
diff --git a/packages/docs/.vitepress/theme/sponsors.css b/packages/docs/.vitepress/theme/sponsors.css
index b241002a..a2310352 100644
--- a/packages/docs/.vitepress/theme/sponsors.css
+++ b/packages/docs/.vitepress/theme/sponsors.css
@@ -1,17 +1,31 @@
 .sponsors {
-  padding: 0 1.5rem 2rem;
-  font-size: 0.8rem;
+  margin: 0 0 1rem 1.35rem;
 }
 
-.sponsors a {
+.sponsors-top {
+  margin-top: 1rem;
+  /* workaround padding in vitepress */
+  margin-bottom: -2rem;
+}
+
+.sponsors > span {
+  /* margin: 1.25rem 0; */
+  display: block;
   color: #999;
+  font-size: 0.8rem;
 }
 
-.sponsors img {
-  max-width: 200px;
-  max-height: 40px;
+.sponsors a:last-child {
+  margin-bottom: 20px;
+}
+.sponsors a:first-child {
+  margin-top: 18px;
+}
+
+.sponsors a {
+  margin-top: 10px;
+  width: 125px;
   display: block;
-  margin: 1.25rem 0;
 }
 
 .sponsors.frontpage {
diff --git a/packages/docs/public/sponsors/fincliplogo_black_svg.svg b/packages/docs/public/sponsors/fincliplogo_black_svg.svg
new file mode 100644
index 00000000..848f93d5
--- /dev/null
+++ b/packages/docs/public/sponsors/fincliplogo_black_svg.svg
@@ -0,0 +1 @@
+<svg height="377" viewBox="0 0 705 377" width="705" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a"><stop offset="0" stop-color="#43b7e9"/><stop offset="1" stop-color="#4e6eb5"/></linearGradient><linearGradient id="b" x1="-1.351258%" x2="56.638056%" xlink:href="#a" y1="-14.847497%" y2="72.60137%"/><linearGradient id="c" x1="29.819985%" x2="87.748904%" xlink:href="#a" y1="6.941917%" y2="94.345232%"/><linearGradient id="d" x1="40.600445%" x2="82.124613%" xlink:href="#a" y1="26.937293%" y2="75.459449%"/><g fill="none" fill-rule="evenodd"><text fill="#111" font-family="PingFangSC-Regular, PingFang SC" font-size="25" letter-spacing="4.92557187"><tspan x="66.481781" y="315">五行代码，让你的APP拥有小程序运行能力</tspan></text><g transform="translate(29 47)"><g fill="#2d3f51"><path d="m375 81.8c14 0 24.2 11.1 24.2 24.7v46.9c0 1.6-1.3 3-3 3h-9.4c-1.6 0-3-1.3-3-3v-44.4c0-6.6-5.1-11.9-13-11.9s-13.9 5.4-13.9 11.9v44.3c0 1.6-1.3 2.9-2.9 3h-9.4c-1.7 0-3-1.1-3-2.8v-65.9c0-1.4 1-2.6 2.3-2.9l8.9-2.1c1.9-.4 3.6 1 3.6 2.9v4.2c4.6-4.9 11.2-7.9 18.6-7.9z"/><path d="m304.9 60.6-3.3 9.4c-.5 1.1-1.5 1.8-2.7 1.8h-40c-1.6 0-3 1.3-3 3v17.1c0 1.7 1.4 3 3 3l35.1-.3c1.7 0 3 1.3 3 3v9.8c0 1.6-1.3 3-3 3h-35.1c-1.6 0-3 1.3-3 3v40.2c0 1.6-1.3 3-3 3h-9.4c-1.6 0-3-1.3-3-3v-94c0-1.6 1.3-3 3-3h58.7c2.1-.2 3.5 2 2.7 4z"/><path d="m325.6 86.3v67c0 1.7-1.4 3-3 3l-9.4-.2c-1.6 0-2.9-1.4-2.9-3v-66.8c0-1.6 1.3-3 3-3h9.4c1.6 0 2.9 1.4 2.9 3z"/><path d="m326.9 66.5s-7.5 7.5-7.5 7.5c-.8.8-2.1.8-2.9 0l-7.4-7.4c-.8-.8-.8-2.1 0-2.9l7.4-7.4c.8-.8 2.1-.8 2.9 0l7.4 7.4s.1.1.1.1c.6.8.6 1.9 0 2.7z"/><path d="m553 86.3v67c0 1.7-1.4 3-3 3l-9.4-.2c-1.6 0-2.9-1.4-2.9-3v-66.8c0-1.6 1.3-3 3-3h9.4c1.5 0 2.9 1.4 2.9 3z"/></g><path d="m554.2 66.5s-7.5 7.5-7.5 7.5c-.8.8-2.1.8-2.9 0l-7.4-7.4c-.8-.8-.8-2.1 0-2.9l7.4-7.4c.8-.8 2.1-.8 2.9 0l7.4 7.4s.1.1.1.1c.7.8.7 1.9 0 2.7z" fill="#4e6eb5"/><path d="m493.3 135.4c1 1.1 1.1 2.8.1 3.9-4.2 4.9-9.3 9-15 11.9-7 3.6-14.5 5.4-22.4 5.4-13.2 0-25.6-5.2-35-14.7-9.3-9.5-14.5-22.1-14.5-35.5s5.1-26 14.5-35.5c9.3-9.5 21.8-14.7 35-14.7 7.8 0 15.2 1.8 22.1 5.3 5.6 2.8 10.7 6.8 14.9 11.6 1 1.1.9 2.8-.1 3.9l-7.9 8.2c-1.2 1.2-3.1 1.1-4.1-.2-6.1-7.9-15.2-12.6-25.1-12.6-17.8 0-33 15.3-33 34.1s15.2 34.1 33 34.1c5.7 0 11.3-1.6 16.2-4.5 3.6-2.2 6.8-5.1 9.3-8.5 1-1.4 3-1.5 4.1-.3z" fill="#2d3f51" fill-rule="nonzero"/><path d="m526.6 141h-4.7c-3 0-5.5-2.5-5.5-5.5v-76.1c0-1.6-1.3-3-3-3h-9.4c-1.6 0-3 1.3-3 3v76.2c0 11.5 9.4 20.8 20.8 20.8h4.6c.7 0 1.2-.5 1.2-1.2v-13.1c0-.6-.4-1.1-1-1.1z" fill="#2d3f51" fill-rule="nonzero"/><path d="m604.8 83.4c-8.5.1-16.1 3.2-21.4 9.3v-4.9c0-2.4-2-4.4-4.4-4.4h-6.5c-2.4 0-4.4 2-4.4 4.4v91.7c0 2.4 2 4.4 4.4 4.4h6.5c2.4 0 4.4-2 4.4-4.4v-39c4.4 5 10.9 7.9 19.8 8.1 18.2.4 30.4-14.7 30.500596-33 .099404-18.9-12.400596-32.4-28.900596-32.2zm-4.8 50.6c-9.7 0-17.6-8.1-17.6-18 0-10 7.9-18 17.6-18s17.6 8.1 17.6 18c0 10-7.8 18-17.6 18z" fill="#2d3f51"/><path d="m161.1 47.7 41.2 41.2c.4.4.8.8 1.1 1.2 7.4 8.5 7.4 21.3 0 29.8-.4.4-.7.8-1.1 1.2l-41.2 41.2c-.8.8-2.2.8-3 0l-12-12c-.8-.8-.8-2.2 0-3l35.7-35.7c3.7-3.7 3.7-9.7 0-13.4l-35.7-35.7c-.8-.8-.8-2.2 0-3l12-12c.8-.6 2.2-.6 3 .2z" fill="url(#b)"/><path d="m109.6 47.7 12 12c.8.8.8 2.2 0 3l-35.7 35.6c-3.7 3.7-3.7 9.7 0 13.4l35.7 35.7c.8.8.8 2.1 0 3l-12 12c-.8.8-2.2.8-3 0l-41.2-41.2c-.4-.4-.8-.8-1.1-1.2-7.4-8.5-7.4-21.3 0-29.8.4-.4.7-.8 1.1-1.2l41.2-41.2c.9-.9 2.2-.9 3-.1z" fill="url(#c)"/><path d="m120.7 7.3 26.5 26.5c.8.8.8 2.2 0 3l-12 12c-.8.8-2.2.8-3 0l-21-21c-3.7-3.7-9.7-3.7-13.4 0l-70.4 70.5c-3.7 3.7-3.7 9.7 0 13.4l70.5 70.5c3.7 3.7 9.7 3.7 13.4 0l21-21c.8-.8 2.2-.8 3 0l12 12c.8.8.8 2.2 0 3l-26.5 26.5c-8.9 8.9-23.3 8.9-32.2 0l-81.6-81.6c-8.9-8.9-8.9-23.3 0-32.2l81.5-81.6c8.9-8.9 23.3-8.9 32.2 0z" fill="url(#d)"/></g></g></svg>
\ No newline at end of file
diff --git a/packages/docs/public/sponsors/fincliplogo_white_svg.svg b/packages/docs/public/sponsors/fincliplogo_white_svg.svg
new file mode 100644
index 00000000..3254e538
--- /dev/null
+++ b/packages/docs/public/sponsors/fincliplogo_white_svg.svg
@@ -0,0 +1 @@
+<svg height="377" viewBox="0 0 705 377" width="705" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a"><feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"/></filter><linearGradient id="b"><stop offset="0" stop-color="#43b7e9"/><stop offset="1" stop-color="#4e6eb5"/></linearGradient><linearGradient id="c" x1="-1.318836%" x2="56.633865%" xlink:href="#b" y1="-14.847497%" y2="72.60137%"/><linearGradient id="d" x1="29.832726%" x2="87.72507%" xlink:href="#b" y1="6.941917%" y2="94.345232%"/><linearGradient id="e" x1="40.606379%" x2="82.10433%" xlink:href="#b" y1="26.937293%" y2="75.459449%"/><g fill="none" fill-rule="evenodd"><g filter="url(#a)"><g transform="translate(55 60)"><g fill="#2d3f51"><path d="m352.3125 77c13.125 0 22.6875 10.4155496 22.6875 23.176944v44.008043c0 1.50134-1.21875 2.815013-2.8125 2.815013h-8.8125c-1.5 0-2.8125-1.219839-2.8125-2.815013v-41.662199c0-6.1930293-4.78125-11.1662196-12.1875-11.1662196s-13.03125 5.0670241-13.03125 11.1662196v41.568365c0 1.50134-1.21875 2.721179-2.71875 2.815013h-8.8125c-1.59375 0-2.8125-1.032171-2.8125-2.627346v-61.8364608c0-1.3136729.9375-2.4396782 2.15625-2.7211796l8.34375-1.9705094c1.78125-.3753351 3.375.9383378 3.375 2.7211797v3.9410187c4.3125-4.5978552 10.5-7.4128686 17.4375-7.4128686z"/><path d="m286.784651 56.7714543-3.114742 8.8348784c-.47193 1.0338688-1.415791 1.6917853-2.548424 1.6917853h-37.754442c-1.510178 0-2.831583 1.2218448-2.831583 2.819642v16.0719597c0 1.5977972 1.321405 2.8196421 2.831583 2.8196421l33.129523-.2819642c1.604563 0 2.831583 1.2218449 2.831583 2.819642v9.2108304c0 1.503809-1.22702 2.819642-2.831583 2.819642h-33.129523c-1.510178 0-2.831583 1.221845-2.831583 2.819642v37.783204c0 1.503809-1.227019 2.819642-2.831583 2.819642h-8.872294c-1.510178 0-2.831583-1.221845-2.831583-2.819642v-88.3487844c0-1.5038091 1.227019-2.8196421 2.831583-2.8196421h55.404643c1.982108-.1879761 3.303514 1.8797614 2.548425 3.7595228z"/><path d="m305 80.8356164v63.3287676c0 1.606849-1.281046 2.835616-2.745098 2.835616l-8.601307-.189041c-1.464053 0-2.653595-1.323288-2.653595-2.835617v-63.1397256c0-1.5123287 1.189542-2.8356164 2.745098-2.8356164h8.601307c1.464053 0 2.653595 1.3232877 2.653595 2.8356164z"/><path d="m306.594164 61.7142857s-6.763925 6.7460318-6.763925 6.7460318c-.721486.7195767-1.893899.7195767-2.615385 0l-6.67374-6.6560847c-.721485-.7195767-.721485-1.8888889 0-2.6084656l6.67374-6.6560847c.721486-.7195767 1.893899-.7195767 2.615385 0l6.67374 6.6560847s.090185.0899471.090185.0899471c.541115.7195767.541115 1.7089947 0 2.4285714z"/><path d="m518 80.8356164v63.3287676c0 1.606849-1.281046 2.835616-2.745098 2.835616l-8.601307-.189041c-1.464053 0-2.653595-1.323288-2.653595-2.835617v-63.1397256c0-1.5123287 1.189542-2.8356164 2.745098-2.8356164h8.601307c1.372549 0 2.653595 1.3232877 2.653595 2.8356164z"/></g><path d="m519.528402 61.7142857s-6.737121 6.7460318-6.737121 6.7460318c-.718626.7195767-1.886393.7195767-2.605019 0l-6.647292-6.6560847c-.718627-.7195767-.718627-1.8888889 0-2.6084656l6.647292-6.6560847c.718626-.7195767 1.886393-.7195767 2.605019 0l6.647292 6.6560847s.089829.0899471.089829.0899471c.628797.7195767.628797 1.7089947 0 2.4285714z" fill="#4e6eb5"/><path d="m463.249405 126.940239c.936053 1.040837 1.029659 2.649402.093606 3.690239-3.931423 4.636454-8.705294 8.515936-14.040796 11.25996-6.552372 3.406375-13.57277 5.109562-20.967589 5.109562-12.3559 0-23.962958-4.920319-32.761857-13.909363-8.705293-8.989043-13.572769-20.911354-13.572769-33.590637 0-12.6792829 4.773871-24.6015936 13.572769-33.5906375 8.705294-8.9890438 20.405957-13.9093625 32.761857-13.9093625 7.301214 0 14.228007 1.7031873 20.686773 5.0149402 5.241897 2.6494024 10.015768 6.434263 13.94719 10.9760957.936054 1.0408366.842448 2.6494023-.093605 3.690239l-7.394819 7.7589641c-1.123264 1.1354582-2.901764 1.0408367-3.837818-.189243-5.709923-7.4750996-14.228006-11.9223107-23.494931-11.9223107-16.661745 0-30.889751 14.4770916-30.889751 32.2659362 0 17.7888445 14.228006 32.2659365 30.889751 32.2659365 5.335502 0 10.577399-1.513944 15.164059-4.257968 3.369791-2.081674 6.365161-4.825698 8.705294-8.042829.936053-1.324701 2.808159-1.419323 3.837817-.283865z" fill="#2d3f51" fill-rule="nonzero"/><path d="m494.06015 132.524h-4.417293c-2.819549 0-5.169173-2.35-5.169173-5.17v-71.534c0-1.504-1.221804-2.82-2.819549-2.82h-8.834586c-1.50376 0-2.819549 1.222-2.819549 2.82v71.628c0 10.81 8.834586 19.552 19.548872 19.552h4.323308c.657895 0 1.12782-.47 1.12782-1.128v-12.314c0-.564-.37594-1.034-.93985-1.034z" fill="#2d3f51" fill-rule="nonzero"/><path d="m567.685349 78.002073c-8.033391.0945253-15.216188 3.0248096-20.225244 8.7908529v-4.6317397c0-2.2686072-1.89021-4.1591132-4.158462-4.1591132h-6.143182c-2.268251 0-4.158461 1.890506-4.158461 4.1591132v86.6797008c0 2.268607 1.89021 4.159113 4.158461 4.159113h6.143182c2.268252 0 4.158462-1.890506 4.158462-4.159113v-36.864867c4.158461 4.726265 10.301643 7.467498 18.713076 7.656549 17.200909.378101 28.731189-13.895219 28.826263-31.193349.093947-17.8652821-11.719864-30.6261976-27.314095-30.437147zm-4.536503 47.829802c-9.167518 0-16.633846-7.656549-16.633846-17.014554 0-9.4525301 7.466328-17.0145542 16.633846-17.0145542 9.167517 0 16.633846 7.6565494 16.633846 17.0145542 0 9.45253-7.371818 17.014554-16.633846 17.014554z" fill="#2d3f51"/><path d="m151.079426 44.7471429 38.63732 38.6495238c.37512.3752381.75024.7504762 1.031579 1.1257143 6.939713 7.9738095 6.939713 19.981429 0 27.955238-.375119.375238-.656459.750476-1.031579 1.125714l-38.63732 38.649524c-.750239.750476-2.063158.750476-2.813397 0l-11.253589-11.257143c-.750239-.750476-.750239-2.063809 0-2.814285l33.479426-33.49c3.469856-3.470953 3.469856-9.0995242 0-12.5704766l-33.479426-33.49c-.750239-.7504762-.750239-2.0638095 0-2.8142857l11.253589-11.2571429c.750239-.5628571 2.063158-.5628571 2.813397.1876191z" fill="url(#c)"/><path d="m102.782775 44.7471429 11.253589 11.2571428c.750239.7504762.750239 2.0638095 0 2.8142857l-33.4794262 33.3961905c-3.4698565 3.4709524-3.4698565 9.0995241 0 12.5704761l33.4794262 33.49c.750239.750476.750239 1.97 0 2.814286l-11.253589 11.257143c-.750239.750476-2.063158.750476-2.813397 0l-38.6373206-38.649524c-.3751196-.375238-.7502392-.750476-1.0315789-1.125714-6.9397129-7.97381-6.9397129-19.981429 0-27.9552385.3751196-.3752381.6564593-.7504762 1.0315789-1.1257143l38.6373206-38.6495238c.844019-.8442857 2.063158-.8442857 2.813397-.0938095z" fill="url(#d)"/><path d="m113.192344 6.84809524 24.851675 24.85952376c.750239.7504762.750239 2.0638096 0 2.8142858l-11.253588 11.2571428c-.75024.7504762-2.063158.7504762-2.813398 0l-19.693779-19.7c-3.469857-3.4709524-9.0966511-3.4709524-12.5665076 0l-66.0210526 66.1357143c-3.4698565 3.4709524-3.4698565 9.0995241 0 12.5704761l66.1148325 66.135714c3.4698565 3.470953 9.0966507 3.470953 12.5665067 0l19.69378-19.7c.75024-.750476 2.063158-.750476 2.813398 0l11.253588 11.257143c.750239.750476.750239 2.06381 0 2.814286l-24.851675 24.859524c-8.346411 8.349047-21.8507173 8.349047-30.1971288 0l-76.5244019-76.548572c-8.34641148-8.349047-8.34641148-21.8576187 0-30.2066663l76.430622-76.54857146c8.3464115-8.34904762 21.8507177-8.34904762 30.1971287 0z" fill="url(#e)"/></g></g><text fill="#fff" font-family="PingFangSC-Regular, PingFang SC" font-size="25" letter-spacing="4.92557187"><tspan x="66.481781" y="303">五行代码，让你的APP拥有小程序运行能力</tspan></text></g></svg>
\ No newline at end of file
-- 
2.47.3