baalajimaestro/littlelink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Added WhatsApp

Browse source
This commit is contained in:
Seth Cottle 2021-08-18 10:21:08 -04:00
parent 3ed158cb35
commit dc6a3a222a
3 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
css/brands.css
View file

@ -302,6 +302,14 @@ button:hover,
.button.button-youtube:focus {
filter: brightness(90%) }
/* WhatsApp */
.button.button-whatsapp {
color: #FFFFFF;
background-color: #455A64 }
.button.button-whatsapp:hover,
.button.button-whatsapp:focus {
filter: brightness(90%) }
/* Wordpress */
.button.button-wordpress {
color: #FFFFFF;

16
icons/whatsapp.svg Normal file
View file

@ -0,0 +1,16 @@
<svg width="304" height="304" viewBox="0 0 304 304" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.780029 303.86L22.14 225.86C8.92708 202.987 1.98013 177.035 2.00003 150.62C2.00003 67.6199 69.57 0.129884 152.56 0.129884C172.339 0.127256 191.925 4.02158 210.198 11.5904C228.472 19.1592 245.075 30.2541 259.06 44.2414C273.044 58.2287 284.136 74.8342 291.701 93.1093C299.266 111.384 303.157 130.971 303.15 150.75C303.15 233.75 235.57 301.25 152.6 301.25H152.53C127.396 301.247 102.664 294.949 80.59 282.93L0.780029 303.86ZM84.29 255.68L88.86 258.39C108.142 269.81 130.14 275.834 152.55 275.83V275.83C221.55 275.83 277.65 219.71 277.68 150.74C277.691 117.56 264.525 85.7342 241.077 62.2585C217.63 38.7828 185.82 25.579 152.64 25.5499C83.64 25.5499 27.49 81.6599 27.46 150.63C27.4233 174.184 34.0557 197.268 46.59 217.21L49.59 221.94L36.93 268.1L84.29 255.68Z" fill="white"/>
<path d="M6 298.6L26.62 223.31C13.879 201.223 7.1874 176.168 7.22 150.67C7.22 70.5596 72.45 5.38965 152.56 5.38965C171.651 5.38965 190.556 9.15096 208.193 16.4587C225.83 23.7665 241.855 34.4775 255.352 47.98C268.849 61.4824 279.553 77.5116 286.854 95.152C294.154 112.792 297.908 131.698 297.9 150.79C297.9 230.9 232.67 296.08 152.57 296.08H152.5C128.24 296.075 104.368 289.997 83.06 278.4L6 298.6Z" fill="url(#paint0_linear)"/>
<path d="M0.780029 303.86L22.14 225.86C8.92708 202.987 1.98013 177.035 2.00003 150.62C2.00003 67.6199 69.57 0.129884 152.56 0.129884C172.339 0.127256 191.925 4.02158 210.198 11.5904C228.472 19.1592 245.075 30.2541 259.06 44.2414C273.044 58.2287 284.136 74.8342 291.701 93.1093C299.266 111.384 303.157 130.971 303.15 150.75C303.15 233.75 235.57 301.25 152.6 301.25H152.53C127.396 301.247 102.664 294.949 80.59 282.93L0.780029 303.86ZM84.29 255.68L88.86 258.39C108.142 269.81 130.14 275.834 152.55 275.83V275.83C221.55 275.83 277.65 219.71 277.68 150.74C277.691 117.56 264.525 85.7342 241.077 62.2585C217.63 38.7828 185.82 25.579 152.64 25.5499C83.64 25.5499 27.49 81.6599 27.46 150.63C27.4233 174.184 34.0557 197.268 46.59 217.21L49.59 221.94L36.93 268.1L84.29 255.68Z" fill="url(#paint1_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M115 87.7101C112.18 81.4401 109.21 81.3201 106.53 81.2101C104.34 81.1201 101.83 81.1201 99.3201 81.1201C97.4189 81.1748 95.5494 81.6213 93.8287 82.4318C92.108 83.2422 90.5731 84.3992 89.3201 85.8301C85.8201 89.5901 76.1001 98.6901 76.1001 117.2C76.1001 135.71 89.5801 153.59 91.4601 156.11C93.3401 158.63 117.46 197.81 155.72 212.89C187.49 225.42 193.96 222.89 200.86 222.3C207.76 221.71 223.11 213.2 226.25 204.42C229.39 195.64 229.38 188.1 228.44 186.53C227.5 184.96 224.99 184.02 221.23 182.14C217.47 180.26 198.98 171.14 195.53 169.9C192.08 168.66 189.53 168.02 187.06 171.79C184.59 175.56 177.35 184.02 175.15 186.53C172.95 189.04 170.77 189.36 167 187.48C163.23 185.6 151.13 181.62 136.75 168.81C125.57 158.81 118.02 146.52 115.82 142.76C113.62 139 115.59 136.96 117.48 135.08C119.17 133.4 121.24 130.69 123.12 128.49C124.666 126.59 125.932 124.478 126.88 122.22C127.38 121.182 127.613 120.035 127.557 118.884C127.502 117.733 127.159 116.615 126.56 115.63C125.62 113.75 118.31 95.1501 115 87.7101Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear" x1="151.96" y1="298.6" x2="151.96" y2="5.38965" gradientUnits="userSpaceOnUse">
<stop stop-color="#20B038"/>
<stop offset="1" stop-color="#60D66A"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="151.96" y1="303.86" x2="151.96" y2="0.129883" gradientUnits="userSpaceOnUse">
<stop stop-color="#F9F9F9"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.5 KiB

4
index.html
View file

@ -194,6 +194,10 @@
<!-- PayPal-->
<a class="button button-paypal" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/paypal.svg" alt="PayPal Logo">PayPal</a>
<br>
<!-- WhatsApp -->
<a class="button button-whatsapp" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</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>