From 5b2fc12480de7f212cbd0cbb4a285540dc30dc26 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Fri, 13 Mar 2020 09:44:43 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=B1=20Added=20GitHub=20sponsor=20link?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/layout/contributors.vue | 61 ++++++++++++++++++++++--------
 components/layout/footer.vue       |  5 +++
 2 files changed, 51 insertions(+), 15 deletions(-)

diff --git a/components/layout/contributors.vue b/components/layout/contributors.vue
index 7e9144d21..7d9f8f14b 100644
--- a/components/layout/contributors.vue
+++ b/components/layout/contributors.vue
@@ -6,18 +6,21 @@
     <p class="info">
       {{ $t("donate_info2") }}
     </p>
-    <div>
-      <a
-        href="https://opencollective.com/postwoman"
-        target="_blank"
-        rel="noopener"
-        v-tooltip.right="$t('one_time_recurring')"
-      >
-        <button class="icon">
-          <i class="material-icons">donut_large</i>
-          <span>{{ $t("open_collective") }}</span>
-        </button>
-      </a>
+    <div class="flex-wrap">
+      <span>
+        <a
+          href="https://opencollective.com/postwoman"
+          target="_blank"
+          rel="noopener"
+          v-tooltip.right="$t('one_time_recurring')"
+        >
+          <button class="icon">
+            <i class="material-icons">donut_large</i>
+            <span>{{ $t("open_collective") }}</span>
+          </button>
+        </a>
+        🔥 HOT
+      </span>
     </div>
     <div>
       <a
@@ -45,17 +48,45 @@
         </button>
       </a>
     </div>
+    <div class="flex-wrap">
+      <span>
+        <a
+          href="https://github.com/sponsors/postwoman-io"
+          target="_blank"
+          rel="noopener"
+          v-tooltip.right="$t('recurring')"
+        >
+          <button class="icon">
+            <i class="material-icons">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                class="material-icons"
+              >
+                <path
+                  d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+                />
+              </svg>
+            </i>
+            <span>GitHub</span>
+          </button>
+        </a>
+        🎉 NEW
+      </span>
+    </div>
     <hr />
     <h3 class="title">Financial Contributors</h3>
     <p class="info">
       Become a financial contributor and help us sustain our community.
-      <a class="link" href="https://opencollective.com/postwoman/contribute">[Contribute]</a>.
+      <a class="link" href="https://opencollective.com/postwoman/contribute">Contribute</a>.
     </p>
     <h3 class="title">Organizations</h3>
     <p class="info">
       Support this project with your organization. Your logo will show up here with a link to your
       website.
-      <a class="link" href="https://opencollective.com/postwoman/contribute">[Contribute]</a>.
+      <a class="link" href="https://opencollective.com/postwoman/contribute">Contribute</a>.
     </p>
     <div class="contributors">
       <a href="https://opencollective.com/postwoman/organization/0/website">
@@ -93,7 +124,7 @@
     <p class="info">
       Support this project with your organization. Your logo will show up here with a link to your
       website.
-      <a class="link" href="https://opencollective.com/postwoman/contribute">[Contribute]</a>.
+      <a class="link" href="https://opencollective.com/postwoman/contribute">Contribute</a>.
     </p>
     <div class="contributors">
       <a href="https://opencollective.com/postwoman">
diff --git a/components/layout/footer.vue b/components/layout/footer.vue
index d8d149f7e..7ef2772c7 100644
--- a/components/layout/footer.vue
+++ b/components/layout/footer.vue
@@ -62,6 +62,11 @@
 <style scoped lang="scss">
 .footer-link {
   margin: 8px 16px;
+  color: var(--fg-light-color);
+
+  &:hover {
+    color: var(--fg-color);
+  }
 }
 </style>