From be28cdc12622e4658b50b51bc543226b4eb4b956 Mon Sep 17 00:00:00 2001 From: Jack MapelLentz <8261330+jltml@users.noreply.github.com> Date: Sun, 17 Oct 2021 21:42:21 -0500 Subject: [PATCH 1/6] Fix readme link to many.link MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Hi! This is an *incredibly* menial change, but I noticed that the link to many.link just pointed to google.com, so this PR fixes that, and… yeah, that's it ;) --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 2635a6b..5445048 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ ![LittleLink](https://cdn.cottle.cloud/littlelink/social-circle.png) LittleLink is a lightweight DIY alternative to services like [Linktree](https://linktr.ee) -and [many.link](https://www.google.com). LittleLink was built using [Skeleton](http://getskeleton.com/), a dead simple, responsive boilerplate—we just stripped out some additional code you wouldn't need and added in branded styles for popular services. 😊 +and [many.link](https://many.link/). LittleLink was built using [Skeleton](http://getskeleton.com/), a dead simple, responsive boilerplate—we just stripped out some additional code you wouldn't need and added in branded styles for popular services. 😊 ![Themes](https://cdn.cottle.cloud/littlelink/themes.png) From 3e55ab9f3be5925b4f52497745e1fce97bd5226b Mon Sep 17 00:00:00 2001 From: Joel Wetzell Date: Tue, 9 Nov 2021 17:34:32 -0600 Subject: [PATCH 2/6] Add Bandcamp SVG and CSS --- css/brands.css | 8 ++++++++ icons/bandcamp.svg | 26 ++++++++++++++++++++++++++ index.html | 3 +++ 3 files changed, 37 insertions(+) create mode 100644 icons/bandcamp.svg diff --git a/css/brands.css b/css/brands.css index a321f2c..180cd57 100644 --- a/css/brands.css +++ b/css/brands.css @@ -82,6 +82,14 @@ button:hover, .button.button-default:hover, .button.button-default:focus { filter: brightness(90%) } + +/* Bandcamp */ +.button.button-bandcamp { + color: #FFFFFF; + background-color: #1d9fc3 } +.button.button-bandcamp:hover, +.button.button-bandcamp:focus { + filter: brightness(90%) } /* Discord */ .button.button-discord { diff --git a/icons/bandcamp.svg b/icons/bandcamp.svg new file mode 100644 index 0000000..cde6f60 --- /dev/null +++ b/icons/bandcamp.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 4bac6a6..d40001a 100644 --- a/index.html +++ b/index.html @@ -218,6 +218,9 @@ xing LogoXing + + Bandcamp LogoBandcamp +

Build your own by forking LittleLink.

From e85a054c7f33e4132fb3557501ef88023a7f9813 Mon Sep 17 00:00:00 2001 From: Joel Wetzell Date: Wed, 10 Nov 2021 17:34:04 -0600 Subject: [PATCH 3/6] Add Signal, Venmo, Patreon --- css/brands.css | 24 ++++++++++++++++++++++++ icons/patreon.svg | 3 +++ icons/signal.svg | 3 +++ icons/venmo.svg | 3 +++ index.html | 9 +++++++++ 5 files changed, 42 insertions(+) create mode 100644 icons/patreon.svg create mode 100644 icons/signal.svg create mode 100644 icons/venmo.svg diff --git a/css/brands.css b/css/brands.css index 180cd57..7bd847c 100644 --- a/css/brands.css +++ b/css/brands.css @@ -91,6 +91,30 @@ button:hover, .button.button-bandcamp:focus { filter: brightness(90%) } +/* Patreon */ +.button.button-patreon { + color: #FFFFFF; + background-color: #ff424d } +.button.button-patreon:hover, +.button.button-patreon:focus { + filter: brightness(90%) } + +/* Signal */ +.button.button-signal { + color: #FFFFFF; + background-color: #3a76f0 } +.button.button-signal:hover, +.button.button-signal:focus { + filter: brightness(90%) } + +/* Venmo */ +.button.button-venmo { + color: #FFFFFF; + background-color: #3d95ce } +.button.button-venmo:hover, +.button.button-venmo:focus { + filter: brightness(90%) } + /* Discord */ .button.button-discord { color: #FFFFFF; diff --git a/icons/patreon.svg b/icons/patreon.svg new file mode 100644 index 0000000..fe07eb1 --- /dev/null +++ b/icons/patreon.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/signal.svg b/icons/signal.svg new file mode 100644 index 0000000..4cef57a --- /dev/null +++ b/icons/signal.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/venmo.svg b/icons/venmo.svg new file mode 100644 index 0000000..0c37329 --- /dev/null +++ b/icons/venmo.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/index.html b/index.html index d40001a..b0a035c 100644 --- a/index.html +++ b/index.html @@ -221,6 +221,15 @@ Bandcamp LogoBandcamp + + Patreon LogoPatreon + + + Signal LogoSignal + + + Venmo LogoVenmo +

Build your own by forking LittleLink.

From b9b5a86496507538845103dae924a9bdd601a84b Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Tue, 14 Dec 2021 14:17:18 -0500 Subject: [PATCH 4/6] Resolving Issues #31 and #32 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit To help our users who host LittleLink on default installations of Apache, I'm moving `icons` to `images/icons` to maximize compatibility. Please view Issue #31 for details: https://github.com/sethcottle/littlelink/issues/31 • Moved the `icons` folder to `images/icons` • Updated buttons on `index.html` with the new icon path. • Updated `index.html` comments to reflect changes. To help keep content from being blocked by "Fanboy’s Annoyance" on Ublock Origin and ABP, I'm updating the names of some of the branded buttons. Please view Issue #32 for details: https://github.com/sethcottle/littlelink/issues/32 • Changed Twitter from `button-twitter` to `button-twit` • Changed LinkedIn from `button-linkedin` to `button-linked` • Changed Facebook from `button-facebook` to `button-faceb` • Changed YouTube from `button-youtube` to `button-yt` • Changed Tumblr from `button-tumblr` to `button-tumb` General Changes: • Changed to to make it slightly more generic. • Added a supporters section to the README file under the Community Contributions. --- css/brands.css | 30 ++++----- {icons => images/icons}/bandcamp.svg | 0 {icons => images/icons}/discord.svg | 0 {icons => images/icons}/email.svg | 0 {icons => images/icons}/email_alt.svg | 0 {icons => images/icons}/facebook.svg | 0 {icons => images/icons}/figma.svg | 0 {icons => images/icons}/github.svg | 0 {icons => images/icons}/gitlab.svg | 0 {icons => images/icons}/goodreads.svg | 0 {icons => images/icons}/instagram.svg | 0 {icons => images/icons}/kit.svg | 0 {icons => images/icons}/linkedin.svg | 0 {icons => images/icons}/mastodon.svg | 0 {icons => images/icons}/medium.svg | 0 {icons => images/icons}/messenger.svg | 0 {icons => images/icons}/patreon.svg | 0 {icons => images/icons}/paypal.svg | 0 {icons => images/icons}/pinterest.svg | 0 {icons => images/icons}/producthunt.svg | 0 {icons => images/icons}/reddit.svg | 0 {icons => images/icons}/signal.svg | 0 {icons => images/icons}/skoob.svg | 0 {icons => images/icons}/snapchat.svg | 0 {icons => images/icons}/soundcloud.svg | 0 {icons => images/icons}/spotify.svg | 0 {icons => images/icons}/steam.svg | 0 {icons => images/icons}/telegram.svg | 0 {icons => images/icons}/tiktok.svg | 0 {icons => images/icons}/tumblr.svg | 0 {icons => images/icons}/twitch.svg | 0 {icons => images/icons}/twitter.svg | 0 {icons => images/icons}/venmo.svg | 0 {icons => images/icons}/vimeo.svg | 0 {icons => images/icons}/whatsapp.svg | 0 {icons => images/icons}/wordpress.svg | 0 {icons => images/icons}/xing.svg | 0 {icons => images/icons}/youtube.svg | 0 index.html | 84 +++++++++++++------------ 39 files changed, 60 insertions(+), 54 deletions(-) rename {icons => images/icons}/bandcamp.svg (100%) rename {icons => images/icons}/discord.svg (100%) rename {icons => images/icons}/email.svg (100%) rename {icons => images/icons}/email_alt.svg (100%) rename {icons => images/icons}/facebook.svg (100%) rename {icons => images/icons}/figma.svg (100%) rename {icons => images/icons}/github.svg (100%) rename {icons => images/icons}/gitlab.svg (100%) rename {icons => images/icons}/goodreads.svg (100%) rename {icons => images/icons}/instagram.svg (100%) rename {icons => images/icons}/kit.svg (100%) rename {icons => images/icons}/linkedin.svg (100%) rename {icons => images/icons}/mastodon.svg (100%) rename {icons => images/icons}/medium.svg (100%) rename {icons => images/icons}/messenger.svg (100%) rename {icons => images/icons}/patreon.svg (100%) rename {icons => images/icons}/paypal.svg (100%) rename {icons => images/icons}/pinterest.svg (100%) rename {icons => images/icons}/producthunt.svg (100%) rename {icons => images/icons}/reddit.svg (100%) rename {icons => images/icons}/signal.svg (100%) rename {icons => images/icons}/skoob.svg (100%) rename {icons => images/icons}/snapchat.svg (100%) rename {icons => images/icons}/soundcloud.svg (100%) rename {icons => images/icons}/spotify.svg (100%) rename {icons => images/icons}/steam.svg (100%) rename {icons => images/icons}/telegram.svg (100%) rename {icons => images/icons}/tiktok.svg (100%) rename {icons => images/icons}/tumblr.svg (100%) rename {icons => images/icons}/twitch.svg (100%) rename {icons => images/icons}/twitter.svg (100%) rename {icons => images/icons}/venmo.svg (100%) rename {icons => images/icons}/vimeo.svg (100%) rename {icons => images/icons}/whatsapp.svg (100%) rename {icons => images/icons}/wordpress.svg (100%) rename {icons => images/icons}/xing.svg (100%) rename {icons => images/icons}/youtube.svg (100%) diff --git a/css/brands.css b/css/brands.css index 7bd847c..5c57cf2 100644 --- a/css/brands.css +++ b/css/brands.css @@ -124,11 +124,11 @@ button:hover, filter: brightness(90%) } /* Facebook */ -.button.button-facebook { +.button.button-faceb { color: #FFFFFF; background-color: #1877f2 } -.button.button-facebook:hover, -.button.button-facebook:focus { +.button.button-faceb:hover, +.button.button-faceb:focus { filter: brightness(90%) } /* Facebook Messenger */ @@ -188,11 +188,11 @@ button:hover, filter: brightness(90%) } /* LinkedIn */ -.button.button-linkedin { +.button.button-linked { color: #FFFFFF; background-color: #2867B2 } -.button.button-linkedin:hover, -.button.button-linkedin:focus { +.button.button-linked:hover, +.button.button-linked:focus { filter: brightness(90%) } /* Mastodon */ @@ -295,11 +295,11 @@ button:hover, filter: brightness(90%) } /* Tumblr */ -.button.button-tumblr { +.button.button-tumb { color: #FFFFFF; background-color: #131313 } -.button.button-tumblr:hover, -.button.button-tumblr:focus { +.button.button-tumb:hover, +.button.button-tumb:focus { filter: brightness(90%) } /* Twitch */ @@ -311,11 +311,11 @@ button:hover, filter: brightness(90%) } /* Twitter */ -.button.button-twitter { +.button.button-twit { color: #FFFFFF; background-color: #1DA1F2 } -.button.button-twitter:hover, -.button.button-twitter:focus { +.button.button-twit:hover, +.button.button-twit:focus { filter: brightness(90%) } /* Vimeo */ @@ -335,11 +335,11 @@ button:hover, filter: brightness(90%) } /* YouTube */ -.button.button-youtube { +.button.button-yt { color: #FFFFFF; background-color: #000000 } -.button.button-youtube:hover, -.button.button-youtube:focus { +.button.button-yt:hover, +.button.button-yt:focus { filter: brightness(90%) } /* WhatsApp */ diff --git a/icons/bandcamp.svg b/images/icons/bandcamp.svg similarity index 100% rename from icons/bandcamp.svg rename to images/icons/bandcamp.svg diff --git a/icons/discord.svg b/images/icons/discord.svg similarity index 100% rename from icons/discord.svg rename to images/icons/discord.svg diff --git a/icons/email.svg b/images/icons/email.svg similarity index 100% rename from icons/email.svg rename to images/icons/email.svg diff --git a/icons/email_alt.svg b/images/icons/email_alt.svg similarity index 100% rename from icons/email_alt.svg rename to images/icons/email_alt.svg diff --git a/icons/facebook.svg b/images/icons/facebook.svg similarity index 100% rename from icons/facebook.svg rename to images/icons/facebook.svg diff --git a/icons/figma.svg b/images/icons/figma.svg similarity index 100% rename from icons/figma.svg rename to images/icons/figma.svg diff --git a/icons/github.svg b/images/icons/github.svg similarity index 100% rename from icons/github.svg rename to images/icons/github.svg diff --git a/icons/gitlab.svg b/images/icons/gitlab.svg similarity index 100% rename from icons/gitlab.svg rename to images/icons/gitlab.svg diff --git a/icons/goodreads.svg b/images/icons/goodreads.svg similarity index 100% rename from icons/goodreads.svg rename to images/icons/goodreads.svg diff --git a/icons/instagram.svg b/images/icons/instagram.svg similarity index 100% rename from icons/instagram.svg rename to images/icons/instagram.svg diff --git a/icons/kit.svg b/images/icons/kit.svg similarity index 100% rename from icons/kit.svg rename to images/icons/kit.svg diff --git a/icons/linkedin.svg b/images/icons/linkedin.svg similarity index 100% rename from icons/linkedin.svg rename to images/icons/linkedin.svg diff --git a/icons/mastodon.svg b/images/icons/mastodon.svg similarity index 100% rename from icons/mastodon.svg rename to images/icons/mastodon.svg diff --git a/icons/medium.svg b/images/icons/medium.svg similarity index 100% rename from icons/medium.svg rename to images/icons/medium.svg diff --git a/icons/messenger.svg b/images/icons/messenger.svg similarity index 100% rename from icons/messenger.svg rename to images/icons/messenger.svg diff --git a/icons/patreon.svg b/images/icons/patreon.svg similarity index 100% rename from icons/patreon.svg rename to images/icons/patreon.svg diff --git a/icons/paypal.svg b/images/icons/paypal.svg similarity index 100% rename from icons/paypal.svg rename to images/icons/paypal.svg diff --git a/icons/pinterest.svg b/images/icons/pinterest.svg similarity index 100% rename from icons/pinterest.svg rename to images/icons/pinterest.svg diff --git a/icons/producthunt.svg b/images/icons/producthunt.svg similarity index 100% rename from icons/producthunt.svg rename to images/icons/producthunt.svg diff --git a/icons/reddit.svg b/images/icons/reddit.svg similarity index 100% rename from icons/reddit.svg rename to images/icons/reddit.svg diff --git a/icons/signal.svg b/images/icons/signal.svg similarity index 100% rename from icons/signal.svg rename to images/icons/signal.svg diff --git a/icons/skoob.svg b/images/icons/skoob.svg similarity index 100% rename from icons/skoob.svg rename to images/icons/skoob.svg diff --git a/icons/snapchat.svg b/images/icons/snapchat.svg similarity index 100% rename from icons/snapchat.svg rename to images/icons/snapchat.svg diff --git a/icons/soundcloud.svg b/images/icons/soundcloud.svg similarity index 100% rename from icons/soundcloud.svg rename to images/icons/soundcloud.svg diff --git a/icons/spotify.svg b/images/icons/spotify.svg similarity index 100% rename from icons/spotify.svg rename to images/icons/spotify.svg diff --git a/icons/steam.svg b/images/icons/steam.svg similarity index 100% rename from icons/steam.svg rename to images/icons/steam.svg diff --git a/icons/telegram.svg b/images/icons/telegram.svg similarity index 100% rename from icons/telegram.svg rename to images/icons/telegram.svg diff --git a/icons/tiktok.svg b/images/icons/tiktok.svg similarity index 100% rename from icons/tiktok.svg rename to images/icons/tiktok.svg diff --git a/icons/tumblr.svg b/images/icons/tumblr.svg similarity index 100% rename from icons/tumblr.svg rename to images/icons/tumblr.svg diff --git a/icons/twitch.svg b/images/icons/twitch.svg similarity index 100% rename from icons/twitch.svg rename to images/icons/twitch.svg diff --git a/icons/twitter.svg b/images/icons/twitter.svg similarity index 100% rename from icons/twitter.svg rename to images/icons/twitter.svg diff --git a/icons/venmo.svg b/images/icons/venmo.svg similarity index 100% rename from icons/venmo.svg rename to images/icons/venmo.svg diff --git a/icons/vimeo.svg b/images/icons/vimeo.svg similarity index 100% rename from icons/vimeo.svg rename to images/icons/vimeo.svg diff --git a/icons/whatsapp.svg b/images/icons/whatsapp.svg similarity index 100% rename from icons/whatsapp.svg rename to images/icons/whatsapp.svg diff --git a/icons/wordpress.svg b/images/icons/wordpress.svg similarity index 100% rename from icons/wordpress.svg rename to images/icons/wordpress.svg diff --git a/icons/xing.svg b/images/icons/xing.svg similarity index 100% rename from icons/xing.svg rename to images/icons/xing.svg diff --git a/icons/youtube.svg b/images/icons/youtube.svg similarity index 100% rename from icons/youtube.svg rename to images/icons/youtube.svg diff --git a/index.html b/index.html index b0a035c..c2497b1 100644 --- a/index.html +++ b/index.html @@ -44,9 +44,11 @@ You can add your own brand or others brands you may need in the `css/brands.css` file. + You can add custom icons to `images/icons/...`. It is recommended to use a 24x24 .SVG. + Edit the "Your Image Here" section to add your own personal branding, like a picture of yourself or your brand logo! - Edit the "Your Name" section to change the page heading. You can use something like your name, your social handle, or your brand name. + Edit the "Title" section to change the page heading. You can use something like your name, your social handle, or your brand name. Edit the "Short Bio" section tell users about yourself or your brand. @@ -55,7 +57,7 @@ LittleLink Logo - +

LittleLink

@@ -88,147 +90,151 @@ --> - GitHub LogoGitHub + GitHub LogoGitHub
- Twitter LogoTwitter + Twitter LogoTwitter
- Instagram LogoInstagram + Instagram LogoInstagram
- Facebook LogoFind us on Facebook + Facebook LogoFind us on Facebook
- Facebook Messenger LogoChat on Messenger + Facebook Messenger LogoChat on Messenger
- LinkedIn LogoLinkedIn + LinkedIn LogoLinkedIn
- YouTube LogoYouTube + YouTube LogoYouTube
- Discord LogoDiscord + Discord LogoDiscord
- Twitch LogoTwitch + Twitch LogoTwitch
- Product Hunt LogoProduct Hunt + Product Hunt LogoProduct Hunt
- Snapchat LogoSnapchat + Snapchat LogoSnapchat
- Spotify LogoSpotify + Spotify LogoSpotify
- Reddit LogoReddit + Reddit LogoReddit
- Mastodon LogoMastodon + Mastodon LogoMastodon
- Medium LogoMedium + Medium LogoMedium
- Pinterest LogoFollow on Pinterest + Pinterest LogoFollow on Pinterest
- TikTok LogoTikTok + TikTok LogoTikTok
- Email Iconhello@littlelink.io + Email Iconhello@littlelink.io
- Email Iconhello@littlelink.io + Email Iconhello@littlelink.io
- SoundCloud LogoSoundCloud + SoundCloud LogoSoundCloud
- Figma LogoFigma + Figma LogoFigma
- Kit LogoKit + Kit LogoKit
- Telegram LogoTelegram + Telegram LogoTelegram
- Tumblr LogoTumblr + Tumblr LogoTumblr
- Steam LogoSteam + Steam LogoSteam
- Vimeo LogoVimeo + Vimeo LogoVimeo
- PayPal LogoPayPal + PayPal LogoPayPal
- WhatsApp LogoWhatsApp + WhatsApp LogoWhatsApp
- Wordpress LogoWordpress + Wordpress LogoWordpress
- Goodreads LogoGoodreads + Goodreads LogoGoodreads
- Skoob LogoSkoob + Skoob LogoSkoob
- GitLab LogoGitLab + GitLab LogoGitLab
- xing LogoXing + xing LogoXing +
- Bandcamp LogoBandcamp + Bandcamp LogoBandcamp +
- Patreon LogoPatreon + Patreon LogoPatreon +
- Signal LogoSignal + Signal LogoSignal +
- Venmo LogoVenmo + Venmo LogoVenmo

From aac73f7cdaf43b757c637e62cd36eb109a579806 Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Tue, 14 Dec 2021 14:18:49 -0500 Subject: [PATCH 5/6] Added Supporters Section --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index 5445048..ace4189 100644 --- a/README.md +++ b/README.md @@ -31,3 +31,6 @@ Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/com ##### Misc Check out [LittleLink Admin](https://github.com/khashayarzavosh/admin-littlelink) by [Khashayar Zavosh](https://github.com/khashayarzavosh) which lets you host your own admin portal to manage LittleLink! + +#### Supporters +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 [LittleLink.io](https://littlelink.io) website. From 487396f5fc18f14e4c214ace4c8ae8dce5935536 Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Tue, 14 Dec 2021 14:42:11 -0500 Subject: [PATCH 6/6] Updated Button Classes --- index.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index c2497b1..6db6961 100644 --- a/index.html +++ b/index.html @@ -94,7 +94,7 @@
- Twitter LogoTwitter + Twitter LogoTwitter
@@ -102,7 +102,7 @@
- Facebook LogoFind us on Facebook + Facebook LogoFind us on Facebook
@@ -110,11 +110,11 @@
- LinkedIn LogoLinkedIn + LinkedIn LogoLinkedIn
- YouTube LogoYouTube + YouTube LogoYouTube
@@ -182,7 +182,7 @@
- Tumblr LogoTumblr + Tumblr LogoTumblr