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 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" height="192" width="192" id="svg3816" version="1.1"><defs id="defs3805"><style id="style3803">.cls-2{fill:#fc6d26}</style></defs><g transform="translate(-94 -94.01)" id="LOGO"><path style="fill:#e24329" id="path3807" d="m282.83 170.73-.27-.69-26.14-68.22a6.81 6.81 0 0 0-2.69-3.24 7 7 0 0 0-8 .43 7 7 0 0 0-2.32 3.52l-17.65 54h-71.47l-17.65-54a6.86 6.86 0 0 0-2.32-3.53 7 7 0 0 0-8-.43 6.87 6.87 0 0 0-2.69 3.24L97.44 170l-.26.69a48.54 48.54 0 0 0 16.1 56.1l.09.07.24.17 39.82 29.82 19.7 14.91 12 9.06a8.07 8.07 0 0 0 9.76 0l12-9.06 19.7-14.91 40.06-30 .1-.08a48.56 48.56 0 0 0 16.08-56.04z"/><path style="fill:#fc6d26" id="path3809" d="m282.83 170.73-.27-.69a88.3 88.3 0 0 0-35.15 15.8L190 229.25c19.55 14.79 36.57 27.64 36.57 27.64l40.06-30 .1-.08a48.56 48.56 0 0 0 16.1-56.08z" class="cls-2"/><path style="fill:#fca326" id="path3811" d="m153.43 256.89 19.7 14.91 12 9.06a8.07 8.07 0 0 0 9.76 0l12-9.06 19.7-14.91S209.55 244 190 229.25c-19.55 14.75-36.57 27.64-36.57 27.64z"/><path style="fill:#fc6d26" id="path3813" d="M132.58 185.84A88.19 88.19 0 0 0 97.44 170l-.26.69a48.54 48.54 0 0 0 16.1 56.1l.09.07.24.17 39.82 29.82L190 229.21z" class="cls-2"/></g></svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9992 23.105L16.4206 9.50488H7.58423L11.9992 23.105Z" fill="#E24329"/>
<path d="M1.39128 9.505L0.0448571 13.6369C-0.0769824 14.0121 0.054596 14.4262 0.376184 14.6601L11.9992 23.105L1.39128 9.505Z" fill="#FCA326"/>
<path d="M1.39124 9.50498H7.58415L4.91889 1.31428C4.78248 0.895238 4.188 0.895238 4.04668 1.31428L1.39124 9.50498Z" fill="#E24329"/>
<path d="M22.6135 9.505L23.9551 13.6369C24.077 14.0121 23.9454 14.4262 23.6238 14.6601L11.9991 23.105L22.6135 9.505Z" fill="#FCA326"/>
<path d="M22.6136 9.50498H16.4207L19.081 1.31428C19.2174 0.895238 19.8119 0.895238 19.9532 1.31428L22.6136 9.50498Z" fill="#E24329"/>
<path d="M11.9991 23.105L16.4206 9.505H22.6135L11.9991 23.105Z" fill="#FC6D26"/>
<path d="M11.9991 23.105L1.39124 9.505H7.58415L11.9991 23.105Z" fill="#FC6D26"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 893 B