From 0439ce623ef386315e25056e13408b0bed619614 Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Tue, 28 Jan 2025 23:44:27 -0600 Subject: [PATCH] Created Button Builder (markdown) --- Button-Builder.md | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 Button-Builder.md diff --git a/Button-Builder.md b/Button-Builder.md new file mode 100644 index 0000000..57ea31d --- /dev/null +++ b/Button-Builder.md @@ -0,0 +1,25 @@ +# LittleLink Button Builder + +A simple tool to create custom buttons for your LittleLink page without writing any code. + +## What it does +- Design custom buttons with your brand colors +- Get a preview of an icon on the button +- Get WCAG contrast suggestions for better accessibility +- Dark/Light theme preview +- Copy/paste ready to go code for your `index.html` and `brands.css` files + +## How to use +1. Enter your button text and URL +2. Choose your colors (background + text) +3. Upload your icon (for preview only) +4. Copy the generated code +5. Drop your icon file into LittleLink's `images/icons` folder +6. Paste the HTML code into `index.html` +7. Paste the CSS code into `brands.css` + +That's it—try it now: [https://builder.littlelink.io](https://builder.littlelink.io) + +-- + +![CleanShot](https://github.com/user-attachments/assets/5c0ce9b4-b5f3-410c-bf89-3b2c56d946eb)