LittleLink Extended

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,42 @@
+## 📄 Description
+<!-- Provide a short description of the brand you're adding or the changes you're making. Include context about why this is a valuable addition. -->
+
+---
+
+## ✅ Contribution Checklist
+Please confirm that you've met the following criteria before submitting your contribution:
+
+- [ ] **Widespread Recognition:** The brand has widespread recognition and is suitable for the core LittleLink repository (most additions belong in [LittleLink Extended](https://github.com/sethcottle/littlelink-extended)).  
+- [ ] **Brand Styling Guidelines:** You’ve followed the brand's official styling guidelines (if available).  
+- [ ] **Consistent Styling:** If no guidelines exist, the button style is consistent with the brand's public image (e.g., website, social media).  
+- [ ] **Icon Clarity:** The brand's logo/icon is clear and recognizable in a 24x24px format.  
+   - [ ] If the primary logo doesn’t scale well, you’ve adapted it using the brand’s social media avatar or favicon while maintaining the essence of the original logo.  
+   - [ ] The icon is provided in `.svg` format.  
+- [ ] **Theme Testing:** You've tested the button against both light and dark themes:  
+   - [ ] Manually swapped `theme-auto.css` with `theme-light.css` and `theme-dark.css` in `index.html` to check contrast or used [LittleLink Button Builder](https://builder.littlelink.io) contrast checker.
+   - [ ] Added a `#000000`/`#FFFFFF` stroke if necessary to improve contrast and accessibility. [LittleLink Button Builder](https://builder.littlelink.io) will automatically recommend when to add a stroke.  
+- [ ] **Accessibility Compliance:** The button's background and text colors meet visual accessibility standards (unless it contradicts brand guidelines).  
+- [ ] **Alphabetical Order:** Your contribution is alphabetically organized in `brands.css` and `index.html`.  
+- [ ] **Button Preview:** You've added a button preview in `index.html`.  
+- [ ] **Variant Naming Schema:** If adding a variant button (e.g., inverted color scheme):  
+   - [ ] Naming follows the existing pattern (`[Brand Name] Alt` and `.button-brandname-alt`).  
+   - [ ] Any additional icons are named according to `brandname-alt.svg` schema.  
+- [ ] **Proper Capitalization:**  
+   - [ ] In `brands.css`, the brand name comment follows `/* Brand Name */` format.  
+   - [ ] Code uses lowercase for `.button.button-brandname`.  
+   - [ ] In `index.html`, comments reflect `<!-- Brand Name -->` format.  
+   - [ ] Button text and `alt` attributes match the brand’s official capitalization.  
+- [ ] **PR Details:**  
+   - [ ] Included a brief description of the brand addition.
+   - [ ] Included a screenshot of the new button(s).  
+   - [ ] Provided relevant information on the brand’s global/regional reach or usage stats.  
+
+---
+
+## 📸 Screenshot  
+<!-- Attach a screenshot of the new button(s) to ensure consistency and clarity. -->
+
+---
+
+## 🚀 Additional Notes  
+<!-- Add any other information that might help the reviewer understand the changes better (e.g., source of logo, special handling, etc.). -->

VERSION.md

@@ -1,6 +1,10 @@
 # LittleLink Version History
 
-## Current Version: v3.4.0
+## Current Version: v3.5.0
+
+### v3.5.0 - 3/10/2025
+- Added LittleLink Extended information in `index.html`
+- Added `PULL_REQUEST_TEMPLATE.md` to `.github` which is a reflection of [submitting a new brand](https://github.com/sethcottle/littlelink/wiki/Submitting-a-new-brand-to-LittleLink) wiki.
 
 ### v3.4.0 - 3/04/2025
 - Added Matrix

index.html

@@ -33,6 +33,11 @@
     <link rel="stylesheet" href="css/reset.css">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/brands.css">
+  
+    <!-- LittleLink Extended Stylesheet (Optional) -->
+    <!-- <link rel="stylesheet" href="css/brands-extended.css"> -->
+    <!-- Learn more at https://github.com/sethcottle/littlelink-extended. 
+         Remove comments if you've added LittleLink Extended dependencies -->
 
   </head>
 
@@ -63,7 +68,7 @@
             <div class="button-stack" role="navigation">
 
               <!-- Default LittleLink -->
-              <a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/littlelink.svg" alt="Little Link Logo">LittleLink</a>
+              <a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/littlelink.svg" alt="LittleLink Logo">LittleLink</a>
 
               <!-- Amazon -->
               <a class="button button-amazon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/amazon.svg" alt="Amazon Wishlist Logo">Amazon Wishlist</a>
@@ -380,6 +385,9 @@
               <!-- Generic Website -->
               <a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-website.svg" alt="Website Icon">Visit Website</a>
 
+              <!-- LittleLink Extended -->
+              <a class="button button-default" href="https://github.com/sethcottle/littlelink-extended" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/littlelink.svg" alt="LittleLink Logo">LittleLink Extended</a>
+
       </div>
         
       <!-- Feel free to add your own footer information, including updating `privacy.html` to reflect how your LittleLink fork is set up -->