Updated sponsors list

README.md

@@ -392,6 +392,20 @@ Become a financial contributor and help us sustain our community [[Support](#sup
 
 #### GitHub Sponsors
 
+<a href="https://github.com/gianlucapisati" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/gianlucapisati.png?size=64"
+	alt="Gianluca Pisati"
+/>
+</a>
+<a href="https://github.com/kcomain" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/kcomain.png?size=64"
+	alt="Kenny Cheung"
+/>
+</a>
 <a href="https://github.com/scmmishra" target="_blank" rel="noopener">
 <img
 	style="max-width: 64px; max-height: 64px; border-radius: 100%"
@@ -493,6 +507,16 @@ Become a financial contributor and help us sustain our community [[Support](#sup
 
 #### Open Collective
 
+**🧚 Angel Sponsors**
+
+<a href="https://paw.cloud/?utm_source=hoppscotch&utm_medium=github&utm_campaign=hoppscotch-sponsorship" target="_blank" rel="noopener">
+<img
+	style="max-width: 200px; max-height: 200px;"
+	src="https://raw.githubusercontent.com/hoppscotch/hoppscotch/main/assets/images/Paw-Logo-for-Hoppscotsh.png"
+	alt="Paw"
+/>
+</a>
+
 <a href="https://opencollective.com/hoppscotch/organization/0/website"><img src="https://opencollective.com/hoppscotch/organization/0/avatar.svg"></a>
 <a href="https://opencollective.com/hoppscotch/organization/1/website"><img src="https://opencollective.com/hoppscotch/organization/1/avatar.svg"></a>
 

components/layout/contributors.vue

@@ -76,6 +76,15 @@
     </div>
     <hr />
     <h3 class="title">Financial Contributors</h3>
+    <div class="contributors">
+      <a
+        href="https://paw.cloud/?utm_source=hoppscotch&utm_medium=website&utm_campaign=hoppscotch-sponsorship"
+        target="_blank"
+        rel="noopener"
+      >
+        <img style="max-width: 320px" src="~assets/images/Paw-Logo-for-Hoppscotsh.png" alt="Paw" />
+      </a>
+    </div>
     <div class="contributors">
       <a href="https://tyk.io" target="_blank" rel="noopener">
         <img

components/layout/pw-footer.vue

@@ -1,7 +1,11 @@
 <template>
   <footer class="flex-col flex-no-wrap">
     <div class="row-wrapper">
-      <span v-if="version.name" class="font-mono">
+      <span
+        v-if="version.name"
+        class="flex flex-col flex-wrap justify-start font-mono md:flex-row"
+        style="align-items: start"
+      >
         <a
           class="footer-link"
           :href="'https://github.com/hoppscotch/hoppscotch/releases/tag/' + version.name"
@@ -11,13 +15,16 @@
         >
           {{ version.name }}
         </a>
+        <a class="footer-link" href="https://www.netlify.com" target="_blank" rel="noopener">
+          Powered by Netlify
+        </a>
         <a
-          class="footer-link hide-on-small-screen"
-          href="https://www.netlify.com"
+          class="footer-link"
+          href="https://paw.cloud/?utm_source=hoppscotch&utm_medium=website&utm_campaign=hoppscotch-sponsorship"
           target="_blank"
           rel="noopener"
         >
-          Powered by Netlify
+          Sponsored by Paw
         </a>
         <!-- <span v-if="version.hash">
           -
@@ -29,7 +36,10 @@
         </span> -->
         <!-- <span v-if="version.variant">({{version.variant}})</span> -->
       </span>
-      <span>
+      <span
+        class="flex flex-col flex-wrap justify-start font-mono md:flex-row"
+        style="align-items: start"
+      >
         <a href="https://liyasthomas.web.app" target="_blank" rel="noopener">
           <button class="icon" v-tooltip="'Liyas Thomas'">🦄</button>
         </a>
@@ -59,6 +69,8 @@
 
 <style scoped lang="scss">
 .footer-link {
+  @apply inline-flex;
+  @apply flex-shrink-0;
   @apply my-2;
   @apply mx-4;
   @apply text-fgLightColor;