From b9b5a86496507538845103dae924a9bdd601a84b Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Tue, 14 Dec 2021 14:17:18 -0500 Subject: [PATCH] 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