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,9 +1,14 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="4" fill="url(#paint0_linear_610_376)"/>
<g clip-path="url(#clip0_1432_8560)">
<path d="M20 0H4C1.79086 0 0 1.79086 0 4V20C0 22.2091 1.79086 24 4 24H20C22.2091 24 24 22.2091 24 20V4C24 1.79086 22.2091 0 20 0Z" fill="url(#paint0_linear_1432_8560)"/>
</g>
<defs>
<linearGradient id="paint0_linear_610_376" x1="12" y1="0" x2="12" y2="24" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_1432_8560" x1="12" y1="0" x2="12" y2="24" gradientUnits="userSpaceOnUse">
<stop stop-color="#0066FF"/>
<stop offset="1" stop-color="#71C0FF"/>
</linearGradient>
<clipPath id="clip0_1432_8560">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 384 B

After

Width:  |  Height:  |  Size: 614 B