Added Cash App Support

Added in Cash App style.

Added in Logo:
 - Cash App Dollar
 - Cash App Pound
 - Cash App BTC
This commit is contained in:
kebin 2022-02-07 18:51:17 -08:00
parent d56c40d0c8
commit 47dd8317b1
5 changed files with 72 additions and 1 deletions

View file

@ -115,6 +115,14 @@ button:hover,
.button.button-venmo:focus { .button.button-venmo:focus {
filter: brightness(90%) } 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 */ /* Discord */
.button.button-discord { .button.button-discord {
color: #FFFFFF; color: #FFFFFF;

View file

@ -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>

After

Width:  |  Height:  |  Size: 1.6 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -239,6 +239,18 @@
<!-- Venmo --> <!-- Venmo -->
<a class="button button-venmo" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/venmo.svg" alt="Venmo Logo">Venmo</a> <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>
<br> <br>