Add GitHub Sponsors

5 files changed, 34 insertions, 2 deletions

diff --git a/Makefile b/Makefile
index e6a0747..6f4ec87 100644
--- a/Makefile
+++ b/Makefile
@@ -4,6 +4,7 @@ build/files += public/imworkingon/imworkingon.css
 generate/files  = public/sponsor/liberapay-icon.svg
 generate/files += public/sponsor/kofi-icon.png
 generate/files += public/sponsor/patreon-icon.svg
+generate/files += public/sponsor/github-icon.svg
 
 ################################################################################
 
@@ -37,3 +38,5 @@ public/sponsor/kofi-icon.png:
 	curl -L https://storage.ko-fi.com/cdn/cup-border.png >$@
 public/sponsor/patreon-icon.svg:
 	curl -L https://theme.zdassets.com/theme_assets/421814/642051a1900f62924e9512621d2f1838988e9245.svg >$@
+public/sponsor/github-icon.svg:
+	curl -L https://github.githubassets.com/favicons/favicon.svg >$@
diff --git a/public/index.html b/public/index.html
index 92c664f..9041067 100644
--- a/public/index.html
+++ b/public/index.html
@@ -31,7 +31,17 @@
         <a class="donate-btn liberapay" href="https://liberapay.com/lukeshu/donate">
             <img src="sponsor/liberapay-icon.svg"
                  alt="Liberapay icon" />
-            Liberapay</a>
+            Liberapay
+        </a>
+
+        <br/>
+
+        <a class="donate-btn github" href="https://github.com/sponsors/LukeShu">
+            <img src="sponsor/github-icon.svg"
+                 alt=GitHub icon" />
+            GitHub
+        </a>
+
         <br/>
 
         <a class="donate-btn kofi" href='https://ko-fi.com/lukeshu'>
diff --git a/public/sponsor/github-icon.svg b/public/sponsor/github-icon.svg
new file mode 100644
index 0000000..bf1081a
--- /dev/null
+++ b/public/sponsor/github-icon.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z" fill="#24292E"/>
+</svg>
diff --git a/public/sponsor/index.html b/public/sponsor/index.html
index 9d9e823..2499b1f 100644
--- a/public/sponsor/index.html
+++ b/public/sponsor/index.html
@@ -50,7 +50,11 @@ to cut back my activities by at least 50% in the next year.</p>
              alt="Liberapay icon" />
 	Liberapay<!-- (0% fee) -->
     </a></li>
-    <!--<li><a href="https://github.com/sponsors/LukeShu">GitHub Sponsors</a></li>-->
+    <li><a class="donate-btn github" href="https://github.com/sponsors/LukeShu">
+	<img src="github-icon.svg"
+	     alt=GitHub icon" />
+	GitHub<!-- (0% fee from individuals, 6% fee from organizations) -->
+    </a></li>
     <li><a class="donate-btn kofi" href="https://ko-fi.com/lukeshu">
 	<img src="kofi-icon.png"
              alt="Ko-fi icon" />
diff --git a/public/sponsor/sponsor.css b/public/sponsor/sponsor.css
index 6975341..0059dc4 100644
--- a/public/sponsor/sponsor.css
+++ b/public/sponsor/sponsor.css
@@ -30,6 +30,18 @@ a.donate-btn.liberapay:hover {
     background-color: #fbce1a;
 }
 
+/* GitHub */
+
+a.donate-btn.github {
+    background-color: #f6f8fa;
+    color: #24292f;
+    outline: solid 1px #d0d7de;
+    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif;
+}
+a.donate-btn.github:hover {
+    background-color: #eef1f4;
+}
+
 /* Ko-fi */
 
 a.donate-btn.kofi {