LittleLink 2.0

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

View File

@@ -1,37 +1,10 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="0 0 512 512"
version="1.1"
id="svg4"
sodipodi:docname="blog.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs8" />
<sodipodi:namedview
id="namedview6"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="1.640625"
inkscape:cx="255.69524"
inkscape:cy="256.30476"
inkscape:window-width="1920"
inkscape:window-height="1025"
inkscape:window-x="2152"
inkscape:window-y="350"
inkscape:window-maximized="1"
inkscape:current-layer="svg4" />
<!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
<path
d="M172.2 226.8c-14.6-2.9-28.2 8.9-28.2 23.8V301c0 10.2 7.1 18.4 16.7 22 18.2 6.8 31.3 24.4 31.3 45 0 26.5-21.5 48-48 48s-48-21.5-48-48V120c0-13.3-10.7-24-24-24H24c-13.3 0-24 10.7-24 24v248c0 89.5 82.1 160.2 175 140.7 54.4-11.4 98.3-55.4 109.7-109.7 17.4-82.9-37-157.2-112.5-172.2zM209 0c-9.2-.5-17 6.8-17 16v31.6c0 8.5 6.6 15.5 15 15.9 129.4 7 233.4 112 240.9 241.5.5 8.4 7.5 15 15.9 15h32.1c9.2 0 16.5-7.8 16-17C503.4 139.8 372.2 8.6 209 0zm.3 96c-9.3-.7-17.3 6.7-17.3 16.1v32.1c0 8.4 6.5 15.3 14.8 15.9 76.8 6.3 138 68.2 144.9 145.2.8 8.3 7.6 14.7 15.9 14.7h32.2c9.3 0 16.8-8 16.1-17.3-8.4-110.1-96.5-198.2-206.6-206.7z"
id="path2"
style="fill:#ffffff" />
<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_8558)">
<path d="M8.07187 10.6313C7.3875 10.4953 6.75 11.0484 6.75 11.7469V14.1094C6.75 14.5875 7.08281 14.9719 7.53281 15.1406C8.38594 15.4594 9 16.2844 9 17.25C9 18.4922 7.99219 19.5 6.75 19.5C5.50781 19.5 4.5 18.4922 4.5 17.25V5.62501C4.5 5.00157 3.99844 4.50001 3.375 4.50001H1.125C0.501562 4.50001 0 5.00157 0 5.62501V17.25C0 21.4453 3.84844 24.7594 8.20312 23.8453C10.7531 23.3109 12.8109 21.2484 13.3453 18.7031C14.1609 14.8172 11.6109 11.3344 8.07187 10.6313ZM9.79688 6.92832e-06C9.36563 -0.0234306 9 0.318757 9 0.750007V2.23126C9 2.62969 9.30938 2.95782 9.70312 2.97657C15.7687 3.30469 20.6437 8.22657 20.9953 14.2969C21.0187 14.6906 21.3469 15 21.7406 15H23.2453C23.6766 15 24.0187 14.6344 23.9953 14.2031C23.5969 6.55313 17.4469 0.403132 9.79688 6.92832e-06ZM9.81094 4.50001C9.375 4.46719 9 4.81407 9 5.25469V6.75938C9 7.15313 9.30469 7.47657 9.69375 7.5047C13.2938 7.80001 16.1625 10.7016 16.4859 14.3109C16.5234 14.7 16.8422 15 17.2313 15H18.7406C19.1766 15 19.5281 14.625 19.4953 14.1891C19.1016 9.02813 14.9719 4.89844 9.81094 4.50001Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1432_8558">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB