Infra-Mirrors/littlelink
1
0
Fork 0
mirror of https://github.com/sethcottle/littlelink.git synced 2024-12-23 22:29:36 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #16 from Samuel-Hoskin/main

Browse Source 
Added PayPal as a link Option
This commit is contained in:
Seth Cottle 2021-08-18 10:00:15 -04:00 committed by GitHub
commit 0ae1712e72
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/brands.css
View File

@ -286,6 +286,14 @@ button:hover,
.button.button-vimeo:focus {
filter: brightness(90%) }
/* PayPal */
.button.button-paypal {
color: #FFFFFF;
background-color: #003087 }
.button.button-paypal:hover,
.button.button-paypal:focus {
filter: brightness(90%) }
/* YouTube */
.button.button-youtube {
color: #FFFFFF;

21
icons/paypal.svg Normal file
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="50.849px" height="60px" viewBox="0 0 50.849 60" enable-background="new 0 0 50.849 60" xml:space="preserve">
<g>
<path opacity="0.68" fill="#FFFFFF" d="M45.823,15.244c0.732-4.667-0.005-7.843-2.529-10.72C40.514,1.357,35.493,0,29.068,0H10.42
C9.107,0,7.99,0.956,7.785,2.252L0.02,51.492c-0.153,0.972,0.598,1.851,1.581,1.851h11.513l-0.795,5.039
C12.185,59.231,12.842,60,13.702,60h9.704c1.148,0,2.126-0.835,2.305-1.97l0.096-0.493l1.828-11.592l0.118-0.641
c0.179-1.135,1.157-1.97,2.305-1.97h1.452c9.4,0,16.762-3.82,18.913-14.865c0.899-4.615,0.434-8.468-1.943-11.176
C47.76,16.474,46.866,15.796,45.823,15.244L45.823,15.244"/>
<path opacity="0.7" fill="#FFFFFF" d="M45.823,15.244c0.732-4.667-0.005-7.843-2.529-10.72C40.514,1.357,35.493,0,29.068,0H10.42
C9.107,0,7.99,0.956,7.785,2.252L0.02,51.492c-0.153,0.972,0.598,1.851,1.581,1.851h11.513l2.892-18.338l-0.09,0.575
c0.205-1.297,1.313-2.252,2.626-2.252h5.472c10.746,0,19.16-4.366,21.619-16.992C45.705,15.962,45.767,15.6,45.823,15.244"/>
<path fill="#FFFFFF" d="M19.112,15.306c0.123-0.78,0.624-1.419,1.298-1.742c0.307-0.147,0.649-0.229,1.008-0.229h14.618
c1.732,0,3.346,0.113,4.822,0.351c0.422,0.068,0.833,0.146,1.231,0.234s0.786,0.188,1.161,0.297
c0.187,0.055,0.372,0.112,0.553,0.172c0.725,0.241,1.399,0.524,2.021,0.854c0.732-4.667-0.005-7.843-2.529-10.72
C40.514,1.357,35.493,0,29.068,0H10.42C9.107,0,7.99,0.956,7.785,2.252L0.02,51.492c-0.153,0.972,0.598,1.851,1.581,1.851h11.513
l2.892-18.338L19.112,15.306z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

4
index.html
View File

@ -190,6 +190,10 @@
<!-- Vimeo -->
<a class="button button-vimeo" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>
<br>
<!-- PayPal-->
<a class="button button-paypal" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/paypal.svg" alt="PayPal Logo">PayPal</a>
<br>
<!-- Wordpress -->
<a class="button button-wordpress" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/wordpress.svg" alt="Wordpress Logo">Wordpress</a>