dannc/littlelink
1
0
Fork 0
mirror of https://github.com/Dannecron/littlelink.git synced 2025-12-26 08:32:34 +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

29
images/icons/web.svg
View File

@@ -1,16 +1,13 @@
<svg id="SvgjsSvg1001" width="288" height="288" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"><defs id="SvgjsDefs1002"></defs><g id="SvgjsG1008"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 491.52 491.52" viewBox="0 0 491.52 491.52" width="288" height="288"><polygon points="183.855 68.79 169.27 118.43 161.315 93.18 141.785 93.18 133.835 118.43 119.25 68.79 99.6 74.57 123.67 156.49 143.26 156.68 151.55 130.35 159.845 156.68 179.435 156.49 203.505 74.57" fill="#ffffff" class="color000 svgShape"></polygon><polygon points="298.545 68.79 283.955 118.43 276.005 93.18 256.475 93.18 248.525 118.43 233.935 68.79 214.285 74.57 238.36 156.49 257.95 156.68 266.24 130.35 274.53 156.68 294.12 156.49 318.195 74.57" fill="#ffffff" class="color000 svgShape"></polygon><polygon points="413.23 68.79 398.645 118.43 390.695 93.18 371.165 93.18 363.21 118.43 348.625 68.79 328.975 74.57 353.045 156.49 372.635 156.68 380.93 130.35 389.22 156.68 408.81 156.49 432.88 74.57" fill="#ffffff" class="color000 svgShape"></polygon><path d="M491.52,30.72H40.96v89.086C14.217,156.578,0,200.018,0,245.76c0,56.73,21.895,110.2,61.63,150.52
c40.7,41.61,95.185,64.52,153.41,64.52c58.225,0,112.71-22.91,153.385-64.49c39.76-40.35,61.655-93.82,61.655-150.55
c0-17.359-2.146-34.511-6.23-51.2h67.67V30.72z M40.96,159.031v35.529h58.021c-1.786,13.389-2.844,27.089-3.2,40.96H20.886
C22.271,208.614,29.064,182.749,40.96,159.031z M20.974,256h74.879c0.812,32.407,5.357,62.733,13.022,89.597
c-14.02,8.014-27.129,17.739-39.237,28.945C40.257,341.563,23.266,300.167,20.974,256z M84.004,389.117
c9.739-8.951,20.211-16.791,31.323-23.478c9.644,26.264,22.482,48.142,37.522,64.379
C127.497,421.474,104.162,407.642,84.004,389.117z M204.8,439.205c-28.946-6.164-54.591-38.093-70.783-83.479
c22.054-10.145,45.947-16.019,70.783-17.301V439.205z M204.8,317.944c-26.957,1.259-52.95,7.349-76.997,18.056
c-6.658-24.26-10.674-51.436-11.475-80H204.8V317.944z M204.8,235.52h-88.539c0.376-13.903,1.522-27.603,3.412-40.96H204.8V235.52
z M225.28,439.205V338.424c24.836,1.282,48.729,7.156,70.783,17.301C279.871,401.112,254.226,433.041,225.28,439.205z
M313.752,256c-0.801,28.564-4.817,55.74-11.475,80c-24.047-10.706-50.039-16.797-76.997-18.056V256H313.752z M225.28,235.52
v-40.96h85.129c1.89,13.356,3.036,27.054,3.411,40.96H225.28z M277.229,430.019c15.041-16.237,27.88-38.116,37.524-64.381
c11.114,6.688,21.586,14.53,31.326,23.481C325.927,407.642,302.589,421.474,277.229,430.019z M360.443,374.543
c-12.109-11.207-25.217-20.931-39.238-28.946c7.665-26.864,12.21-57.191,13.022-89.597h74.879
C406.814,300.156,389.828,341.545,360.443,374.543z M334.299,235.52c-0.355-13.874-1.413-27.573-3.199-40.96h71.536
c3.641,13.349,5.854,27.053,6.578,40.96H334.299z M471.04,174.08H61.44V51.2h409.6V174.08z" fill="#ffffff" class="color000 svgShape"></path></svg></g></svg>
<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_8809)">
<path d="M8.97729 3.35889L8.26514 5.78271L7.87671 4.5498H6.9231L6.53491 5.78271L5.82275 3.35889L4.86328 3.64111L6.03857 7.64111L6.99512 7.65039L7.3999 6.36475L7.80493 7.65039L8.76147 7.64111L9.93677 3.64111L8.97729 3.35889Z" fill="white"/>
<path d="M14.5774 3.35889L13.865 5.78271L13.4768 4.5498H12.5232L12.135 5.78271L11.4226 3.35889L10.4631 3.64111L11.6387 7.64111L12.5952 7.65039L13 6.36475L13.4048 7.65039L14.3613 7.64111L15.5369 3.64111L14.5774 3.35889Z" fill="white"/>
<path d="M20.1772 3.35889L19.4651 5.78271L19.0769 4.5498H18.1233L17.7349 5.78271L17.0227 3.35889L16.0632 3.64111L17.2385 7.64111L18.1951 7.65039L18.6001 6.36475L19.0049 7.65039L19.9614 7.64111L21.1367 3.64111L20.1772 3.35889Z" fill="white"/>
<path d="M24 1.5H2V5.8499C0.694189 7.64541 0 9.7665 0 12C0 14.77 1.06909 17.3809 3.00928 19.3496C4.99658 21.3813 7.65698 22.5 10.5 22.5C13.343 22.5 16.0034 21.3813 17.9895 19.3511C19.9309 17.3809 21 14.77 21 12C21 11.1524 20.8952 10.3149 20.6958 9.5H24V1.5ZM2 7.76519V9.5H4.83306C4.74585 10.1538 4.69419 10.8227 4.67681 11.5H1.01982C1.08745 10.1862 1.41914 8.92329 2 7.76519ZM1.02412 12.5H4.68032C4.71997 14.0824 4.94189 15.5631 5.31616 16.8749C4.63159 17.2662 3.9915 17.741 3.40029 18.2882C1.96567 16.6779 1.13604 14.6566 1.02412 12.5ZM4.10176 18.9999C4.57729 18.5628 5.08862 18.18 5.6312 17.8535C6.1021 19.1359 6.72896 20.2041 7.46333 20.997C6.22544 20.5798 5.08604 19.9044 4.10176 18.9999ZM10 21.4456C8.58662 21.1446 7.33442 19.5855 6.5438 17.3694C7.62065 16.8741 8.7873 16.5873 10 16.5247V21.4456ZM10 15.5246C8.68374 15.5861 7.41455 15.8834 6.24038 16.4062C5.91528 15.2217 5.71919 13.8947 5.68008 12.5H10V15.5246ZM10 11.5H5.67681C5.69517 10.8211 5.75112 10.1522 5.84341 9.5H10V11.5ZM11 21.4456V16.5246C12.2127 16.5872 13.3793 16.874 14.4562 17.3694C13.6656 19.5855 12.4134 21.1446 11 21.4456ZM15.3199 12.5C15.2808 13.8947 15.0847 15.2217 14.7596 16.4062C13.5854 15.8835 12.3163 15.5861 11 15.5246V12.5H15.3199ZM11 11.5V9.5H15.1567C15.249 10.1521 15.3049 10.821 15.3232 11.5H11ZM13.5366 20.997C14.271 20.2042 14.8979 19.1359 15.3688 17.8534C15.9115 18.18 16.4228 18.5629 16.8984 18.9999C15.9144 19.9044 14.7749 20.5798 13.5366 20.997ZM17.5998 18.2882C17.0085 17.741 16.3685 17.2662 15.6838 16.8749C16.0581 15.5631 16.28 14.0823 16.3197 12.5H19.9759C19.864 14.6561 19.0346 16.677 17.5998 18.2882ZM16.3232 11.5C16.3059 10.8226 16.2542 10.1537 16.167 9.5H19.66C19.8377 10.1518 19.9458 10.8209 19.9812 11.5H16.3232ZM23 8.5H3V2.5H23V8.5Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1432_8809">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB