From 47dd8317b112f52ba759a90fe114e0e571e194ae Mon Sep 17 00:00:00 2001
From: kebin <kebinImports@gmail.com>
Date: Mon, 7 Feb 2022 18:51:17 -0800
Subject: [PATCH] Added Cash App Support

Added in Cash App style.

Added in Logo:
 - Cash App Dollar
 - Cash App Pound
 - Cash App BTC
---
 css/brands.css                  |  8 ++++++++
 images/icons/cashapp_btc.svg    | 17 +++++++++++++++++
 images/icons/cashapp_dollar.svg | 17 +++++++++++++++++
 images/icons/cashapp_pound.svg  | 17 +++++++++++++++++
 index.html                      | 14 +++++++++++++-
 5 files changed, 72 insertions(+), 1 deletion(-)
 create mode 100644 images/icons/cashapp_btc.svg
 create mode 100644 images/icons/cashapp_dollar.svg
 create mode 100644 images/icons/cashapp_pound.svg

diff --git a/css/brands.css b/css/brands.css
index 5c57cf2..accef34 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -115,6 +115,14 @@ button:hover,
 .button.button-venmo:focus {
   filter: brightness(90%) }
 
+/* Cash App */
+.button.button-cashapp {
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #00D64B, #00C244); }
+.button.button-cashapp:hover,
+.button.button-cashapp:focus {
+  filter: brightness(90%) }
+
 /* Discord */
 .button.button-discord {
   color: #FFFFFF;
diff --git a/images/icons/cashapp_btc.svg b/images/icons/cashapp_btc.svg
new file mode 100644
index 0000000..d324cf4
--- /dev/null
+++ b/images/icons/cashapp_btc.svg
@@ -0,0 +1,17 @@
+<svg id="Layer_1" data-name="Layer 1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64">
+    <defs>
+        <style>.cls-1{fill-rule:evenodd;fill:url(#New_Gradient_Swatch_2);}.cls-2{fill:#fff;}</style>
+        <linearGradient id="New_Gradient_Swatch_2" x1="43.2" y1="86.4" x2="43.2" gradientUnits="userSpaceOnUse">
+            <stop offset="0" stop-color="#00c244"/>
+            <stop offset="1" stop-color="#00d64b"/>
+        </linearGradient>
+        <symbol id="RGB_BTC" data-name="RGB BTC" viewBox="0 0 86.4 86.4">
+            <path class="cls-1" d="M56.28,0C65,0,69.29,0,74,1.48a18.34,18.34,0,0,1,11,11c1.48,4.67,1.48,9,1.48,17.68V56.28c0,8.67,0,13-1.48,17.68a18.34,18.34,0,0,1-11,11c-4.67,1.48-9,1.48-17.68,1.48H30.12c-8.67,0-13,0-17.68-1.48a18.34,18.34,0,0,1-11-11C0,69.29,0,65,0,56.28V30.12c0-8.67,0-13,1.48-17.68a18.34,18.34,0,0,1,11-11C17.11,0,21.45,0,30.12,0Z"/>
+            <path class="cls-2" d="M55.69,42.59c4.51-1.28,8.22-4.87,8.22-10.17,0-5.79-4.4-9.55-10.46-10.64l1-5a1.73,1.73,0,0,0-1.69-2.09H46.43a1.73,1.73,0,0,0-1.7,1.37l-1.15,5.4H33.1a1.31,1.31,0,0,0-1.27,1l-9,40.9a1.3,1.3,0,0,0,1.27,1.57h9.86l-1,4.64a1.77,1.77,0,0,0,1.68,2.14H41a1.74,1.74,0,0,0,1.71-1.38l1.14-5.4h1c10.23,0,16.75-5.6,16.75-12.85A10.35,10.35,0,0,0,55.69,42.59ZM44.61,56.72H34.17l2.3-10.42H45c4.2,0,6.76,1.77,6.76,4.94S49.11,56.72,44.61,56.72ZM48.2,38.63h-10l2-8.89h8.5c3.47,0,5.48,1.58,5.48,4.2C54.11,37.05,51.67,38.63,48.2,38.63Z"/>
+        </symbol>
+    </defs>
+    <title>Cash App - BTC - Icon</title>
+    <use id="RGB_BTC-3" data-name="RGB BTC" width="64" height="64" xlink:href="#RGB_BTC"/>
+</svg>
\ No newline at end of file
diff --git a/images/icons/cashapp_dollar.svg b/images/icons/cashapp_dollar.svg
new file mode 100644
index 0000000..b0579ff
--- /dev/null
+++ b/images/icons/cashapp_dollar.svg
@@ -0,0 +1,17 @@
+<svg id="Layer_1" data-name="Layer 1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64">
+    <defs>
+        <style>.cls-1{fill-rule:evenodd;fill:url(#New_Gradient_Swatch_2);}.cls-2{fill:#fff;}</style>
+        <linearGradient id="New_Gradient_Swatch_2" x1="43.2" y1="86.4" x2="43.2" gradientUnits="userSpaceOnUse">
+            <stop offset="0" stop-color="#00c244"/>
+            <stop offset="1" stop-color="#00d64b"/>
+        </linearGradient>
+        <symbol id="RGB_Dollar" data-name="RGB Dollar" viewBox="0 0 86.4 86.4">
+            <path class="cls-1" d="M56.28,0C65,0,69.29,0,74,1.48a18.34,18.34,0,0,1,11,11c1.48,4.67,1.48,9,1.48,17.68V56.28c0,8.67,0,13-1.48,17.68a18.34,18.34,0,0,1-11,11c-4.67,1.48-9,1.48-17.68,1.48H30.12c-8.67,0-13,0-17.68-1.48a18.34,18.34,0,0,1-11-11C0,69.29,0,65,0,56.28V30.12c0-8.67,0-13,1.48-17.68a18.34,18.34,0,0,1,11-11C17.11,0,21.45,0,30.12,0Z"/>
+            <path class="cls-2" d="M45.4,28.33A18,18,0,0,1,57,32.59a1.77,1.77,0,0,0,2.43-.05l3.34-3.35a1.71,1.71,0,0,0-.09-2.51,26.48,26.48,0,0,0-8.93-5l1-4.93a1.74,1.74,0,0,0-1.71-2.09H46.61a1.75,1.75,0,0,0-1.71,1.37L44,20.44c-8.56.42-15.82,4.66-15.82,13.35,0,7.51,6,10.74,12.34,13,6,2.23,9.18,3.06,9.18,6.2s-3.17,5.12-7.84,5.12a17.26,17.26,0,0,1-12.19-4.77,1.74,1.74,0,0,0-2.44,0l-3.58,3.5a1.73,1.73,0,0,0,0,2.49A23.71,23.71,0,0,0,34,65l-1,4.57a1.78,1.78,0,0,0,1.7,2.14h6.45a1.75,1.75,0,0,0,1.72-1.38L43.8,66c10.26-.63,16.53-6.15,16.53-14.23,0-7.44-6.25-10.58-13.84-13.14C42.15,37,38.4,35.93,38.4,32.71S41.9,28.33,45.4,28.33Z"/>
+        </symbol>
+    </defs>
+    <title>Cash App - Dollar - Icon</title>
+    <use width="64" height="64" xlink:href="#RGB_Dollar"/>
+</svg>
\ No newline at end of file
diff --git a/images/icons/cashapp_pound.svg b/images/icons/cashapp_pound.svg
new file mode 100644
index 0000000..da43d7b
--- /dev/null
+++ b/images/icons/cashapp_pound.svg
@@ -0,0 +1,17 @@
+<svg id="Layer_1" data-name="Layer 1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64">
+    <defs>
+        <style>.cls-1{fill-rule:evenodd;fill:url(#New_Gradient_Swatch_2);}.cls-2{fill:#fff;}</style>
+        <linearGradient id="New_Gradient_Swatch_2" x1="43.2" y1="86.4" x2="43.2" gradientUnits="userSpaceOnUse">
+            <stop offset="0" stop-color="#00c244"/>
+            <stop offset="1" stop-color="#00d64b"/>
+        </linearGradient>
+        <symbol id="RGB_Pound" data-name="RGB Pound" viewBox="0 0 86.4 86.4">
+            <path class="cls-1" d="M56.28,0C65,0,69.29,0,74,1.48a18.34,18.34,0,0,1,11,11c1.48,4.67,1.48,9,1.48,17.68V56.28c0,8.67,0,13-1.48,17.68a18.34,18.34,0,0,1-11,11c-4.67,1.48-9,1.48-17.68,1.48H30.12c-8.67,0-13,0-17.68-1.48a18.34,18.34,0,0,1-11-11C0,69.29,0,65,0,56.28V30.12c0-8.67,0-13,1.48-17.68a18.34,18.34,0,0,1,11-11C17.11,0,21.45,0,30.12,0Z"/>
+            <path class="cls-2" d="M49.73,27.68a7.8,7.8,0,0,1,6.86,4.15,1.49,1.49,0,0,0,2.26.22l5-4.81a1.45,1.45,0,0,0,.15-1.9A17.33,17.33,0,0,0,49.44,18c-9.63,0-17.87,6.12-17.87,16.33A21.41,21.41,0,0,0,32,38.54h-2.7a1.43,1.43,0,0,0-1.46,1.1L26.68,45a1.45,1.45,0,0,0,1.39,1.75h5.69l.22,1a8.7,8.7,0,0,1,.22,1.89c0,4.23-4.45,8.32-9.85,10a1.4,1.4,0,0,0-1,1.09L22.16,66a1.5,1.5,0,0,0,1.46,1.75H57.86a1.47,1.47,0,0,0,1.38-1.16l1.46-6.71a1.42,1.42,0,0,0-1.38-1.75H41.2c2.19-2.05,3.43-7.37,3-11.38h9a1.42,1.42,0,0,0,1.46-1.17l1.17-5.32a1.47,1.47,0,0,0-1.46-1.76H42.66c-.08-.94-.15-1.89-.15-2.69C42.51,30.23,45.87,27.68,49.73,27.68Z"/>
+        </symbol>
+    </defs>
+    <title>Cash App - Pound - Icon</title>
+    <use width="64" height="64" xlink:href="#RGB_Pound"/>
+</svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 5b1a69f..84edf0a 100644
--- a/index.html
+++ b/index.html
@@ -239,7 +239,19 @@
 
         <!-- Venmo -->
         <a class="button button-venmo" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/venmo.svg" alt="Venmo Logo">Venmo</a>
+        <br>
 
+        <!-- Cash App Dollar -->
+        <a class="button button-cashapp" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/cashapp_dollar.svg" alt="Cash App Logo">Cash App Dollar</a>
+        <br>
+
+        <!-- Cash App Pound -->
+        <a class="button button-cashapp" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/cashapp_pound.svg" alt="Cash App Logo">Cash App Pound</a>
+        <br>
+
+        <!-- Cash App BTC -->
+        <a class="button button-cashapp" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/cashapp_btc.svg" alt="Cash App Logo">Cash App Bitcoin</a>
+        
         <br>
         <br>
         <p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
@@ -251,4 +263,4 @@
 <!-- End Document
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 </body>
-</html>
+</html>
\ No newline at end of file