From 4287e2b6bda09b11084ff05778adc9e96e8fe3ec Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Fri, 28 Apr 2023 22:19:02 -0400 Subject: [PATCH] LittleLink 2.0 Refactored `index.html` to be in alphabetical order. This will make it easier for people to quickly scan to find what they're looking for to remove anything they don't want. They can reorder in the priority that meets their needs. Refactored `index.html` to streamline how each button line is showcased. Refactored `brands.css` to be in alphabetical order. Added to `brands.css` to include strokes around light and dark buttons that fail to meet background contrasts. Icons are all now 24x24. Quality controlled all icons and manually adjusted spacing. Created a custom .SVG for any .PNG icons. New LittleLink logo. --- css/brands.css | 75 +-- images/icons/amazon.svg | 8 +- images/icons/apple-music-alt.svg | 10 + images/icons/apple-music-white.svg | 34 -- images/icons/apple-music.svg | 54 +-- images/icons/apple-podcasts-alt.svg | 14 + images/icons/apple-podcasts-white.svg | 8 - images/icons/apple-podcasts.svg | 45 +- images/icons/{appstore.svg => apple.svg} | 4 +- images/icons/bandcamp.svg | 30 +- images/icons/blog.svg | 45 +- images/icons/bluesky.svg | 9 +- images/icons/buy-me-a-coffee.svg | 11 + images/icons/cash-app-btc.svg | 20 + images/icons/cash-app-dollar.svg | 20 + images/icons/cash-app-pound.svg | 20 + images/icons/cashapp_btc.svg | 27 -- images/icons/cashapp_dollar.svg | 28 -- images/icons/cashapp_pound.svg | 28 -- images/icons/clubhouse.svg | 11 +- images/icons/coffee.svg | 1 - images/icons/dev-to.svg | 3 + images/icons/dev_to.svg | 1 - images/icons/discord.svg | 2 +- images/icons/{email_alt.svg => email-alt.svg} | 7 + images/icons/email.svg | 7 + images/icons/etsy.svg | 7 + images/icons/facebook.svg | 12 +- images/icons/figma.svg | 15 +- images/icons/flickr.svg | 18 +- images/icons/github.svg | 12 +- images/icons/gitlab.svg | 10 +- images/icons/goodreads.svg | 12 +- images/icons/google-play.svg | 6 + images/icons/google-podcasts.svg | 29 +- images/icons/google-scholar.svg | 13 + images/icons/google_scholar.svg | 1 - images/icons/hashnode.svg | 24 +- images/icons/instagram.svg | 11 +- images/icons/kickstarter.svg | 11 +- images/icons/kit.svg | 7 +- images/icons/ko-fi.svg | 16 +- images/icons/letterboxd.svg | 18 +- images/icons/linkedin.svg | 12 +- images/icons/littlelink.svg | 11 +- images/icons/mastodon.svg | 13 +- images/icons/medium.svg | 6 +- images/icons/messenger.svg | 7 + images/icons/notion.svg | 13 +- images/icons/patreon.svg | 13 +- images/icons/paypal.svg | 24 +- images/icons/pinterest.svg | 4 +- images/icons/playstore.svg | 6 - images/icons/post-news.svg | 5 + images/icons/post.news.png | Bin 3271 -> 0 bytes .../{producthunt.svg => product-hunt.svg} | 8 +- images/icons/redbubble.svg | 13 +- images/icons/reddit.svg | 13 +- images/icons/signal.svg | 13 +- images/icons/skoob.svg | 6 +- images/icons/snapchat.svg | 9 +- images/icons/soundcloud.svg | 5 +- images/icons/spotify-alt.svg | 10 + images/icons/spotify-green.svg | 7 - images/icons/spotify.svg | 12 +- images/icons/steam.svg | 12 +- images/icons/strava.svg | 4 +- images/icons/substack.svg | 2 +- images/icons/telegram.svg | 12 +- images/icons/threema.svg | 17 +- images/icons/tiktok.svg | 8 +- images/icons/trello.svg | 20 +- images/icons/tumblr.svg | 5 +- images/icons/twitch.svg | 8 +- images/icons/twitter.svg | 4 +- images/icons/unsplash.svg | 11 +- images/icons/untappd.svg | 4 +- images/icons/venmo.svg | 6 +- images/icons/vimeo.svg | 9 +- images/icons/vrchat.svg | 13 +- images/icons/web.svg | 29 +- images/icons/whatsapp.svg | 19 +- images/icons/wordpress.svg | 7 + images/icons/xing.svg | 11 +- images/icons/youtube-music.svg | 36 +- images/icons/youtube.svg | 7 - index.html | 449 ++++++------------ privacy.html | 6 +- 88 files changed, 808 insertions(+), 845 deletions(-) create mode 100644 images/icons/apple-music-alt.svg delete mode 100644 images/icons/apple-music-white.svg create mode 100644 images/icons/apple-podcasts-alt.svg delete mode 100644 images/icons/apple-podcasts-white.svg rename images/icons/{appstore.svg => apple.svg} (93%) create mode 100644 images/icons/buy-me-a-coffee.svg create mode 100644 images/icons/cash-app-btc.svg create mode 100644 images/icons/cash-app-dollar.svg create mode 100644 images/icons/cash-app-pound.svg delete mode 100644 images/icons/cashapp_btc.svg delete mode 100644 images/icons/cashapp_dollar.svg delete mode 100644 images/icons/cashapp_pound.svg delete mode 100644 images/icons/coffee.svg create mode 100644 images/icons/dev-to.svg delete mode 100644 images/icons/dev_to.svg rename images/icons/{email_alt.svg => email-alt.svg} (82%) create mode 100644 images/icons/google-play.svg create mode 100644 images/icons/google-scholar.svg delete mode 100644 images/icons/google_scholar.svg delete mode 100644 images/icons/playstore.svg create mode 100644 images/icons/post-news.svg delete mode 100644 images/icons/post.news.png rename images/icons/{producthunt.svg => product-hunt.svg} (57%) create mode 100644 images/icons/spotify-alt.svg delete mode 100644 images/icons/spotify-green.svg diff --git a/css/brands.css b/css/brands.css index 53a1c8b..d9ff264 100644 --- a/css/brands.css +++ b/css/brands.css @@ -87,7 +87,8 @@ button:hover, /* Amazon */ .button.button-amazon { color: #000000; - background-color: #ffffff; + background-color: #FFFFFF; + border: 1px solid #212121; } .button.button-amazon:hover, .button.button-amazon:focus { @@ -96,8 +97,9 @@ button:hover, /* Apple App Store */ .button.button-appstore { - color: #ffffff; + color: #FFFFFF; background-color: #000000; + border: 1px solid #FFFFFF; } .button.button-appstore:hover, .button.button-appstore:focus { @@ -108,6 +110,7 @@ button:hover, .button.button-apple-music { color: #ffffff; background-color: #000000; + border: 1px solid #FFFFFF; } .button.button-apple-music:hover, .button.button-apple-music:focus { @@ -128,6 +131,7 @@ button:hover, .button.button-apple-podcasts { color: #ffffff; background-color: #000000; + border: 1px solid #FFFFFF; } .button.button-apple-podcasts:hover, .button.button-apple-podcasts:focus { @@ -158,6 +162,7 @@ button:hover, .button.button-bluesky { color: #000000; background-color: #F3F9FF; + border: 1px solid #212121; } .button.button-bluesky:hover, .button.button-bluesky:focus { @@ -174,23 +179,24 @@ button:hover, filter: brightness(90%); } -/* Clubhouse */ -.button.button-clubhouse { - color: #1F1F1A; - background-color: #F1EFE3; +/* Cash App */ +.button.button-cash-app { + color: #ffffff; + background-image: linear-gradient(to bottom, #00d64b, #00c244); } -.button.button-coffee:hover, -.button.button-coffee:focus { +.button.button-cash-app:hover, +.button.button-cash-app:focus { filter: brightness(90%); } -/* Cash App */ -.button.button-cashapp { - color: #ffffff; - background-image: linear-gradient(to bottom, #00d64b, #00c244); +/* Clubhouse */ +.button.button-clubhouse { + color: #1F1F1A; + background-color: #F1EFE3; + border: 1px solid #212121; } -.button.button-cashapp:hover, -.button.button-cashapp:focus { +.button.button-clubhouse:hover, +.button.button-clubhouse:focus { filter: brightness(90%); } @@ -198,6 +204,7 @@ button:hover, .button.button-dev-to { color: #000000; background-color: #f5f5f5; + border: 1px solid #212121; } .button.button-dev-to:hover, .button.button-dev-to:focus { @@ -256,6 +263,7 @@ button:hover, .button.button-figma { color: #ffffff; background-color: #000000; + border: 1px solid #FFFFFF; } .button.button-figma:hover, .button.button-figma:focus { @@ -266,6 +274,7 @@ button:hover, .button.button-flickr { color: #ffffff; background-color: #000000; + border: 1px solid #FFFFFF; } .button.button-flickr:hover, .button.button-flickr:focus { @@ -276,6 +285,7 @@ button:hover, .button.button-github { color: #ffffff; background-color: #000000; + border: 1px solid #FFFFFF; } .button.button-github:hover, .button.button-github:focus { @@ -296,6 +306,7 @@ button:hover, .button.button-goodreads { color: #333333; background-color: #f3f1e6; + border: 1px solid #212121; } .button.button-goodreads:hover, .button.button-goodreads:focus { @@ -306,6 +317,7 @@ button:hover, .button.button-playstore { color: #FFFFFF; background-color: #000000; + border: 1px solid #FFFFFF; } .button.button-playstore:hover, .button.button-playstore:focus { @@ -316,6 +328,7 @@ button:hover, .button.button-google-podcasts { color: #000000; background-color: #FFFFFF; + border: 1px solid #212121; } .button.button-google-podcasts:hover, .button.button-google-podcasts:focus { @@ -325,7 +338,8 @@ button:hover, /* Google Scholar */ .button.button-google-scholar { color: #000000; - background-color: #f5f5f5; + background-color: #FFFFFF; + border: 1px solid #212121; } .button.button-google-scholar:hover, .button.button-google-scholar:focus { @@ -336,6 +350,7 @@ button:hover, .button.button-hashnode { color: #000000; background-color: #ffffff; + border: 1px solid #212121; } .button.button-hashnode:hover, .button.button-hashnode:focus { @@ -366,6 +381,7 @@ button:hover, .button.button-kit { color: #ffffff; background-color: #000000; + border: 1px solid #FFFFFF; } .button.button-kit:hover, .button.button-kit:focus { @@ -386,6 +402,7 @@ button:hover, .button.button-letterboxd { color: #ffffff; background-color: #2c3440; + border: 1px solid #FFFFFF; } .button.button-letterboxd:hover, .button.button-letterboxd:focus { @@ -406,6 +423,7 @@ button:hover, .button.button-mastodon { color: #ffffff; background-color: #17063B; + border: 1px solid #FFFFFF; } .button.button-mastodon:hover, .button.button-mastodon:focus { @@ -416,6 +434,7 @@ button:hover, .button.button-medium { color: #ffffff; background-color: #000000; + border: 1px solid #FFFFFF; } .button.button-medium:hover, .button.button-medium:focus { @@ -425,9 +444,7 @@ button:hover, /* Notion */ .button.button-notion { color: #000000; - border-style: solid; - border-color: #000000; - border-width: 2px; + border: 1px solid #212121; background-color: #ffffff; } .button.button-notion:hover, @@ -469,6 +486,7 @@ button:hover, .button.button-pinterest { color: #000000; background-color: #ffe2eb; + border: 1px solid #212121; } .button.button-pinterest:hover, .button.button-pinterest:focus { @@ -486,12 +504,10 @@ button:hover, } /* Product Hunt */ -.button.button-producthunt { +.button.button-product-hunt { color: #da552f; - border-style: solid; - border-color: #da552f; - border-width: 2px; background-color: #ffffff; + border: 1px solid #212121; } .button.button-producthunt:hover, .button.button-producthunt:focus { @@ -501,10 +517,8 @@ button:hover, /* Redbubble */ .button.button-redbubble { color: #e41321; - border-style: solid; - border-color: #e41321; - border-width: 2px; background-color: #ffffff; + border: 1px solid #212121; } .button.button-redbubble:hover, .button.button-redbubble:focus { @@ -515,6 +529,7 @@ button:hover, .button.button-reddit { color: #000000; background-color: #d7dfe2; + border: 1px solid #212121; } .button.button-reddit:hover, .button.button-reddit:focus { @@ -575,6 +590,7 @@ button:hover, .button.button-spotify-alt { color: #FFFFFF; background-color: #191414; + border: 1px solid #FFFFFF; } .button.button-spotify-alt:hover, .button.button-spotify-alt:focus { @@ -584,7 +600,7 @@ button:hover, /* Steam */ .button.button-steam { color: #ffffff; - background-color: #171a21; + background-image: linear-gradient(90deg, #08BBFF, #2B75FF); } .button.button-steam:hover, .button.button-steam:focus { @@ -635,6 +651,7 @@ button:hover, .button.button-tiktok { color: #ffffff; background-color: #000000; + border: 1px solid #FFFFFF; } .button.button-tiktok:hover, .button.button-tiktok:focus { @@ -655,6 +672,7 @@ button:hover, .button.button-tumb { color: #ffffff; background-color: #131313; + border: 1px solid #FFFFFF; } .button.button-tumb:hover, .button.button-tumb:focus { @@ -685,6 +703,7 @@ button:hover, .button.button-unsplash { color: #000000; background-color: #ffffff; + border: 1px solid #212121; } .button.button-unsplash:hover, .button.button-unsplash:focus { @@ -725,7 +744,7 @@ button:hover, .button.button-vrchat { color: #000000; background-color: #ffffff; - border: 2px solid black; + border: 1px solid black; } .button.button-vrchat:hover, .button.button-vrchat:focus { @@ -736,6 +755,7 @@ button:hover, .button.button-web { color: #ffffff; background-color: #000000; + border: 1px solid #FFFFFF; } .button.button-web:hover, .button.button-web:focus { @@ -776,6 +796,7 @@ button:hover, .button.button-yt { color: #ffffff; background-color: #000000; + border: 1px solid #FFFFFF; } .button.button-yt:hover, .button.button-yt:focus { diff --git a/images/icons/amazon.svg b/images/icons/amazon.svg index b0c84df..4dfc77f 100644 --- a/images/icons/amazon.svg +++ b/images/icons/amazon.svg @@ -1,12 +1,12 @@ - - + + - + - + diff --git a/images/icons/apple-music-alt.svg b/images/icons/apple-music-alt.svg new file mode 100644 index 0000000..b5bff10 --- /dev/null +++ b/images/icons/apple-music-alt.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/apple-music-white.svg b/images/icons/apple-music-white.svg deleted file mode 100644 index 18c7389..0000000 --- a/images/icons/apple-music-white.svg +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - - - - - - - diff --git a/images/icons/apple-music.svg b/images/icons/apple-music.svg index da8ec8a..846eb20 100644 --- a/images/icons/apple-music.svg +++ b/images/icons/apple-music.svg @@ -1,43 +1,15 @@ - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + diff --git a/images/icons/apple-podcasts-alt.svg b/images/icons/apple-podcasts-alt.svg new file mode 100644 index 0000000..b029a7e --- /dev/null +++ b/images/icons/apple-podcasts-alt.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/images/icons/apple-podcasts-white.svg b/images/icons/apple-podcasts-white.svg deleted file mode 100644 index 5836d90..0000000 --- a/images/icons/apple-podcasts-white.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/images/icons/apple-podcasts.svg b/images/icons/apple-podcasts.svg index a621342..2e4d203 100644 --- a/images/icons/apple-podcasts.svg +++ b/images/icons/apple-podcasts.svg @@ -1,31 +1,18 @@ - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + diff --git a/images/icons/appstore.svg b/images/icons/apple.svg similarity index 93% rename from images/icons/appstore.svg rename to images/icons/apple.svg index ff199d1..fe12233 100644 --- a/images/icons/appstore.svg +++ b/images/icons/apple.svg @@ -1,9 +1,9 @@ - + - + diff --git a/images/icons/bandcamp.svg b/images/icons/bandcamp.svg index cde6f60..7dce88b 100644 --- a/images/icons/bandcamp.svg +++ b/images/icons/bandcamp.svg @@ -1,26 +1,4 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + diff --git a/images/icons/blog.svg b/images/icons/blog.svg index cd54c19..063390f 100644 --- a/images/icons/blog.svg +++ b/images/icons/blog.svg @@ -1,37 +1,10 @@ - - - - - - + + + + + + + + + diff --git a/images/icons/bluesky.svg b/images/icons/bluesky.svg index 161cf66..c21441e 100644 --- a/images/icons/bluesky.svg +++ b/images/icons/bluesky.svg @@ -1,9 +1,14 @@ - + + + - + + + + diff --git a/images/icons/buy-me-a-coffee.svg b/images/icons/buy-me-a-coffee.svg new file mode 100644 index 0000000..1a6e500 --- /dev/null +++ b/images/icons/buy-me-a-coffee.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/images/icons/cash-app-btc.svg b/images/icons/cash-app-btc.svg new file mode 100644 index 0000000..81c78b6 --- /dev/null +++ b/images/icons/cash-app-btc.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/cash-app-dollar.svg b/images/icons/cash-app-dollar.svg new file mode 100644 index 0000000..276416c --- /dev/null +++ b/images/icons/cash-app-dollar.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/cash-app-pound.svg b/images/icons/cash-app-pound.svg new file mode 100644 index 0000000..6220f75 --- /dev/null +++ b/images/icons/cash-app-pound.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/cashapp_btc.svg b/images/icons/cashapp_btc.svg deleted file mode 100644 index 8c4a6d7..0000000 --- a/images/icons/cashapp_btc.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/images/icons/cashapp_dollar.svg b/images/icons/cashapp_dollar.svg deleted file mode 100644 index 8075ef5..0000000 --- a/images/icons/cashapp_dollar.svg +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/images/icons/cashapp_pound.svg b/images/icons/cashapp_pound.svg deleted file mode 100644 index 70d3f3e..0000000 --- a/images/icons/cashapp_pound.svg +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/images/icons/clubhouse.svg b/images/icons/clubhouse.svg index 7673f5a..796ec17 100644 --- a/images/icons/clubhouse.svg +++ b/images/icons/clubhouse.svg @@ -1,8 +1,15 @@ + - - + + + + + + + + diff --git a/images/icons/coffee.svg b/images/icons/coffee.svg deleted file mode 100644 index 1876bfc..0000000 --- a/images/icons/coffee.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/images/icons/dev-to.svg b/images/icons/dev-to.svg new file mode 100644 index 0000000..4e9896f --- /dev/null +++ b/images/icons/dev-to.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/dev_to.svg b/images/icons/dev_to.svg deleted file mode 100644 index d52b2ed..0000000 --- a/images/icons/dev_to.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/images/icons/discord.svg b/images/icons/discord.svg index 667def4..0d23b23 100644 --- a/images/icons/discord.svg +++ b/images/icons/discord.svg @@ -1,3 +1,3 @@ - + diff --git a/images/icons/email_alt.svg b/images/icons/email-alt.svg similarity index 82% rename from images/icons/email_alt.svg rename to images/icons/email-alt.svg index 954a4af..80facf0 100644 --- a/images/icons/email_alt.svg +++ b/images/icons/email-alt.svg @@ -1,3 +1,10 @@ + + + + + + + diff --git a/images/icons/email.svg b/images/icons/email.svg index 85697ac..b494f4e 100644 --- a/images/icons/email.svg +++ b/images/icons/email.svg @@ -1,3 +1,10 @@ + + + + + + + diff --git a/images/icons/etsy.svg b/images/icons/etsy.svg index e414e57..9be5ae0 100644 --- a/images/icons/etsy.svg +++ b/images/icons/etsy.svg @@ -1,3 +1,10 @@ + + + + + + + diff --git a/images/icons/facebook.svg b/images/icons/facebook.svg index 62b14e2..583ffe2 100644 --- a/images/icons/facebook.svg +++ b/images/icons/facebook.svg @@ -1,2 +1,10 @@ - \ No newline at end of file + + + + + + + + + + diff --git a/images/icons/figma.svg b/images/icons/figma.svg index 9cb862d..297e448 100644 --- a/images/icons/figma.svg +++ b/images/icons/figma.svg @@ -1,14 +1,7 @@ - - - - - + + + + - - - - - - diff --git a/images/icons/flickr.svg b/images/icons/flickr.svg index bde20ab..d3898a1 100644 --- a/images/icons/flickr.svg +++ b/images/icons/flickr.svg @@ -1 +1,17 @@ - + + + + + + + + + + + + + + + + + diff --git a/images/icons/github.svg b/images/icons/github.svg index 543256c..6994757 100644 --- a/images/icons/github.svg +++ b/images/icons/github.svg @@ -1,2 +1,10 @@ - - \ No newline at end of file + + + + + + + + + + diff --git a/images/icons/gitlab.svg b/images/icons/gitlab.svg index b88f362..816f274 100644 --- a/images/icons/gitlab.svg +++ b/images/icons/gitlab.svg @@ -1 +1,9 @@ - \ No newline at end of file + + + + + + + + + diff --git a/images/icons/goodreads.svg b/images/icons/goodreads.svg index ce87093..50c45f9 100644 --- a/images/icons/goodreads.svg +++ b/images/icons/goodreads.svg @@ -1 +1,11 @@ - \ No newline at end of file + + + + + + + + + + + diff --git a/images/icons/google-play.svg b/images/icons/google-play.svg new file mode 100644 index 0000000..b72aea5 --- /dev/null +++ b/images/icons/google-play.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/images/icons/google-podcasts.svg b/images/icons/google-podcasts.svg index 079d16d..792b51f 100644 --- a/images/icons/google-podcasts.svg +++ b/images/icons/google-podcasts.svg @@ -1,10 +1,19 @@ - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/google-scholar.svg b/images/icons/google-scholar.svg new file mode 100644 index 0000000..929e0e6 --- /dev/null +++ b/images/icons/google-scholar.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/images/icons/google_scholar.svg b/images/icons/google_scholar.svg deleted file mode 100644 index 7753830..0000000 --- a/images/icons/google_scholar.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/images/icons/hashnode.svg b/images/icons/hashnode.svg index 69f2e29..4606376 100644 --- a/images/icons/hashnode.svg +++ b/images/icons/hashnode.svg @@ -1 +1,23 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/instagram.svg b/images/icons/instagram.svg index a398760..2e7eead 100644 --- a/images/icons/instagram.svg +++ b/images/icons/instagram.svg @@ -1,3 +1,10 @@ - - + + + + + + + + + diff --git a/images/icons/kickstarter.svg b/images/icons/kickstarter.svg index 075b10e..2b0c4e7 100644 --- a/images/icons/kickstarter.svg +++ b/images/icons/kickstarter.svg @@ -1,9 +1,14 @@ - - + + + + + + + - + diff --git a/images/icons/kit.svg b/images/icons/kit.svg index 5c27073..8708a3a 100644 --- a/images/icons/kit.svg +++ b/images/icons/kit.svg @@ -1,10 +1,9 @@ - - - + + - + diff --git a/images/icons/ko-fi.svg b/images/icons/ko-fi.svg index 4fefd54..eea0dbd 100644 --- a/images/icons/ko-fi.svg +++ b/images/icons/ko-fi.svg @@ -1,11 +1,5 @@ - - - Layer 1 - - - - - - - - \ No newline at end of file + + + + + diff --git a/images/icons/letterboxd.svg b/images/icons/letterboxd.svg index 02a9fe2..27efec7 100644 --- a/images/icons/letterboxd.svg +++ b/images/icons/letterboxd.svg @@ -1,13 +1,7 @@ - - - - - - - - - - - - + + + + + + diff --git a/images/icons/linkedin.svg b/images/icons/linkedin.svg index d8c921a..8802989 100644 --- a/images/icons/linkedin.svg +++ b/images/icons/linkedin.svg @@ -1,2 +1,10 @@ - \ No newline at end of file + + + + + + + + + + diff --git a/images/icons/littlelink.svg b/images/icons/littlelink.svg index 6d3d550..bf7b92c 100644 --- a/images/icons/littlelink.svg +++ b/images/icons/littlelink.svg @@ -1,10 +1,15 @@ - + + + + + - + + - + diff --git a/images/icons/mastodon.svg b/images/icons/mastodon.svg index 0f8baeb..c876992 100644 --- a/images/icons/mastodon.svg +++ b/images/icons/mastodon.svg @@ -1,10 +1,15 @@ - - - + + + + + - + + + + diff --git a/images/icons/medium.svg b/images/icons/medium.svg index ac7d0fd..dbe8d4f 100644 --- a/images/icons/medium.svg +++ b/images/icons/medium.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/images/icons/messenger.svg b/images/icons/messenger.svg index 87a9e0a..82a7a7f 100644 --- a/images/icons/messenger.svg +++ b/images/icons/messenger.svg @@ -1,3 +1,10 @@ + + + + + + + diff --git a/images/icons/notion.svg b/images/icons/notion.svg index 201f7bb..ceaf7af 100644 --- a/images/icons/notion.svg +++ b/images/icons/notion.svg @@ -1,9 +1,14 @@ - - + + + + - + - + + + + diff --git a/images/icons/patreon.svg b/images/icons/patreon.svg index fe07eb1..7bb28b7 100644 --- a/images/icons/patreon.svg +++ b/images/icons/patreon.svg @@ -1,3 +1,10 @@ - - - \ No newline at end of file + + + + + + + + + + diff --git a/images/icons/paypal.svg b/images/icons/paypal.svg index 306ba8c..56c459b 100644 --- a/images/icons/paypal.svg +++ b/images/icons/paypal.svg @@ -1,21 +1,5 @@ - - - - - - - - - + + + + diff --git a/images/icons/pinterest.svg b/images/icons/pinterest.svg index c57d0f6..16607c9 100644 --- a/images/icons/pinterest.svg +++ b/images/icons/pinterest.svg @@ -1,10 +1,10 @@ - + - + diff --git a/images/icons/playstore.svg b/images/icons/playstore.svg deleted file mode 100644 index 703a0d0..0000000 --- a/images/icons/playstore.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/images/icons/post-news.svg b/images/icons/post-news.svg new file mode 100644 index 0000000..0f28cc9 --- /dev/null +++ b/images/icons/post-news.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/icons/post.news.png b/images/icons/post.news.png deleted file mode 100644 index c875d529e1ef2ad8c18b4d18899e1f0299bec64f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3271 zcmc&%d2AF_7+;QJTOr1Pr9eZ5DWHI}bMEZUgcVA+&??JOs}{>2zJ2qyJF>eootbu9 z8j!YuVC0q%!eIabiw7E-B8eIWv^IEwiXy?Hh@wOR4Mh$S-)wi6s)g1oZZbP>X219S zzT@|O-`mG$Oq((wb7-c+;TTX<=qtweZ2L;@hrhpwc`xEyhF&Lt&<@;XVVikE!IO@zpX`5J46osw3g3DOY>RxLz5r?bkF(#6_$*UNX-H zBuf1=h$S@4ymYl4cg`7JG0(TP}!*Mj@p;?jQIGK0J0!t)5BnC8;pj_;m zoPfhmUNU4^x=hotSj-vYotjZjvyvpy3`cVug(WDnCTf9dDr)8?HTaMT4OO>PElSuL zK|rgtyd*ZZ!;6TXQX4fBk-{;ftAS3lPR8~sE~vnioL*^!7O zj$IGvMc>eTEn0<)P7dh60Ju#d!}O9tLyHh8DiD@N09_BO5ZJEMRZ%6;2U5u*Z-`@p zs+$Li6Wt<@c!p9u3P%YXFH!;I!kib}K~E5hkQ3NskpCPcOnXsg`6TWCUXT(gfFTeq zN4U+?|G*s&WJM@29?AtV#{}fU?zn>j72tS=7g>>G0+_WOc6RBGTV_%P|DU@9yJbN) ziMP3tBFc@!rXWM@#DmUUOPN5#S@-YYb<4Vdo8f|P5w{cs6-p32i1P3ppdcp(1vcnH zk|$N#|9_ggb*E>Y_a?0CJUjkP*3tHnqN9t_e{8TF&%O?7OtxE2eCoZtKszNZ&o?9=+-fmPdHq?!UOj=EFqVA z$^N(P?%%Se_Wetj-wW=9ds>c3?cY^>aOv~2r=I${jd6gnM*6Udq78jprHXuO;FoPv zE32L7=Zq#NWtCckJnQqazHgjz{Ejz%yxiV)#xdwZdERq(A6bz$uc^1|wVd{boQ+TB zY_I&e`S_a^*S3xcU4Gz;@a}PS@5+lBC#AJyoH<=Pzt6pLcJZ@A9<1`|^>3GNYHeLn zx?_{J?6C`F%hOJbTYKO9$hDbUs6DlPGmj2gRd|s9YT&VZ(oZ(CBUiln>g~PvZpi#4B|(mk#F}iw}B#$VxxJpI^1Qt!>w^lcQ_XcJy2HNyRei z=&?fu%h(e~e=Vz8P_L}Z`*d|}zYXs^Ag7;%r-uy=<($Z7uQWe;YYwe%Tyvy2t5rxtHMcmCl;SDPlLm1y4HYhF$h zRdevS4f3lCX4fC~*3Dag{G+Yj2BNI2G3~9*gM=Ehx$l18j#G7$2dvA;UAg(dFXWLm z`-XkI@LIvVrk$BDewaHuOR3rSM0;lJr(UaD1~1$8%q_d@zZyja(|kK8JyQQ0UT$0d diff --git a/images/icons/producthunt.svg b/images/icons/product-hunt.svg similarity index 57% rename from images/icons/producthunt.svg rename to images/icons/product-hunt.svg index f1df0f5..878075f 100644 --- a/images/icons/producthunt.svg +++ b/images/icons/product-hunt.svg @@ -1,10 +1,10 @@ - - - + + + - + diff --git a/images/icons/redbubble.svg b/images/icons/redbubble.svg index c393b5f..142feee 100644 --- a/images/icons/redbubble.svg +++ b/images/icons/redbubble.svg @@ -1,3 +1,10 @@ - - - \ No newline at end of file + + + + + + + + + + diff --git a/images/icons/reddit.svg b/images/icons/reddit.svg index ec269db..685c4ab 100644 --- a/images/icons/reddit.svg +++ b/images/icons/reddit.svg @@ -1,4 +1,11 @@ - - - + + + + + + + + + + diff --git a/images/icons/signal.svg b/images/icons/signal.svg index 4cef57a..0ee0526 100644 --- a/images/icons/signal.svg +++ b/images/icons/signal.svg @@ -1,3 +1,10 @@ - - - \ No newline at end of file + + + + + + + + + + diff --git a/images/icons/skoob.svg b/images/icons/skoob.svg index d24b768..69cd1f0 100644 --- a/images/icons/skoob.svg +++ b/images/icons/skoob.svg @@ -1 +1,5 @@ - \ No newline at end of file + + + + + diff --git a/images/icons/snapchat.svg b/images/icons/snapchat.svg index 55e4b3e..a788af5 100644 --- a/images/icons/snapchat.svg +++ b/images/icons/snapchat.svg @@ -1,4 +1,11 @@ - + + + + + + + + diff --git a/images/icons/soundcloud.svg b/images/icons/soundcloud.svg index 1f428ad..5cdfc00 100644 --- a/images/icons/soundcloud.svg +++ b/images/icons/soundcloud.svg @@ -1,2 +1,3 @@ - - \ No newline at end of file + + + diff --git a/images/icons/spotify-alt.svg b/images/icons/spotify-alt.svg new file mode 100644 index 0000000..1eb2109 --- /dev/null +++ b/images/icons/spotify-alt.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/spotify-green.svg b/images/icons/spotify-green.svg deleted file mode 100644 index db3c517..0000000 --- a/images/icons/spotify-green.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/images/icons/spotify.svg b/images/icons/spotify.svg index c037b0f..8e3860a 100644 --- a/images/icons/spotify.svg +++ b/images/icons/spotify.svg @@ -1,2 +1,10 @@ - + + + + + + + + + + diff --git a/images/icons/steam.svg b/images/icons/steam.svg index 96af0d4..6af65ae 100644 --- a/images/icons/steam.svg +++ b/images/icons/steam.svg @@ -1,2 +1,10 @@ - \ No newline at end of file + + + + + + + + + + diff --git a/images/icons/strava.svg b/images/icons/strava.svg index fdfe55f..a9f20fb 100644 --- a/images/icons/strava.svg +++ b/images/icons/strava.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/images/icons/substack.svg b/images/icons/substack.svg index 6fc656c..e0ca934 100644 --- a/images/icons/substack.svg +++ b/images/icons/substack.svg @@ -1,3 +1,3 @@ - + diff --git a/images/icons/telegram.svg b/images/icons/telegram.svg index 9d471fc..9df81e6 100644 --- a/images/icons/telegram.svg +++ b/images/icons/telegram.svg @@ -1,2 +1,10 @@ - \ No newline at end of file + + + + + + + + + + diff --git a/images/icons/threema.svg b/images/icons/threema.svg index 142a6f8..3f07b71 100644 --- a/images/icons/threema.svg +++ b/images/icons/threema.svg @@ -1,9 +1,10 @@ - - - - diff --git a/images/icons/tiktok.svg b/images/icons/tiktok.svg index ecf0715..50f5acf 100644 --- a/images/icons/tiktok.svg +++ b/images/icons/tiktok.svg @@ -1,11 +1,11 @@ - - - + + + - + diff --git a/images/icons/trello.svg b/images/icons/trello.svg index c0d516c..a55874c 100644 --- a/images/icons/trello.svg +++ b/images/icons/trello.svg @@ -1 +1,19 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/tumblr.svg b/images/icons/tumblr.svg index de775cf..6b14955 100644 --- a/images/icons/tumblr.svg +++ b/images/icons/tumblr.svg @@ -1,2 +1,3 @@ - \ No newline at end of file + + + diff --git a/images/icons/twitch.svg b/images/icons/twitch.svg index f0d29b0..afe7e8e 100644 --- a/images/icons/twitch.svg +++ b/images/icons/twitch.svg @@ -1,5 +1,5 @@ - - - - + + + + diff --git a/images/icons/twitter.svg b/images/icons/twitter.svg index 856eedf..53dcd7a 100644 --- a/images/icons/twitter.svg +++ b/images/icons/twitter.svg @@ -1,9 +1,9 @@ - + - + diff --git a/images/icons/unsplash.svg b/images/icons/unsplash.svg index 031db16..2051ee1 100755 --- a/images/icons/unsplash.svg +++ b/images/icons/unsplash.svg @@ -1,3 +1,10 @@ - - + + + + + + + + + diff --git a/images/icons/untappd.svg b/images/icons/untappd.svg index 0e7f36e..e289a55 100644 --- a/images/icons/untappd.svg +++ b/images/icons/untappd.svg @@ -1 +1,3 @@ - + + + diff --git a/images/icons/venmo.svg b/images/icons/venmo.svg index 0c37329..c38ea3c 100644 --- a/images/icons/venmo.svg +++ b/images/icons/venmo.svg @@ -1,3 +1,3 @@ - - - \ No newline at end of file + + + diff --git a/images/icons/vimeo.svg b/images/icons/vimeo.svg index b04df9b..26c20f1 100644 --- a/images/icons/vimeo.svg +++ b/images/icons/vimeo.svg @@ -1,10 +1,3 @@ - - - - - - - - + diff --git a/images/icons/vrchat.svg b/images/icons/vrchat.svg index 8433269..bee2f37 100644 --- a/images/icons/vrchat.svg +++ b/images/icons/vrchat.svg @@ -1 +1,12 @@ - + + + + + + + + + + + + diff --git a/images/icons/web.svg b/images/icons/web.svg index 316d45f..506f419 100644 --- a/images/icons/web.svg +++ b/images/icons/web.svg @@ -1,16 +1,13 @@ - \ No newline at end of file + + + + + + + + + + + + + diff --git a/images/icons/whatsapp.svg b/images/icons/whatsapp.svg index e22953c..6d1318e 100644 --- a/images/icons/whatsapp.svg +++ b/images/icons/whatsapp.svg @@ -1,16 +1,21 @@ - - - - - + + + + + + + - + - + + + + diff --git a/images/icons/wordpress.svg b/images/icons/wordpress.svg index f8ce5ed..446906e 100644 --- a/images/icons/wordpress.svg +++ b/images/icons/wordpress.svg @@ -1,3 +1,10 @@ + + + + + + + diff --git a/images/icons/xing.svg b/images/icons/xing.svg index ad84a5a..c98e09a 100644 --- a/images/icons/xing.svg +++ b/images/icons/xing.svg @@ -1,9 +1,4 @@ - - - - - - + + + diff --git a/images/icons/youtube-music.svg b/images/icons/youtube-music.svg index 9dd9150..93a8073 100644 --- a/images/icons/youtube-music.svg +++ b/images/icons/youtube-music.svg @@ -1,28 +1,12 @@ - - - - - - - - - - -]> - - - - - - - - - - - + + + + + + + + + + diff --git a/images/icons/youtube.svg b/images/icons/youtube.svg index 7cf1b9b..4f35613 100644 --- a/images/icons/youtube.svg +++ b/images/icons/youtube.svg @@ -1,11 +1,4 @@ - - - - - - - diff --git a/index.html b/index.html index 17cae20..d0c5895 100644 --- a/index.html +++ b/index.html @@ -90,387 +90,228 @@ 1.) class="icon" | This class is telling the tag that it should use the styling for icons found in `css/brands.css`. - 2.) src="icons/[icon_name].svg" | This defines the icon you would like to display from the icons/ folder. For example, you can change this to src="icons/discord.svg" to use the Discord icon. + 2.) src="images/icons/[icon-name].svg" | This defines the icon you would like to display from the 'images/icons/' folder. For example, you can change this to src="images/icons/discord.svg" to use the Discord icon. Add your own 24x24 icons to the "icons" folder to reference them. We recommend providing a SVG. 3.) alt="Example Logo" | This alt attribute helps provides alternate text for an image, this can assist users who use screen readers. --> - - - GitHub LogoGitHub -
- - - - Instagram LogoInstagram -
- - - - Facebook LogoFind us on Facebook -
- - - - Facebook Messenger LogoChat on Messenger -
+ + LittleLink LogoLittleLink
- - - LinkedIn LogoLinkedIn -
+ + Amazon LogoAmazon Wishlist
- - - Twitter LogoTwitter -
+ + Apple LogoApple App Store
- - - TikTok LogoTikTok -
+ + Apple Music LogoListen on Apple Music
+ + + Apple Music LogoListen on Apple Music
- - - YouTube LogoYouTube -
+ + Apple Prodcasts LogoListen on Apple Podcasts
+ + + Apple Prodcasts LogoListen on Apple Podcasts
- - - Discord LogoDiscord -
+ + Bandcamp LogoBandcamp
- - - Twitch LogoTwitch -
+ + Bluesky LogoBluesky
- - - Product Hunt LogoProduct Hunt -
+ + Buy Me A Coffee LogoBuy Me A Coffee
- - - Snapchat LogoSnapchat -
+ + Cash App LogoCash App
- - - Spotify LogoListen on Spotify -
+ + Clubhouse LogoClubhouse
- - - Spotify LogoListen on Spotify -
+ + Dev.to LogoDev.to
- - - YouTube Music LogoListen on YouTube Music -
+ + Discord LogoDiscord
- - - Apple Music LogoListen on Apple Music -
+ + Email IconEmail Us
- - - Apple Music LogoListen on Apple Music -
+ + Email Alt IconEmail Us
- - - Apple Podcasts LogoListen on Apple Podcasts -
+ + Etsy LogoShop on Etsy
- - - Apple Podcasts LogoListen on Apple Podcasts -
+ + Facebook LogoFind us on Facebook
- - - Google Podcasts LogoListen on Google Podcasts -
+ + Facebook Messenger LogoChat on Messenger
- - - Substack LogoSubscribe on Substack -
+ + Figma LogoFigma Community
- - - Clubhouse LogoClubhouse -
- - - - Reddit LogoReddit -
+ + Flickr LogoFlickr
- - - Mastodon LogoMastodon -
+ + GitHub LogoGitHub
- - - Bluesky LogoBluesky -
+ + GitLab LogoGitLab
- - - Medium LogoMedium -
+ + Goodreads LogoGoodreads
- - - Pinterest LogoFollow on Pinterest -
+ + Google Play Store LogoGoogle Play Store
- - - Email Iconhello@littlelink.io -
+ + Google Podcasts LogoListen on Google Podcasts
- - - Email Iconhello@littlelink.io -
+ + Google Scholar LogoGoogle Scholar
- - - Blog IconBlog -
+ + Hashnode LogoHashnode
- - - SoundCloud LogoSoundCloud -
+ + Instagram LogoInstagram
- - - Figma LogoFigma -
+ + Kickstarter LogoKickstarter
- - Kit LogoKit -
+ Kit LogoKit
- - - Telegram LogoTelegram -
+ + Ko-fi LogoKo-fi
- - - LittleLink LogoLittleLink -
+ + Letterboxd LogoLetterboxd
- - - Trello LogoTrello -
+ + LinkedIn LogoLinkedIn
- - - Notion LogoNotion -
+ + Mastodon LogoMastodon
- - - Kickstarter LogoKickstarter -
+ + Medium LogoMedium
- - - Etsy LogoEtsy -
+ + Notion LogoNotion
- - - Tumblr LogoTumblr -
+ + OnlyFans LogoOnlyFans (18+)
- - - Steam LogoSteam -
+ + Patreon LogoPatreon
- - - Strava LogoStrava -
+ + PayPal LogoPayPal
- - - Vimeo LogoVimeo -
+ + Pinterest LogoPinterest
- - - PayPal LogoPayPal -
+ + Post.news LogoPost.news
- - - WhatsApp LogoWhatsApp -
+ + Product Hunt LogoProduct Hunt
- - - Untappd LogoUntappd -
+ + Redbubble LogoRedbubble
- - - Wordpress LogoWordpress -
+ + Reddit LogoReddit
- - - Goodreads LogoGoodreads -
+ + Signal LogoSignal
- - Skoob LogoSkoob -
+ Skoob LogoSkoob
- - - GitLab LogoGitLab -
+ + Snapchat LogoSnapchat
- - - xing LogoXing -
+ + SoundCloud LogoSoundCloud
- - - Bandcamp LogoBandcamp -
+ + Spotify LogoListen on Spotify
- - - Patreon LogoPatreon -
+ + Spotify LogoListen on Spotify
- - - Signal LogoSignal -
+ + Steam LogoSteam
- - - Apple App Store LogoApple App Store -
+ + Strava LogoStrava
- - - Google Play Store LogoGoogle Play Store -
+ + Substack LogoSubstack
- - - Amazon LogoAmazon -
- - - - Venmo LogoVenmo -
+ + Telegram LogoTelegram
- - - Cash App LogoCash App Dollar -
+ + Threema LogoThreema
- - - Cash App LogoCash App Pound -
+ + TikTok LogoTikTok
- - - Cash App LogoCash App Bitcoin -
+ + Trello LogoTrello
- - - dev.to Logodev.to -
+ + Tumblr LogoTumblr
- - - Redbubble LogoRedbubble -
+ + Twitch LogoTwitch
- - - Only Fans LogoOnlyFans (18+) -
+ + Twitter LogoTwitter
- - - Web LogoWebsite -
+ + Unsplash LogoUnsplash
- - - Buy Me a CoffeeBuy Me a Coffee -
+ + Untapped LogoUntappd
- - - Ko-fiKo-fi -
+ + Venmo LogoVenmo
- - - VRChat LogoVRChat -
+ + Clubhouse LogoVimeo
- - - Threema LogoThreema -
+ + VR Chat LogoVR Chat
- - - Flickr LogoFlickr -
+ + Website IconWebsite
- - - Letterboxd LogoLetterboxd -
+ + WhatsApp LogoWhatsApp
- - - hashnode LogoHashnode -
+ + WordPress LogoWordPress
- - - Google Scholar IconGoogle Scholar -
+ + Xing LogoXing
- - - Post. LogoPost. -
+ + YouTube LogoYouTube
- - - Unsplash LogoUnsplash -
+ + YouTube Music LogoListen on YouTube Music

LittleLink Privacy Policy - - + + @@ -30,7 +30,7 @@ - +