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,26 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="682.7" height="682.7">
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="a">
<path d="M2560 0c1413.8 0 2560 1146.2 2560 2560S3973.8 5120 2560 5120 0 3973.8 0 2560 1146.2 0 2560 0Z" clip-rule="evenodd" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="b">
<path d="M0 0h5120v5120H0Z" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="c">
<path d="M3057.8 1755H1190l872.2 1610H3930l-872.2-1610" clip-rule="evenodd" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="d">
<path d="M0 0h5120v5120H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(.13333 0 0 -.13333 0 682.7)">
<g clip-path="url(#b)">
<path d="M2560 0c1413.8 0 2560 1146.2 2560 2560S3973.8 5120 2560 5120 0 3973.8 0 2560 1146.2 0 2560 0Z" style="fill:none;stroke:#fff;stroke-width:320;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" />
</g>
</g>
<g clip-path="url(#c)" transform="matrix(.13333 0 0 -.13333 0 682.7)">
<g clip-path="url(#d)">
<path d="M1140 1705h2840v1710H1140Z" style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
</g>
</g>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9991 23.2188C18.1944 23.2188 23.217 18.1961 23.217 12.0009C23.217 5.80563 18.1944 0.782965 11.9991 0.782965C5.80386 0.782965 0.781192 5.80563 0.781192 12.0009C0.781192 18.1961 5.80386 23.2188 11.9991 23.2188Z" stroke="white" stroke-width="1.56238" stroke-miterlimit="10"/>
<path d="M5.34338 16.0084H18.6549V7.99336H5.34338V16.0084Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 464 B