Updated Sponsors list with GitHub sponsors

README.md

@@ -400,6 +400,121 @@ See the list of [contributors](https://github.com/hoppscotch/hoppscotch/graphs/c
 
 Become a financial contributor and help us sustain our community [[Contribute](https://opencollective.com/hoppscotch/contribute)].
 
+#### GitHub Sponsors
+
+<a href="https://zach.codes" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/zackify.png?size=128"
+	alt="Zach Silveira"
+/>
+</a>
+<a href="https://github.com/pantharshit00" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/pantharshit00.png?size=128"
+	alt="Harshit Pant"
+/>
+</a>
+<a href="https://github.com/janpio" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/janpio.png?size=128"
+	alt="Jan Piotrowski"
+/>
+</a>
+<a href="https://github.com/ankumar" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/ankumar.png?size=128"
+	alt="Anil Kumar"
+/>
+</a>
+<a href="https://github.com/gpeal" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/gpeal.png?size=128"
+	alt="Gabriel Peal"
+/>
+</a>
+<a href="https://github.com/koddsson" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/koddsson.png?size=128"
+	alt="Kristján Oddsson"
+/>
+</a>
+<a href="https://github.com/donokuda" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/donokuda.png?size=128"
+	alt="Don Okuda"
+/>
+</a>
+<a href="https://github.com/ebrescia" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/ebrescia.png?size=128"
+	alt="Erica Brescia"
+/>
+</a>
+<a href="https://github.com/pedroapfilho" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/pedroapfilho.png?size=128"
+	alt="Pedro Filho"
+/>
+</a>
+<a href="https://github.com/peterp" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/peterp.png?size=128"
+	alt="Peter Pistorius"
+/>
+</a>
+<a href="http://tom.preston-werner.com" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/mojombo.png?size=128"
+	alt="Tom Preston-Werner"
+/>
+</a>
+<a href="https://github.com/mlynch" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/mlynch.png?size=128"
+	alt="Max Lynch"
+/>
+</a>
+<a href="https://github.com/rawkode" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/rawkode.png?size=128"
+	alt="David McKay"
+/>
+</a>
+<a href="https://github.com/brianshaler" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/brianshaler.png?size=128"
+	alt="Brian Shaler"
+/>
+</a>
+<a href="https://github.com/mxstbr" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/mxstbr.png?size=128"
+	alt="Max Stoiber"
+/>
+</a>
+<a href="https://github.com/jjcaine" target="_blank" rel="noopener">
+<img
+	style="max-width: 64px; max-height: 64px; border-radius: 100%"
+	src="https://github.com/jjcaine.png?size=128"
+	alt="John Caine"
+/>
+</a>
+
 #### Organizations
 
 Support this project with your organization. Your logo will show up here with a link to your website [[Contribute](https://opencollective.com/hoppscotch/contribute)].

components/layout/contributors.vue

@@ -89,7 +89,7 @@
     <div class="contributors">
       <a href="https://tyk.io" target="_blank" rel="noopener">
         <img
-          style="max-width: 320px;"
+          style="max-width: 320px"
           src="~assets/images/Tyk-side-project-logo-tagline-blk.png"
           alt="Tyk Banner"
         />
@@ -134,21 +134,124 @@
       <a class="link" href="https://opencollective.com/hoppscotch/contribute">Contribute</a>.
     </p>
     <div class="contributors">
+      <a href="https://zach.codes" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/zackify.png?size=128"
+          alt="Zach Silveira"
+        />
+      </a>
+      <a href="https://github.com/pantharshit00" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/pantharshit00.png?size=128"
+          alt="Harshit Pant"
+        />
+      </a>
+      <a href="https://github.com/janpio" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/janpio.png?size=128"
+          alt="Jan Piotrowski"
+        />
+      </a>
+      <a href="https://github.com/ankumar" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/ankumar.png?size=128"
+          alt="Anil Kumar"
+        />
+      </a>
+      <a href="https://github.com/gpeal" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/gpeal.png?size=128"
+          alt="Gabriel Peal"
+        />
+      </a>
+      <a href="https://github.com/koddsson" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/koddsson.png?size=128"
+          alt="Kristján Oddsson"
+        />
+      </a>
+      <a href="https://github.com/donokuda" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/donokuda.png?size=128"
+          alt="Don Okuda"
+        />
+      </a>
+      <a href="https://github.com/ebrescia" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/ebrescia.png?size=128"
+          alt="Erica Brescia"
+        />
+      </a>
+      <a href="https://github.com/pedroapfilho" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/pedroapfilho.png?size=128"
+          alt="Pedro Filho"
+        />
+      </a>
+      <a href="https://github.com/peterp" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/peterp.png?size=128"
+          alt="Peter Pistorius"
+        />
+      </a>
       <a href="http://tom.preston-werner.com" target="_blank" rel="noopener">
         <img
-          style="max-width: 64px; max-height: 64px; border-radius: 100%;"
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
-          src="https://github.com/mojombo.png?size=64"
+          src="https://github.com/mojombo.png?size=128"
           alt="Tom Preston-Werner"
         />
       </a>
+      <a href="https://github.com/mlynch" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/mlynch.png?size=128"
+          alt="Max Lynch"
+        />
+      </a>
+      <a href="https://github.com/rawkode" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/rawkode.png?size=128"
+          alt="David McKay"
+        />
+      </a>
+      <a href="https://github.com/brianshaler" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/brianshaler.png?size=128"
+          alt="Brian Shaler"
+        />
+      </a>
+      <a href="https://github.com/mxstbr" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/mxstbr.png?size=128"
+          alt="Max Stoiber"
+        />
+      </a>
+      <a href="https://github.com/jjcaine" target="_blank" rel="noopener">
+        <img
+          style="max-width: 64px; max-height: 64px; border-radius: 100%"
+          src="https://github.com/jjcaine.png?size=128"
+          alt="John Caine"
+        />
+      </a>
       <a href="https://opencollective.com/hoppscotch">
         <img src="https://opencollective.com/hoppscotch/individuals.svg" />
       </a>
     </div>
     <h3 class="title">Code Contributors</h3>
-    <p class="info">
+    <p class="info">This project exists thanks to all the people who contribute.</p>
-      This project exists thanks to all the people who contribute.
-    </p>
     <div class="contributors">
       <a href="https://github.com/liyasthomas/hoppscotch/graphs/contributors">
         <img src="https://opencollective.com/hoppscotch/contributors.svg" />

components/layout/pw-header.vue

@@ -362,34 +362,34 @@ export default {
         })
       }
 
-      let showAd = localStorage.getItem("showAd") === "no"
+      // let showAd = localStorage.getItem("showAd") === "no"
-      if (!showAd) {
+      // if (!showAd) {
-        setTimeout(() => {
+      //   setTimeout(() => {
-          this.$toast.clear()
+      //     this.$toast.clear()
-          this.$toast.show(
+      //     this.$toast.show(
-            "<span>Postwoman is now Hoppscotch 🎉<br><u><a href='https://dev.to/liyasthomas/postwoman-is-changing-name-igp' target='_blank' rel='noopener'>Read the announcement</a></u> →<br><sub>Whoosh this away to dismiss.</sub></span>",
+      //       "<span>Postwoman is now Hoppscotch 🎉<br><u><a href='https://dev.to/liyasthomas/postwoman-is-changing-name-igp' target='_blank' rel='noopener'>Read the announcement</a></u> →<br><sub>Whoosh this away to dismiss.</sub></span>",
-            {
+      //       {
-              icon: "",
+      //         icon: "",
-              duration: 0,
+      //         duration: 0,
-              theme: "toasted-ad",
+      //         theme: "toasted-ad",
-              action: [
+      //         action: [
-                {
+      //           {
-                  text: "GitHub",
+      //             text: "GitHub",
-                  icon: "chevron_right",
+      //             icon: "chevron_right",
-                  onClick: (e, toastObject) => {
+      //             onClick: (e, toastObject) => {
-                    // localStorage.setItem("showAd", "no")
+      //               // localStorage.setItem("showAd", "no")
-                    toastObject.goAway(0)
+      //               toastObject.goAway(0)
-                    window.open("https://github.com/hoppscotch/hoppscotch")
+      //               window.open("https://github.com/hoppscotch/hoppscotch")
-                  },
+      //             },
-                },
+      //           },
-              ],
+      //         ],
-              onComplete() {
+      //         onComplete() {
-                // localStorage.setItem("showAd", "no")
+      //           // localStorage.setItem("showAd", "no")
-              },
+      //         },
-            }
+      //       }
-          )
+      //     )
-        }, 8000)
+      //   }, 8000)
-      }
+      // }
 
       let showExtensionsToast = localStorage.getItem("showExtensionsToast") === "yes"