dannc/littlelink
1
0
Fork 0
mirror of https://github.com/Dannecron/littlelink.git synced 2025-12-26 00:22:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

LittleLink 2.0

Browse Source 
Refactored `index.html` to be in alphabetical order. This will make it easier for people to quickly scan to find what they're looking for to remove anything they don't want. They can reorder in the priority that meets their needs.

Refactored `index.html` to streamline how each button line is showcased.

Refactored `brands.css` to be in alphabetical order.

Added to `brands.css` to include strokes around light and dark buttons that fail to meet background contrasts.

Icons are all now 24x24.

Quality controlled all icons and manually adjusted spacing.

Created a custom .SVG for any .PNG icons.

New LittleLink logo.
This commit is contained in:
Seth Cottle
2023-04-28 22:19:02 -04:00
parent 0a4bcefb7f
commit 4287e2b6bd
88 changed files with 853 additions and 890 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
images/icons/whatsapp.svg
View File

@@ -1,16 +1,21 @@
<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"/>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1432_8816)">
<path d="M0.0615234 23.9889L1.74784 17.8311C0.704712 16.0253 0.156268 13.9764 0.157839 11.8911C0.157839 5.33841 5.49231 0.010254 12.0442 0.010254C13.6057 0.0100465 15.1519 0.317493 16.5945 0.915032C18.0372 1.51257 19.348 2.38848 20.452 3.49274C21.556 4.597 22.4317 5.90796 23.029 7.35073C23.6262 8.79347 23.9334 10.3398 23.9328 11.9013C23.9328 18.4539 18.5976 23.7829 12.0473 23.7829H12.0418C10.0575 23.7827 8.10499 23.2854 6.36231 22.3366L0.0615234 23.9889ZM6.65442 20.1853L7.01521 20.3992C8.53747 21.3008 10.2742 21.7764 12.0434 21.7761C17.4907 21.7761 21.9197 17.3455 21.922 11.9005C21.9229 9.28105 20.8835 6.76849 19.0323 4.91514C17.1813 3.0618 14.6699 2.01939 12.0505 2.0171C6.6031 2.0171 2.17021 6.44683 2.16784 11.8918C2.16494 13.7514 2.68855 15.5738 3.6781 17.1482L3.91494 17.5216L2.91547 21.1658L6.65442 20.1853Z" fill="white"/>
<path d="M0.473633 23.5737L2.10153 17.6298C1.09566 15.8861 0.567375 13.908 0.569949 11.895C0.569949 5.57053 5.71969 0.425537 12.0442 0.425537C13.5513 0.425537 15.0438 0.722483 16.4362 1.29941C17.8286 1.87634 19.0938 2.72195 20.1593 3.78793C21.2249 4.85391 22.0699 6.11938 22.6463 7.51204C23.2226 8.90467 23.519 10.3972 23.5184 11.9045C23.5184 18.229 18.3686 23.3748 12.0449 23.3748H12.0394C10.1242 23.3744 8.23953 22.8945 6.55732 21.979L0.473633 23.5737Z" fill="url(#paint0_linear_1432_8816)"/>
<path d="M0.0615234 23.9889L1.74784 17.8311C0.704712 16.0253 0.156268 13.9764 0.157839 11.8911C0.157839 5.33841 5.49231 0.010254 12.0442 0.010254C13.6057 0.0100465 15.1519 0.317493 16.5945 0.915032C18.0372 1.51257 19.348 2.38848 20.452 3.49274C21.556 4.597 22.4317 5.90796 23.029 7.35073C23.6262 8.79347 23.9334 10.3398 23.9328 11.9013C23.9328 18.4539 18.5976 23.7829 12.0473 23.7829H12.0418C10.0575 23.7827 8.10499 23.2854 6.36231 22.3366L0.0615234 23.9889ZM6.65442 20.1853L7.01521 20.3992C8.53747 21.3008 10.2742 21.7764 12.0434 21.7761C17.4907 21.7761 21.9197 17.3455 21.922 11.9005C21.9229 9.28105 20.8835 6.76849 19.0323 4.91514C17.1813 3.0618 14.6699 2.01939 12.0505 2.0171C6.6031 2.0171 2.17021 6.44683 2.16784 11.8918C2.16494 13.7514 2.68855 15.5738 3.6781 17.1482L3.91494 17.5216L2.91547 21.1658L6.65442 20.1853Z" fill="url(#paint1_linear_1432_8816)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.07898 6.92456C8.85635 6.42956 8.62187 6.42009 8.4103 6.4114C8.2374 6.4043 8.03924 6.4043 7.84109 6.4043C7.691 6.40862 7.54341 6.44387 7.40756 6.50785C7.27172 6.57183 7.15054 6.66317 7.05162 6.77614C6.7753 7.07298 6.00793 7.7914 6.00793 9.25271C6.00793 10.714 7.07215 12.1256 7.22057 12.3246C7.36899 12.5235 9.27319 15.6167 12.2937 16.8072C14.8019 17.7964 15.3127 17.5967 15.8574 17.5501C16.4021 17.5035 17.614 16.8317 17.8619 16.1385C18.1098 15.4453 18.109 14.8501 18.0348 14.7261C17.9606 14.6022 17.7624 14.528 17.4656 14.3796C17.1687 14.2311 15.709 13.5111 15.4366 13.4132C15.1642 13.3153 14.9629 13.2648 14.7679 13.5624C14.5729 13.8601 14.0013 14.528 13.8277 14.7261C13.654 14.9243 13.4819 14.9496 13.1842 14.8011C12.8866 14.6527 11.9313 14.3385 10.7961 13.3272C9.91345 12.5377 9.3174 11.5674 9.14372 11.2706C8.97003 10.9738 9.12556 10.8127 9.27477 10.6643C9.40819 10.5317 9.57161 10.3177 9.72003 10.144C9.84208 9.99403 9.94203 9.82729 10.0169 9.64903C10.0563 9.56708 10.0747 9.47653 10.0703 9.38566C10.066 9.29479 10.0389 9.20653 9.99161 9.12876C9.9174 8.98034 9.3403 7.51193 9.07898 6.92456Z" fill="white"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="151.96" y1="298.6" x2="151.96" y2="5.38965" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_1432_8816" x1="11.9968" y1="23.5737" x2="11.9968" y2="0.425537" 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">
<linearGradient id="paint1_linear_1432_8816" x1="11.9968" y1="23.9889" x2="11.9968" y2="0.0102539" gradientUnits="userSpaceOnUse">
<stop stop-color="#F9F9F9"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<clipPath id="clip0_1432_8816">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB