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

13
images/icons/reddit.svg
View File

@@ -1,4 +1,11 @@
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.0999 24.4C18.7273 24.4 24.0999 19.0274 24.0999 12.4C24.0999 5.77261 18.7273 0.400024 12.0999 0.400024C5.47244 0.400024 0.0998535 5.77261 0.0998535 12.4C0.0998535 19.0274 5.47244 24.4 12.0999 24.4Z" fill="#FF4500"/>
<path d="M20.0999 12.4C20.0999 11.4316 19.3139 10.6456 18.3455 10.6456C17.8683 10.6456 17.4472 10.8281 17.1385 11.1368C15.9455 10.2807 14.2893 9.7193 12.4648 9.64912L13.2648 5.90175L15.8613 6.44912C15.8893 7.10877 16.4367 7.64211 17.1104 7.64211C17.7981 7.64211 18.3595 7.0807 18.3595 6.39298C18.3595 5.70526 17.7981 5.14386 17.1104 5.14386C16.6192 5.14386 16.1981 5.42456 16.0016 5.84561L13.0964 5.22807C13.0121 5.21404 12.9279 5.22807 12.8578 5.27018C12.7876 5.31228 12.7455 5.38246 12.7174 5.46667L11.8332 9.64912C9.96653 9.70526 8.29635 10.2526 7.08933 11.1368C6.78056 10.8421 6.34547 10.6456 5.88232 10.6456C4.91389 10.6456 4.12793 11.4316 4.12793 12.4C4.12793 13.1158 4.54898 13.7193 5.16653 14C5.13846 14.1684 5.12442 14.3509 5.12442 14.5333C5.12442 17.2281 8.25425 19.4035 12.1279 19.4035C16.0016 19.4035 19.1314 17.2281 19.1314 14.5333C19.1314 14.3509 19.1174 14.1825 19.0893 14.014C19.6648 13.7333 20.0999 13.1158 20.0999 12.4ZM8.09986 13.6491C8.09986 12.9614 8.66126 12.4 9.34898 12.4C10.0367 12.4 10.5981 12.9614 10.5981 13.6491C10.5981 14.3368 10.0367 14.8982 9.34898 14.8982C8.66126 14.8982 8.09986 14.3368 8.09986 13.6491ZM15.0753 16.9474C14.2192 17.8035 12.5911 17.8597 12.1139 17.8597C11.6367 17.8597 9.9946 17.7895 9.15249 16.9474C9.02617 16.8211 9.02617 16.6105 9.15249 16.4842C9.27881 16.3579 9.48933 16.3579 9.61565 16.4842C10.149 17.0175 11.2999 17.214 12.1279 17.214C12.956 17.214 14.0928 17.0175 14.6402 16.4842C14.7665 16.3579 14.9771 16.3579 15.1034 16.4842C15.2016 16.6246 15.2016 16.8211 15.0753 16.9474ZM14.8507 14.8982C14.163 14.8982 13.6016 14.3368 13.6016 13.6491C13.6016 12.9614 14.163 12.4 14.8507 12.4C15.5385 12.4 16.0999 12.9614 16.0999 13.6491C16.0999 14.3368 15.5385 14.8982 14.8507 14.8982Z" 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_8748)">
<path d="M11.6159 23.424C17.9782 23.424 23.1359 18.2663 23.1359 11.904C23.1359 5.54171 17.9782 0.384033 11.6159 0.384033C5.25351 0.384033 0.0958252 5.54171 0.0958252 11.904C0.0958252 18.2663 5.25351 23.424 11.6159 23.424Z" fill="#FF4500"/>
<path d="M19.2959 11.904C19.2959 10.9743 18.5413 10.2198 17.6116 10.2198C17.1535 10.2198 16.7493 10.395 16.4529 10.6913C15.3076 9.86948 13.7177 9.33053 11.9662 9.26316L12.7342 5.66568L15.2268 6.19116C15.2537 6.82442 15.7792 7.33643 16.4259 7.33643C17.0861 7.33643 17.6251 6.79748 17.6251 6.13727C17.6251 5.47705 17.0861 4.93811 16.4259 4.93811C15.9544 4.93811 15.5501 5.20758 15.3615 5.61179L12.5725 5.01895C12.4916 5.00548 12.4107 5.01895 12.3434 5.05938C12.2761 5.09979 12.2356 5.16717 12.2087 5.24801L11.3598 9.26316C9.56782 9.31705 7.96445 9.8425 6.80571 10.6913C6.50929 10.4084 6.09161 10.2198 5.64698 10.2198C4.71729 10.2198 3.96277 10.9743 3.96277 11.904C3.96277 12.5912 4.36698 13.1705 4.95982 13.44C4.93288 13.6017 4.9194 13.7769 4.9194 13.952C4.9194 16.539 7.92404 18.6274 11.6427 18.6274C15.3615 18.6274 18.3661 16.539 18.3661 13.952C18.3661 13.7769 18.3527 13.6152 18.3257 13.4534C18.8782 13.184 19.2959 12.5912 19.2959 11.904ZM7.77582 13.1031C7.77582 12.4429 8.31476 11.904 8.97498 11.904C9.63519 11.904 10.1741 12.4429 10.1741 13.1031C10.1741 13.7633 9.63519 14.3023 8.97498 14.3023C8.31476 14.3023 7.77582 13.7633 7.77582 13.1031ZM14.4722 16.2695C13.6504 17.0914 12.0874 17.1453 11.6293 17.1453C11.1712 17.1453 9.59477 17.0779 8.78635 16.2695C8.66508 16.1483 8.66508 15.9461 8.78635 15.8248C8.90761 15.7036 9.10971 15.7036 9.23098 15.8248C9.743 16.3368 10.8479 16.5254 11.6427 16.5254C12.4377 16.5254 13.529 16.3368 14.0545 15.8248C14.1758 15.7036 14.378 15.7036 14.4992 15.8248C14.5935 15.9596 14.5935 16.1483 14.4722 16.2695ZM14.2566 14.3023C13.5964 14.3023 13.0575 13.7633 13.0575 13.1031C13.0575 12.4429 13.5964 11.904 14.2566 11.904C14.9169 11.904 15.4559 12.4429 15.4559 13.1031C15.4559 13.7633 14.9169 14.3023 14.2566 14.3023Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1432_8748">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB