Add Speakeasy sponsor (#1919)

Author: drwpow

README.md

@@ -16,16 +16,23 @@ Ultra-fast fetching for TypeScript generated automatically from your OpenAPI sch
 
 ### 🥇 Gold Sponsors
 
-<p align="center"><a href="https://zuplo.link/openapi-ts-gh"><img width="128" height="128" alt="Zuplo" src="https://avatars.githubusercontent.com/u/85497839?s=200&v=4"></a></p>
+<p align="center">
+  <a href="https://zuplo.link/openapi-ts-gh"><img width="120" height="120" alt="Zuplo" src="https://avatars.githubusercontent.com/u/85497839?s=200&v=4"></a>
+  <a href="https://www.speakeasy.com/product/sdk-generation?utm_source=pow_openapi_ts" target="_blank"><img width="276" height="120" src="./docs/public/assets/speakeasy.svg" /></a>
+</p>
 
 ### 🥈 Silver Sponsors
 
 <p align="center"><a href="https://github.com/nanabit-inc"><img width="128" height="128" alt="nanabit" src="https://avatars.githubusercontent.com/u/154126976?s=200&v=4"></a></p>
 
 ### Backers
 
-<p align="center"><a href="https://github.com/customerio"><img width="64" height="64" alt="@customerio on GitHub" src="https://avatars.githubusercontent.com/u/1152079?s=200&v=4"></a>
-<a href="https://github.com/shaunpersad"><img width="64" height="64" alt="@shaunpersad on GitHub" src="https://avatars.githubusercontent.com/u/1702976?s=52&v=4"></a><a href="https://github.com/yoshi2no"><img width="64" height="64" alt="@yoshi2no on GitHub" src="https://avatars.githubusercontent.com/u/57059705?v=4"></a></p>
+<p align="center">
+  <a href="https://github.com/customerio"><img width="64" height="64" alt="@customerio on GitHub" src="https://avatars.githubusercontent.com/u/1152079?s=200&v=4"></a>
+  <a href="https://github.com/shaunpersad"><img width="64" height="64" alt="@shaunpersad on GitHub" src="https://avatars.githubusercontent.com/u/1702976?s=52&v=4"></a>
+  <a href="https://github.com/yoshi2no"><img width="64" height="64" alt="@yoshi2no on GitHub" src="https://avatars.githubusercontent.com/u/57059705?v=4"></a>
+  <a href="https://github.com/siketyan"><img width="64" height="64" alt="@siketyan on GitHub" src="https://avatars.githubusercontent.com/u/12772118?v=4"></a>
+</p>
 
 Become a sponsor by supporting this project on [OpenCollective](https://opencollective.com/openapi-ts)!
 

docs/.vitepress/theme/CustomLayout.vue

@@ -42,8 +42,16 @@ const { Layout } = DefaultTheme;
     <!-- Silver sponsor logos -->
     <template #sidebar-nav-after>
       <div class="sidenav-sponsors">
+        <h5>Gold Sponsors</h5>
+        <ul class="sponsor-list sponsor-list--gold">
+          <li v-for="sponsor in sponsors.gold" :key="sponsor.name">
+            <a :href="sponsor.url" target="_blank" :title="sponsor.name">
+              <img :src="sponsor.logo" :alt="sponsor.description" />
+            </a>
+          </li>
+        </ul>
         <h5>Silver Sponsors</h5>
-        <ul>
+        <ul class="sponsor-list sponsor-list--silver">
           <li v-for="sponsor in sponsors.silver" :key="sponsor.name">
             <a :href="sponsor.url" target="_blank" :title="sponsor.name">
               <img :src="sponsor.logo" :alt="sponsor.description" />
@@ -124,11 +132,18 @@ const { Layout } = DefaultTheme;
   flex-wrap: wrap;
   gap: 1.25rem;
   list-style: none;
-  margin: 1.5rem 0 0;
+  margin: 1rem 0;
   padding: 0;
 }
 
-.sidenav-sponsors img {
+.sponsor-list--gold {
+  img {
+    height: auto;
+    width: 100%;
+  }
+}
+
+.sponsor-list--silver img {
   height: 3rem;
   width: auto;
 }

docs/.vitepress/theme/SponsorList.vue

@@ -5,7 +5,19 @@ import sponsors from "../../data/sponsors.json";
 <template>
   <ul class="sponsors-list">
     <li
-      v-for="sponsor in [...sponsors.gold, ...sponsors.silver]"
+      v-for="sponsor in sponsors.gold"
+      class="sponsor sponsor--gold"
+      :key="sponsor.name"
+    >
+      <a :href="sponsor.url" target="_blank" :title="sponsor.name">
+        <img :src="sponsor.logo" :alt="sponsor.description" />
+      </a>
+    </li>
+  </ul>
+  <ul class="sponsors-list">
+    <li
+      v-for="sponsor in sponsors.silver"
+      class="sponsor sponsor--silver"
       :key="sponsor.name"
     >
       <a :href="sponsor.url" target="_blank" :title="sponsor.name">
@@ -23,17 +35,22 @@ import sponsors from "../../data/sponsors.json";
   list-style: none;
   justify-content: center;
   gap: 1.5rem;
-  margin: 0;
+  margin: 0 auto 3rem;
   padding: 0;
 }
 
-.sponsors-list li {
-  margin: 0;
-  padding: 0;
+.sponsor--gold img {
+  height: 8rem;
+  width: auto;
 }
 
-.sponsors-list img {
+.sponsor--silver img {
   height: 3rem;
   width: auto;
 }
+
+.sponsors-list li {
+  margin: 0;
+  padding: 0;
+}
 </style>

docs/data/contributors.json

@@ -1,9 +1,9 @@
 {
   "gold": [
     {
-      "name": "Zuplo",
-      "logo": "https://avatars.githubusercontent.com/u/85497839?s=200&v=4",
-      "url": "https://zuplo.link/openapi-ts-web"
+      "name": "Speakeasy",
+      "logo": "/assets/speakeasy.svg",
+      "url": "https://www.speakeasy.com/product/sdk-generation?utm_source=pow_openapi_ts"
     }
   ],
   "silver": [