Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
e9795187b1 | ||
|
4cbc3699c3 | ||
|
|
a8082c0078 | ||
|
|
d607fe5799 | ||
|
bb98a753e1 | ||
|
|
2ddac4d2c5 | ||
|
|
fd3efdc367 | ||
|
|
5dabc02f2d | ||
|
|
be78b6bd4d | ||
|
|
93878a91c1 | ||
|
683e1c1aa4 | ||
|
|
5fe2d9b332 | ||
|
|
b40c337a9e | ||
|
|
8eaa45c270 | ||
|
|
aa334ce37c |
@@ -1,11 +1,11 @@
|
||||
|
||||
|
||||
# LittleLink
|
||||
The DIY self-hosted <a href="https://linktr.ee/" target="_blank" rel="noopener">LinkTree</a> alternative. LittleLink has more than 60 branded button styles you can easily use, with more being added by our community all the time.
|
||||
The DIY self-hosted <a href="https://linktr.ee/" target="_blank" rel="noopener">LinkTree</a> alternative. LittleLink has more than 100 branded button styles you can easily use, with more being added by our community all the time.
|
||||
|
||||
|
||||
|
||||
LittleLink has more than 60 branded button styles you can use (with even more being added by our community). You'll also find a light and dark theme ready to go. Not a fan of the default colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on.
|
||||
LittleLink has more than 100 branded button styles you can use (with even more being added by our community). You'll also find a light and dark theme ready to go. Not a fan of the default colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on.
|
||||
|
||||
|
||||
|
||||
@@ -17,7 +17,7 @@ No need for gulp, npm, or anything else to make LittleLink work—it uses the ba
|
||||
|
||||
[](https://app.netlify.com/start/deploy?repository=https://github.com/sethcottle/littlelink)
|
||||
|
||||
[](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fsethcottle%2Flittlelink&project-name=littlelink&repository-name=littlelink&demo-title=LittleLink%20Demo&demo-description=Imported%20from%20GitHub.)
|
||||
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fsethcottle%2Flittlelink&project-name=littlelink&repository-name=littlelink)
|
||||
|
||||
[](https://console.aws.amazon.com/amplify/home#/deploy?repo=https://github.com/sethcottle/littlelink)
|
||||
|
||||
@@ -47,6 +47,8 @@ Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/com
|
||||
You can support LittleLink by [buying me a beer](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
|
||||
**[links.dev](https://github.com/fatih-yavuz/links.dev)**
|
||||
|
||||
[Add Your Company Name](https://www.buymeacoffee.com/seth/e/50574)
|
||||
|
||||
#### ✨ Individual Supporters
|
||||
|
||||
@@ -378,6 +378,16 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* GoFundMe */
|
||||
.button.button-gofundme {
|
||||
color: #ffffff;
|
||||
background-color: #02A95C;
|
||||
}
|
||||
.button.button-gofundme:hover,
|
||||
.button.button-gofundme:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Goodreads */
|
||||
.button.button-goodreads {
|
||||
color: #333333;
|
||||
@@ -464,6 +474,26 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Kick */
|
||||
.button.button-kick {
|
||||
background-color:#000000;
|
||||
color: #ffffff;
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
.button.button-kick:hover {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Kick Alt */
|
||||
.button.button-kick-alt {
|
||||
background-color:#01e701;
|
||||
color: #000;
|
||||
}
|
||||
.button.button-kick-alt:hover {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
|
||||
/* Kickstarter */
|
||||
.button.button-kickstarter {
|
||||
color: #ffffff;
|
||||
@@ -569,6 +599,16 @@ button:hover,
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* NGL */
|
||||
.button.button-ngl {
|
||||
color: #ffffff;
|
||||
background-image: linear-gradient(-45deg, #ff8d10, #ec1187);
|
||||
}
|
||||
.button.button-ngl:hover,
|
||||
.button.button-ngl:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Notion */
|
||||
.button.button-notion {
|
||||
color: #000000;
|
||||
|
||||
6
images/icons/gofundme.svg
Normal file
6
images/icons/gofundme.svg
Normal file
@@ -0,0 +1,6 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M20.132 18.4042C18.5041 15.5885 15.4684 13.6966 11.9927 13.6966C8.50229 13.6966 5.46654 15.5885 3.83868 18.4042H20.132Z" fill="white"/>
|
||||
<path d="M23.549 9.19432C22.9331 8.59303 21.9505 8.59303 21.3492 9.19432L19.0174 11.5261C18.4308 12.1127 18.4161 13.066 18.9588 13.6673L19.0174 13.7259C19.6334 14.3272 20.616 14.3272 21.2172 13.7259L23.549 11.3941C24.1503 10.7782 24.1503 9.7956 23.549 9.19432Z" fill="white"/>
|
||||
<path d="M2.65078 9.19432C2.06416 8.6077 1.11091 8.59303 0.509623 9.13566L0.450962 9.19432C-0.150321 9.81027 -0.150321 10.7929 0.450962 11.3941L2.78277 13.7259C3.39872 14.3272 4.3813 14.3272 4.98259 13.7259C5.58387 13.11 5.58387 12.1274 4.98259 11.5261L2.65078 9.19432Z" fill="white"/>
|
||||
<path d="M12.0367 5H11.9633C11.1127 5 10.4235 5.68927 10.4088 6.55454V9.85426C10.4088 10.7049 11.1127 11.4088 11.9633 11.4088C12.8139 11.4088 13.5179 10.7049 13.5179 9.85426V6.55454C13.5179 5.71861 12.8579 5.02933 12.0367 5Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
27
images/icons/kick-alt.svg
Normal file
27
images/icons/kick-alt.svg
Normal file
@@ -0,0 +1,27 @@
|
||||
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 302" width="500" height="572">
|
||||
<title>kick-svg</title>
|
||||
<defs>
|
||||
<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
|
||||
<path d="m0 1h933v300h-933z"/>
|
||||
</clipPath>
|
||||
<clipPath clipPathUnits="userSpaceOnUse" id="cp2">
|
||||
<path d="m0 1h933.33v300h-933.33z"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<style>
|
||||
.s0 { fill: #000000 }
|
||||
</style>
|
||||
<g id="Clip-Path: Clip-Path" clip-path="url(#cp1)">
|
||||
<g id="Clip-Path">
|
||||
<g id="Layer">
|
||||
<g id="Clip-Path: Clip-Path" clip-path="url(#cp2)">
|
||||
<g id="Clip-Path">
|
||||
<g id="Layer">
|
||||
<path id="Layer" fill-rule="evenodd" class="s0" d="m0 1h100v66.7h33.3v-33.4h33.4v-33.3h100v100h-33.4v33.3h-33.3v33.4h33.3v33.3h33.4v100h-100v-33.3h-33.4v-33.4h-33.3v66.7h-100zm666.7 0h100v66.7h33.3v-33.4h33.3v-33.3h100v100h-33.3v33.3h-33.3v33.4h33.3v33.3h33.3v100h-100v-33.3h-33.3v-33.4h-33.3v66.7h-100zm-366.7 0h100v300h-100zm333.3 0v100h-100v100h100v100h-166.6v-33.3h-33.4v-233.4h33.4v-33.3z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
23
images/icons/kick.svg
Normal file
23
images/icons/kick.svg
Normal file
@@ -0,0 +1,23 @@
|
||||
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 300" width="502" height="571">
|
||||
<title>Kick_logo-svg</title>
|
||||
<defs>
|
||||
<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
|
||||
<path d="m0 0h933v300h-933z"/>
|
||||
</clipPath>
|
||||
<clipPath clipPathUnits="userSpaceOnUse" id="cp2">
|
||||
<path d="m0 0h933.33v300h-933.33z"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<style>
|
||||
.s0 { fill: #53fc18 }
|
||||
</style>
|
||||
<g id="Clip-Path" clip-path="url(#cp1)">
|
||||
<g id="Layer">
|
||||
<g id="Clip-Path" clip-path="url(#cp2)">
|
||||
<g id="Layer">
|
||||
<path id="Layer" fill-rule="evenodd" class="s0" d="m0 0h100v66.7h33.3v-33.4h33.4v-33.3h100v100h-33.4v33.3h-33.3v33.4h33.3v33.3h33.4v100h-100v-33.3h-33.4v-33.4h-33.3v66.7h-100zm666.7 0h100v66.7h33.3v-33.4h33.3v-33.3h100v100h-33.3v33.3h-33.3v33.4h33.3v33.3h33.3v100h-100v-33.3h-33.3v-33.4h-33.3v66.7h-100zm-366.7 0h100v300h-100zm333.3 0v100h-100v100h100v100h-166.6v-33.3h-33.4v-233.4h33.4v-33.3z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 961 B |
1
images/icons/ngl.svg
Normal file
1
images/icons/ngl.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.5 KiB |
14
index.html
14
index.html
@@ -181,6 +181,9 @@
|
||||
<!-- GitLab -->
|
||||
<a class="button button-gitlab" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/gitlab.svg" alt="">GitLab</a><br>
|
||||
|
||||
<!-- GoFundMe -->
|
||||
<a class="button button-gofundme" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/gofundme.svg" alt="">GoFundMe</a><br>
|
||||
|
||||
<!-- Goodreads -->
|
||||
<a class="button button-goodreads" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/goodreads.svg" alt="">Goodreads</a><br>
|
||||
|
||||
@@ -205,6 +208,12 @@
|
||||
<!-- Instagram -->
|
||||
<a class="button button-instagram" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/instagram.svg" alt="">Instagram</a><br>
|
||||
|
||||
<!-- Kick -->
|
||||
<a class="button button-kick" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kick.svg" alt="">Kick</a><br>
|
||||
|
||||
<!-- Kick Alt -->
|
||||
<a class="button button-kick-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kick-alt.svg" alt="">Kick</a><br>
|
||||
|
||||
<!-- Kickstarter -->
|
||||
<a class="button button-kickstarter" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kickstarter.svg" alt="">Kickstarter</a><br>
|
||||
|
||||
@@ -234,7 +243,10 @@
|
||||
|
||||
<!-- Medium -->
|
||||
<a class="button button-medium" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/medium.svg" alt="">Medium</a><br>
|
||||
|
||||
|
||||
<!-- NGL -->
|
||||
<a class="button button-ngl" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/ngl.svg" alt="">NGL</a><br>
|
||||
|
||||
<!-- Notion -->
|
||||
<a class="button button-notion" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/notion.svg" alt="">Notion</a><br>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user