diff --git a/README.md b/README.md
index 9e6696e..55fc846 100644
--- a/README.md
+++ b/README.md
@@ -56,3 +56,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.
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..6db6961 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
@@ -88,147 +90,151 @@
-->
- 
GitHub
+ 
GitHub
-
+ 
Twitter
- 
Instagram
+ 
Instagram
- 
Find us on Facebook
+ 
Find us on Facebook
- 
Chat on Messenger
+ 
Chat on Messenger
- 
LinkedIn
+ 
LinkedIn
- 
YouTube
+ 
YouTube
- 
Discord
+ 
Discord
- 
Twitch
+ 
Twitch
- 
Product Hunt
+ 
Product Hunt
- 
Snapchat
+ 
Snapchat
- 
Spotify
+ 
Spotify
- 
Reddit
+ 
Reddit
- 
Mastodon
+ 
Mastodon
- 
Medium
+ 
Medium
- 
Follow on Pinterest
+ 
Follow on Pinterest
- 
TikTok
+ 
TikTok
- 
hello@littlelink.io
+ 
hello@littlelink.io
- 
hello@littlelink.io
+ 
hello@littlelink.io
- 
SoundCloud
+ 
SoundCloud
- 
Figma
+ 
Figma
- 
Kit
+ 
Kit
- 
Telegram
+ 
Telegram
- 
Tumblr
+ 
Tumblr
- 
Steam
+ 
Steam
- 
Vimeo
+ 
Vimeo
- 
PayPal
+ 
PayPal
- 
WhatsApp
+ 
WhatsApp
- 
Wordpress
+ 
Wordpress
- 
Goodreads
+ 
Goodreads
- 
Skoob
+ 
Skoob
- 
GitLab
+ 
GitLab
- 
Xing
+ 
Xing
+
- 
Bandcamp
+ 
Bandcamp
+
- 
Patreon
+ 
Patreon
+
- 
Signal
+ 
Signal
+
- 
Venmo
+ 
Venmo
Twitter
+