Compare commits
17 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
24b374f557 | ||
|
|
df23da72c2 | ||
|
|
13bdbe44ae | ||
|
|
0e2edc3135 | ||
|
98b9cba737 | ||
|
|
54afafdf2b | ||
|
|
b223dbddd3 | ||
|
|
4db16003e2 | ||
|
|
716d98a748 | ||
|
|
d098044f87 | ||
|
|
e3ce08ce19 | ||
|
|
606fc39204 | ||
|
|
949ed19bcb | ||
|
|
b0af864541 | ||
|
|
5a2ed1592a | ||
|
|
2348491382 | ||
|
aede738f1a |
@@ -1,28 +0,0 @@
|
||||
// For format details, see https://aka.ms/devcontainer.json. For config options, see the
|
||||
// README at: https://github.com/devcontainers/templates/tree/main/src/alpine
|
||||
{
|
||||
"name": "Alpine",
|
||||
// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
|
||||
"image": "mcr.microsoft.com/devcontainers/base:alpine",
|
||||
|
||||
// Features to add to the dev container. More info: https://containers.dev/features.
|
||||
// "features": {},
|
||||
|
||||
// Use 'forwardPorts' to make a list of ports inside the container available locally.
|
||||
// "forwardPorts": [],
|
||||
|
||||
// Use 'postCreateCommand' to run commands after the container is created.
|
||||
// "postCreateCommand": "uname -a",
|
||||
|
||||
"customizations": {
|
||||
// Configure properties specific to VS Code.
|
||||
"vscode": {
|
||||
"extensions": [
|
||||
"ritwickdey.liveserver"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
|
||||
// "remoteUser": "root"
|
||||
}
|
||||
42
.github/PULL_REQUEST_TEMPLATE.md
vendored
Normal file
42
.github/PULL_REQUEST_TEMPLATE.md
vendored
Normal file
@@ -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.). -->
|
||||
20
README.md
20
README.md
@@ -3,6 +3,10 @@
|
||||
# LittleLink
|
||||
The DIY self-hosted LinkTree alternative. LittleLink has more than 100 branded button styles you can easily use, with more regularly added by our community in this repo and in [LittleLink Extended](https://github.com/sethcottle/littlelink-extended).
|
||||
|
||||
---
|
||||
### 🆕 LittleLink Button Builder
|
||||
Want to make your own buttons for LittleLink but you're not too sure where to start? [Check out our new Button Builder](https://builder.littlelink.io). This new builder lets you preview button styles and with a single click, copy the generated CSS code to put in `css/brands.css`, and copy the generated HTML code to put in `index.html`. This builder also helps automate accessibility features by checking contrast ratios and suggesting strokes when needed, ensuring your custom buttons maintain LittleLink's high standards for visibility in both light and dark themes. Design your buttons visually, preview them live, and get ready to go code. [Live Site](https://builder.littlelink.io) | [GitHub Repo](https://github.com/sethcottle/littlelink-button-builder)
|
||||
|
||||
---
|
||||
### 🌞 Themes and Accessibility
|
||||
LittleLink offers `auto`, `light`, and `dark` themes right out of the box. If the default color schemes don't match your preference, you can easily customize them by updating the values in `style.css`. You can set any of the themes right in `index.html`. To enhance visual accessibility in both `light` and `dark` modes, buttons lacking sufficient contrast with the background are outlined with an inverse stroke to ensure visibility. While LittleLink emphasizes accessibility, it's important to acknowledge that not all brands incorporated into LittleLink achieve this standard. Branded buttons that come into LittleLink always retain the original essence of the brand and some branded buttons might fall short of optimal accessibility in terms of contrast.
|
||||
@@ -61,19 +65,21 @@ Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/com
|
||||
### 💖 Supporters
|
||||
You can support LittleLink by [buying me a coffee](https://www.buymeacoffee.com/seth). You can also have your name or your company added to this section and the supporters page of the [LittleLink.io](https://littlelink.io) website.
|
||||
|
||||
#### 🏢 Business Supporters
|
||||
#### 🏢 Business Supporters ($75 tier)
|
||||
• **[links.dev](https://github.com/fatih-yavuz/links.dev)**
|
||||
|
||||
[](https://www.buymeacoffee.com/seth/e/50574)
|
||||
|
||||
#### ✨ Individual Supporters
|
||||
#### ✨ Individual Supporters ($25 tier)
|
||||
• **[Drew Davis](https://connect.davisdre.me)**
|
||||
|
||||
• **[Robotter112](https://robotter112.de/)**
|
||||
|
||||
[](https://www.buymeacoffee.com/seth/e/50573)
|
||||
|
||||
#### 🐙 GitHub Sponsors
|
||||
#### 🐙 Active GitHub Sponsors
|
||||
• **[@nghialele](https://github.com/nghialele)**
|
||||
|
||||
• **[Your Name Here](https://github.com/sponsors/sethcottle)**
|
||||
|
||||
[](https://github.com/sponsors/sethcottle)
|
||||
@@ -93,6 +99,14 @@ You can support LittleLink by [buying me a coffee](https://www.buymeacoffee.com/
|
||||
|
||||
---
|
||||
|
||||
### 🆕 Stay Connected
|
||||
|
||||
Join the [Seth's Nook Discord](https://discord.gg/PrAEQFF2fK) server to get updates on LittleLink and more. Use the invite code `PrAEQFF2fK` or click the button below.
|
||||
|
||||
[](https://discord.gg/PrAEQFF2fK)
|
||||
|
||||
---
|
||||
|
||||
### 📊 Analytics
|
||||
|
||||
To help build a more privacy focused product, we recommend using [Fathom Analytics](https://usefathom.com/ref/EQVZMV)*. [View our Fathom analytics dashboard](https://app.usefathom.com/share/xbmnwxxl/littlelink.io#/?filters=%5B%5D&range=last_7_days&site=2251799827005303)**.
|
||||
|
||||
23
VERSION.md
23
VERSION.md
@@ -1,8 +1,27 @@
|
||||
# LittleLink Version History
|
||||
|
||||
## Current Version: v3.1.0
|
||||
## Current Version: v3.5.0
|
||||
|
||||
### v3.1.0 - 1/20/2024
|
||||
### 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
|
||||
|
||||
### v3.3.0 - 03/01/2025
|
||||
- Updated Facebook Logo
|
||||
- Updated Messenger Logo
|
||||
- Updated Messenger Button Color
|
||||
|
||||
### v3.2.0 - 2/14/2025
|
||||
- Added Apple Invites
|
||||
- Removed Read.cv (service is winding down)
|
||||
|
||||
### v3.1.1 - 1/28/2025
|
||||
- Fixed the alt text for Obsidian (`PR #138` / `@timtjtim`)
|
||||
|
||||
### v3.1.0 - 1/20/2025
|
||||
- Added alternate YouTube button (`PR #138` / `@Omikorin`)
|
||||
- Fixed `index.html` accessibilty issues (`PR #137` / `@rosahaj`)
|
||||
|
||||
|
||||
@@ -58,6 +58,13 @@
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
/* Apple Invites */
|
||||
.button-invites {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
/* Apple Music */
|
||||
.button-apple-music {
|
||||
--button-text:#ffffff;
|
||||
@@ -178,13 +185,13 @@
|
||||
/* Facebook */
|
||||
.button-faceb {
|
||||
--button-text:#ffffff;
|
||||
--button-background:#1877f2;
|
||||
--button-background:#0866FF;
|
||||
}
|
||||
|
||||
/* Facebook Messenger */
|
||||
.button-messenger {
|
||||
--button-text:#ffffff;
|
||||
background-image:linear-gradient(25deg,#0099ff,#5f5dff,#a033ff,#c740cc,#ff5280,#ff7061);
|
||||
--button-background:#0866FF;
|
||||
}
|
||||
|
||||
/* Figma */
|
||||
@@ -338,6 +345,13 @@
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
/* Matrix */
|
||||
.button-matrix {
|
||||
--button-text:#000000;
|
||||
--button-background:#ffffff;
|
||||
--button-border:1px solid #000000;
|
||||
}
|
||||
|
||||
/* Medium */
|
||||
.button-medium {
|
||||
--button-text:#ffffff;
|
||||
@@ -400,13 +414,6 @@
|
||||
--button-border:1px solid #212121;
|
||||
}
|
||||
|
||||
/* Read.cv */
|
||||
.button-read-cv {
|
||||
--button-text:#FFFFFF;
|
||||
--button-background:#000000;
|
||||
--button-border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
/* Reddit */
|
||||
.button-reddit {
|
||||
--button-text:#FFFFFF;
|
||||
|
||||
1
images/icons/apple-invites.svg
Normal file
1
images/icons/apple-invites.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="12" x2="12" y1=".5" y2="8.5"><stop offset="0" stop-color="#fecb00"/><stop offset="1" stop-color="#f3c200"/></linearGradient><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="12" x2="12" y1="4.93463" y2="24"><stop offset="0" stop-color="#fedf00"/><stop offset="1" stop-color="#ffce00"/></linearGradient><clipPath id="c"><path d="m0 0h24v24h-24z"/></clipPath><g clip-path="url(#c)"><rect fill="#fff" height="17" rx="6" width="24"/><path d="m5.10545 9.1754c.86078 0 1.55858-.6978 1.55858-1.55857 0-.86078-.6978-1.55858-1.55858-1.55858s-1.55857.6978-1.55857 1.55858c0 .86077.69779 1.55857 1.55857 1.55857z" fill="#ff284c"/><path d="m3.52537 10.8893c.86078 0 1.55858-.6978 1.55858-1.55855 0-.86078-.6978-1.55858-1.55858-1.55858s-1.55857.6978-1.55857 1.55858c0 .86075.69779 1.55855 1.55857 1.55855z" fill="#00cbf4" opacity=".9"/><path d="m12.8922 14.2188c.8951 0 1.6207-.7256 1.6207-1.6207s-.7256-1.6208-1.6207-1.6208-1.6207.7257-1.6207 1.6208.7256 1.6207 1.6207 1.6207z" fill="#00c3f3"/><path d="m14.6068 16.4557c.9208 0 1.6673-.7465 1.6673-1.6674 0-.9208-.7465-1.6673-1.6673-1.6673-.9209 0-1.6673.7465-1.6673 1.6673 0 .9209.7464 1.6674 1.6673 1.6674z" fill="#00a102" opacity=".9"/><path d="m17.0618 13.0796c.9209 0 1.6674-.7465 1.6674-1.6673s-.7465-1.66731-1.6674-1.66731c-.9208 0-1.6673.74651-1.6673 1.66731s.7465 1.6673 1.6673 1.6673z" fill="#ff8600"/><path d="m20.2611 10.9722c.9208 0 1.6673-.7465 1.6673-1.66734s-.7465-1.66732-1.6673-1.66732c-.9209 0-1.6673.74648-1.6673 1.66732s.7464 1.66734 1.6673 1.66734z" fill="#ff284c"/><path d="m16.4447 9.52751c.9208 0 1.6673-.74648 1.6673-1.66732 0-.92083-.7465-1.66731-1.6673-1.66731-.9209 0-1.6674.74648-1.6674 1.66731 0 .92084.7465 1.66732 1.6674 1.66732z" fill="#ffc100"/><path d="m14.1203 10.9722c.8722 0 1.5793-.7071 1.5793-1.57932s-.7071-1.57929-1.5793-1.57929-1.5793.70707-1.5793 1.57929.7071 1.57932 1.5793 1.57932z" fill="#ad42cf" opacity=".9"/><path d="m13.748 5.71133c.8608 0 1.5586-.6978 1.5586-1.55858 0-.86077-.6978-1.55857-1.5586-1.55857-.8607 0-1.5585.6978-1.5585 1.55857 0 .86078.6978 1.55858 1.5585 1.55858z" fill="#00c3f3"/><path d="m8.52733 7.11457c.86077 0 1.55857-.6978 1.55857-1.55858s-.6978-1.55858-1.55857-1.55858c-.86078 0-1.55858.6978-1.55858 1.55858s.6978 1.55858 1.55858 1.55858z" fill="#ffc100"/><path d="m9.62498 10.6667c.86082 0 1.55862-.69783 1.55862-1.55861s-.6978-1.55858-1.55862-1.55858c-.86078 0-1.55857.6978-1.55857 1.55858s.69779 1.55861 1.55857 1.55861z" fill="#ff8600"/><path d="m9.75584 13.1262c.86076 0 1.55856-.6978 1.55856-1.5586 0-.8607-.6978-1.5585-1.55856-1.5585-.86078 0-1.55857.6978-1.55857 1.5585 0 .8608.69779 1.5586 1.55857 1.5586z" fill="#ffc100" opacity=".9"/><path d="m6.46678 12.6395c.86078 0 1.55857-.6978 1.55857-1.5586s-.69779-1.55857-1.55857-1.55857-1.55858.69777-1.55858 1.55857.6978 1.5586 1.55858 1.5586z" fill="#ad42cf"/><path d="m10.4121 16.4142c.8608 0 1.5586-.6978 1.5586-1.5585 0-.8608-.6978-1.5586-1.5586-1.5586-.86079 0-1.55858.6978-1.55858 1.5586 0 .8607.69779 1.5585 1.55858 1.5585z" fill="#ff59c2"/><path d="m23.9697 4.93981c-.1709.23301-.3573.45048-.5644.6576l-.901.90097v-.33139c0-2.57864-2.0919-4.67055-4.6705-4.67055h-11.67122c-2.57864 0-4.67055 2.09191-4.67055 4.67055v.37799l-.947568-.94757c-.191586-.19159-.367638-.39353-.5229776-.60582.2381876-2.79612 2.5838156-4.99159 5.4420656-4.99159h13.07445c2.8375 0 5.1728 2.1644 5.4369 4.93463z" fill="url(#a)"/><path d="m23.9689 4.93981c-.1708.23301-.3572.45048-.5644.6576l-.9009.90098-8.0052 8.00521c-1.3929 1.3928-3.6557 1.3928-5.04856 0l-7.95858-7.95861-.947571-.94758c-.191585-.19158-.367638-.39352-.5229773-.60582-.01553402.15534-.0207117.31068-.0207117.4712v13.07441c0 3.0188 2.44401 5.4628 5.46278 5.4628h13.07442c3.0188 0 5.4628-2.444 5.4628-5.4628v-13.07441c0-.17606-.0104-.35211-.0259-.52816z" fill="url(#b)"/><path d="m12.3125 8c.8608 0 1.5586-.6978 1.5586-1.55857 0-.86078-.6978-1.55858-1.5586-1.55858s-1.5586.6978-1.5586 1.55858c0 .86077.6978 1.55857 1.5586 1.55857z" fill="#00a102" opacity=".9"/><path d="m16.7775 7.8602c.9094 0 1.6466-.73721 1.6466-1.6466 0-.9094-.7372-1.64661-1.6466-1.64661s-1.6466.73721-1.6466 1.64661c0 .90939.7372 1.6466 1.6466 1.6466z" fill="#ff59c2" opacity=".9"/></g></svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
@@ -1 +1,10 @@
|
||||
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h24v24h-24z"/></clipPath><g clip-path="url(#a)"><path d="m23.625 12c0-6.42188-5.2031-11.625-11.625-11.625-6.42188 0-11.625 5.20312-11.625 11.625 0 5.8022 4.25109 10.6116 9.8086 11.4844v-8.1239h-2.95313v-3.3605h2.95313v-2.56125c0-2.91328 1.7344-4.5225 4.3908-4.5225 1.2722 0 2.6025.22688 2.6025.22688v2.85937h-1.4663c-1.4437 0-1.8942.89625-1.8942 1.81547v2.18203h3.2241l-.5157 3.3605h-2.7084v8.1239c5.5575-.8728 9.8086-5.6822 9.8086-11.4844z" fill="#fff"/></g></svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_4_34)">
|
||||
<path d="M24 12C24 5.37264 18.6274 0 12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12H24Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_4_34">
|
||||
<rect width="24" height="24" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 633 B After Width: | Height: | Size: 683 B |
7
images/icons/matrix.svg
Normal file
7
images/icons/matrix.svg
Normal file
@@ -0,0 +1,7 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 520 520" style="enable-background:new 0 0 520 520;" xml:space="preserve">
|
||||
<path d="M13.7,11.9v496.2h35.7V520H0V0h49.4v11.9H13.7z"/>
|
||||
<path d="M166.3,169.2v25.1h0.7c6.7-9.6,14.8-17,24.2-22.2c9.4-5.3,20.3-7.9,32.5-7.9c11.7,0,22.4,2.3,32.1,6.8 c9.7,4.5,17,12.6,22.1,24c5.5-8.1,13-15.3,22.4-21.5c9.4-6.2,20.6-9.3,33.5-9.3c9.8,0,18.9,1.2,27.3,3.6c8.4,2.4,15.5,6.2,21.5,11.5 c6,5.3,10.6,12.1,14,20.6c3.3,8.5,5,18.7,5,30.7v124.1h-50.9V249.6c0-6.2-0.2-12.1-0.7-17.6c-0.5-5.5-1.8-10.3-3.9-14.3 c-2.2-4.1-5.3-7.3-9.5-9.7c-4.2-2.4-9.9-3.6-17-3.6c-7.2,0-13,1.4-17.4,4.1c-4.4,2.8-7.9,6.3-10.4,10.8c-2.5,4.4-4.2,9.4-5,15.1 c-0.8,5.6-1.3,11.3-1.3,17v103.3h-50.9v-104c0-5.5-0.1-10.9-0.4-16.3c-0.2-5.4-1.3-10.3-3.1-14.9c-1.8-4.5-4.8-8.2-9-10.9 c-4.2-2.7-10.3-4.1-18.5-4.1c-2.4,0-5.6,0.5-9.5,1.6c-3.9,1.1-7.8,3.1-11.5,6.1c-3.7,3-6.9,7.3-9.5,12.9c-2.6,5.6-3.9,13-3.9,22.1 v107.6h-50.9V169.2H166.3z"/>
|
||||
<path d="M506.3,508.1V11.9h-35.7V0H520v520h-49.4v-11.9H506.3z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -1 +1,10 @@
|
||||
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h24v24h-24z"/></clipPath><g clip-path="url(#a)"><path clip-rule="evenodd" d="m0 11.64c0-6.68831 5.24005-11.64 12-11.64 6.76 0 12 4.95169 12 11.64 0 6.6884-5.24 11.64-12 11.64-1.2142 0-2.3791-.1603-3.47362-.4612-.21276-.0586-.43901-.042-.64093.047l-2.38183 1.0514c-.62304.2751-1.32634-.168-1.34722-.8488l-.06535-2.1346c-.00804-.263-.12636-.5088-.32237-.6842-2.33492-2.0881-3.76868-5.1111-3.76868-8.6096zm8.31906-2.1884-3.525 5.5925c-.33828.5367.32143 1.1415.8268.758l3.78644-2.8737c.25613-.1944.6101-.1954.8673-.0025l2.8037 2.1028c.8412.631 2.042.4094 2.6027-.4802l3.525-5.59255c.3382-.53671-.3214-1.14151-.8268-.75799l-3.7865 2.87364c-.2561.1944-.61.1954-.8673.0025l-2.8036-2.10274c-.8413-.63096-2.04202-.40944-2.60274.48024z" fill="#fff" fill-rule="evenodd"/></g></svg>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_4_39)">
|
||||
<path d="M11.9991 0.0478516C5.26616 0.0478516 0.046875 4.9798 0.046875 11.6415C0.046875 15.1263 1.47492 18.1368 3.80034 20.2169C3.99588 20.3914 4.11349 20.6367 4.12162 20.8982L4.18664 23.0247C4.20719 23.7027 4.90807 24.1439 5.52815 23.87L7.90042 22.8225C8.1017 22.7341 8.32688 22.7173 8.53867 22.7761C9.62919 23.0759 10.789 23.2356 11.9986 23.2356C18.7315 23.2356 23.9508 18.3036 23.9508 11.642C23.9508 4.98028 18.732 0.0478516 11.9991 0.0478516ZM19.4056 8.54777L15.2443 14.979C15.033 15.3055 14.5975 15.3988 14.2709 15.1875L10.4161 12.6933C10.267 12.5967 10.0738 12.5996 9.92751 12.7004L5.58265 15.6971C4.94871 16.1341 4.17373 15.382 4.59205 14.7357L8.75381 8.30442C8.96512 7.97789 9.40066 7.88466 9.72672 8.09598L13.5825 10.5906C13.7317 10.6872 13.9248 10.6843 14.0711 10.5835L18.415 7.58729C19.0489 7.14984 19.8239 7.90235 19.4056 8.54873V8.54777Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_4_39">
|
||||
<rect width="24" height="24" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 938 B After Width: | Height: | Size: 1.1 KiB |
@@ -1 +0,0 @@
|
||||
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h24v24h-24z"/></clipPath><g clip-path="url(#a)"><path clip-rule="evenodd" d="m7.81661.0783257 13.47389 3.3594043c1.4019.34953 2.255 1.76934 1.9054 3.17123l-3.8414 15.40724c-.3496 1.4019-1.7694 2.255-3.1713 1.9055l-13.47382-3.3594c-1.40189-.3496-2.255-1.7694-1.905468-3.1713l3.841458-15.4072c.34953-1.401898 1.76934-2.255005 3.17124-1.9054743zm-.54126 4.3583943 12.51095 3.11932c.2835.0707.4561.35791.3854.6415l-.1659.66528c-.0707.28358-.3579.45616-.6415.38545l-12.51088-3.11932c-.28358-.0707-.45616-.35791-.38545-.6415l.16587-.66528c.07071-.28358.35792-.45616.64151-.38545zm11.55995 7.07398-12.51095-3.1193c-.28359-.0707-.5708.10187-.64151.38546l-.16587.66528c-.07071.28358.10187.57076.38546.64146l12.51087 3.1194c.2836.0707.5708-.1019.6415-.3855l.1659-.6653c.0707-.2836-.1019-.5708-.3854-.6415zm-13.49406.5851 5.74196 1.4317c.2836.0707.4562.3579.3855.6415l-.1659.6653c-.0707.2835-.3579.4561-.6415.3854l-5.74198-1.4316c-.28359-.0707-.45616-.3579-.38546-.6415l.16587-.6653c.07071-.2836.35792-.4562.64151-.3855z" fill="#fff" fill-rule="evenodd"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 1.2 KiB |
21
index.html
21
index.html
@@ -34,6 +34,11 @@
|
||||
<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>
|
||||
|
||||
<body>
|
||||
@@ -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>
|
||||
@@ -74,6 +79,9 @@
|
||||
<!-- Apple App Store -->
|
||||
<a class="button button-appstore" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple.svg" alt="Apple Logo">Apple App Store</a>
|
||||
|
||||
<!-- Apple Invites -->
|
||||
<a class="button button-invites" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple-invites.svg" alt="Apple Invites Logo">Apple Invites</a>
|
||||
|
||||
<!-- Apple Music -->
|
||||
<a class="button button-apple-music" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/apple-music.svg" alt="Apple Music Logo">Listen on Apple Music</a>
|
||||
|
||||
@@ -203,6 +211,9 @@
|
||||
<!-- Mastodon -->
|
||||
<a class="button button-mastodon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a>
|
||||
|
||||
<!-- Matrix -->
|
||||
<a class="button button-matrix" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/matrix.svg" alt="Matrix Logo">Matrix</a>
|
||||
|
||||
<!-- Medium -->
|
||||
<a class="button button-medium" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/medium.svg" alt="Medium Logo">Medium</a>
|
||||
|
||||
@@ -213,7 +224,7 @@
|
||||
<a class="button button-notion" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/notion.svg" alt="Notion Logo">Notion</a>
|
||||
|
||||
<!-- Obsidian -->
|
||||
<a class="button button-obsidian" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/obsidian.svg" alt="OnlyFans Logo">Obsidian</a>
|
||||
<a class="button button-obsidian" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/obsidian.svg" alt="Obsidian Logo">Obsidian</a>
|
||||
|
||||
<!-- OnlyFans -->
|
||||
<a class="button button-onlyfans" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/onlyfans.svg" alt="OnlyFans Logo">OnlyFans (18+)</a>
|
||||
@@ -230,9 +241,6 @@
|
||||
<!-- Product Hunt -->
|
||||
<a class="button button-product-hunt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/product-hunt.svg" alt="Product Hunt Logo">Product Hunt</a>
|
||||
|
||||
<!-- Read.cv -->
|
||||
<a class="button button-read-cv" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/read-cv.svg" alt="Read.cv logo">Read.cv</a>
|
||||
|
||||
<!-- Reddit -->
|
||||
<a class="button button-reddit" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/reddit.svg" alt="Reddit Logo">Reddit</a>
|
||||
|
||||
@@ -377,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 -->
|
||||
|
||||
Reference in New Issue
Block a user