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 | 539 ++++++------------ privacy.html | 6 +- 88 files changed, 853 insertions(+), 890 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 53a1c8bc..d9ff2642 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%); } +/* Cash App */ +.button.button-cash-app { + color: #ffffff; + background-image: linear-gradient(to bottom, #00d64b, #00c244); +} +.button.button-cash-app:hover, +.button.button-cash-app:focus { + filter: brightness(90%); +} + /* Clubhouse */ .button.button-clubhouse { color: #1F1F1A; background-color: #F1EFE3; + border: 1px solid #212121; } -.button.button-coffee:hover, -.button.button-coffee:focus { - filter: brightness(90%); -} - -/* Cash App */ -.button.button-cashapp { - color: #ffffff; - background-image: linear-gradient(to bottom, #00d64b, #00c244); -} -.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 b0c84df9..4dfc77f8 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 00000000..b5bff105 --- /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 18c7389d..00000000 --- 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 da8ec8a5..846eb200 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 00000000..b029a7e8 --- /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 5836d900..00000000 --- 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 a6213425..2e4d203c 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 ff199d11..fe122330 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 cde6f604..7dce88b4 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 cd54c19a..063390fa 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 161cf668..c21441ed 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 00000000..1a6e5009 --- /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 00000000..81c78b64 --- /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 00000000..276416ca --- /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 00000000..6220f75b --- /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 8c4a6d7c..00000000 --- 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 8075ef5c..00000000 --- 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 70d3f3ea..00000000 --- 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 7673f5ae..796ec174 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 1876bfc4..00000000 --- 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 00000000..4e9896fe --- /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 d52b2ed1..00000000 --- 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 667def4c..0d23b23f 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 954a4afb..80facf0b 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 85697acf..b494f4eb 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 e414e573..9be5ae0f 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 62b14e2a..583ffe2b 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 9cb862da..297e4486 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 bde20ab7..d3898a1a 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 543256c7..6994757d 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 b88f3620..816f2747 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 ce870939..50c45f97 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 00000000..b72aea58 --- /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 079d16d9..792b51f2 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 00000000..929e0e60 --- /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 77538309..00000000 --- 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 69f2e290..46063763 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 a398760b..2e7eead6 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 075b10e3..2b0c4e7f 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 5c270735..8708a3ad 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 4fefd54e..eea0dbd5 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 02a9fe25..27efec7b 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 d8c921a6..88029891 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 6d3d550b..bf7b92cc 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 0f8baebf..c8769921 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 ac7d0fd8..dbe8d4f6 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 87a9e0aa..82a7a7ff 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 201f7bb6..ceaf7af8 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 fe07eb17..7bb28b79 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 306ba8c0..56c459b3 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 c57d0f68..16607c94 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 703a0d0c..00000000 --- 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 00000000..0f28cc94 --- /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 f1df0f5c..878075f2 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 c393b5fc..142feee1 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 ec269db2..685c4ab6 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 4cef57ab..0ee0526e 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 d24b768d..69cd1f03 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 55e4b3e9..a788af5e 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 1f428ad0..5cdfc00e 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 00000000..1eb2109c --- /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 db3c5174..00000000 --- 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 c037b0fb..8e3860a3 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 96af0d4b..6af65ae6 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 fdfe55f4..a9f20fba 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 6fc656c3..e0ca9348 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 9d471fc9..9df81e67 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 142a6f85..3f07b71a 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 ecf07158..50f5acfe 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 c0d516ce..a55874c8 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 de775cf9..6b14955e 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 f0d29b0d..afe7e8e0 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 856eedf1..53dcd7aa 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 031db16d..2051ee1f 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 0e7f36ec..e289a554 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 0c37329f..c38ea3c8 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 b04df9b6..26c20f1d 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 8433269b..bee2f374 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 316d45ff..506f4195 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 e22953c8..6d1318ed 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 f8ce5ed6..446906e4 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 ad84a5ae..c98e09a5 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 9dd9150f..93a80732 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 7cf1b9b8..4f35613b 100644 --- a/images/icons/youtube.svg +++ b/images/icons/youtube.svg @@ -1,11 +1,4 @@ - - - - - - - diff --git a/index.html b/index.html index 17cae202..d0c5895d 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 -
+ + LittleLink LogoLittleLink
- - - Instagram LogoInstagram -
- - - - Facebook LogoFind us on Facebook -
- - - - Facebook Messenger LogoChat on Messenger -
- - - - LinkedIn LogoLinkedIn -
- - - - Twitter LogoTwitter -
- - - - TikTok LogoTikTok -
- - - - YouTube LogoYouTube -
- - - - Discord LogoDiscord -
- - - - Twitch LogoTwitch -
- - - - Product Hunt LogoProduct Hunt -
- - - - Snapchat LogoSnapchat -
- - - - Spotify LogoListen on Spotify -
- - - - Spotify LogoListen on Spotify -
- - - - YouTube Music LogoListen on YouTube Music -
- - - - Apple Music LogoListen on Apple Music -
- - - - Apple Music LogoListen on Apple Music -
- - - - Apple Podcasts LogoListen on Apple Podcasts -
- - - - Apple Podcasts LogoListen on Apple Podcasts -
- - - - Google Podcasts LogoListen on Google Podcasts -
- - - - Substack LogoSubscribe on Substack -
- - - - Clubhouse LogoClubhouse -
- - - - Reddit LogoReddit -
- - - - Mastodon LogoMastodon -
- - - - Bluesky LogoBluesky -
- - - - Medium LogoMedium -
- - - - Pinterest LogoFollow on Pinterest -
- - - - Email Iconhello@littlelink.io -
- - - - Email Iconhello@littlelink.io -
- - - - Blog IconBlog -
- - - - SoundCloud LogoSoundCloud -
- - - - Figma LogoFigma -
- - - - Kit LogoKit -
- - - - Telegram LogoTelegram -
- - - - LittleLink LogoLittleLink -
- - - - Trello LogoTrello -
- - - - Notion LogoNotion -
- - - - Kickstarter LogoKickstarter -
- - - - Etsy LogoEtsy -
- - - - Tumblr LogoTumblr -
- - - - Steam LogoSteam -
- - - - Strava LogoStrava -
- - - - Vimeo LogoVimeo -
- - - - PayPal LogoPayPal -
- - - - WhatsApp LogoWhatsApp -
- - - - Untappd LogoUntappd -
- - - - Wordpress LogoWordpress -
- - - - Goodreads LogoGoodreads -
- - - - Skoob LogoSkoob -
- - - - GitLab LogoGitLab -
- - - - xing LogoXing -
- - - - Bandcamp LogoBandcamp -
- - - - Patreon LogoPatreon -
- - - - Signal LogoSignal -
+ + Amazon LogoAmazon Wishlist
- - Apple App Store LogoApple App Store -
+ Apple LogoApple App Store
- - - Google Play Store LogoGoogle Play Store -
+ + Apple Music LogoListen on Apple Music
+ + + Apple Music LogoListen on Apple Music
- - - Amazon LogoAmazon -
- - - - Venmo LogoVenmo -
+ + Apple Prodcasts LogoListen on Apple Podcasts
+ + + Apple Prodcasts LogoListen on Apple Podcasts
- - - Cash App LogoCash App Dollar -
+ + Bandcamp LogoBandcamp
- - - Cash App LogoCash App Pound -
+ + Bluesky LogoBluesky
- - - Cash App LogoCash App Bitcoin -
+ + Buy Me A Coffee LogoBuy Me A Coffee
- - - dev.to Logodev.to -
+ + Cash App LogoCash App
- - - Redbubble LogoRedbubble -
+ + Clubhouse LogoClubhouse
- - - Only Fans LogoOnlyFans (18+) -
+ + Dev.to LogoDev.to
- - - Web LogoWebsite -
+ + Discord LogoDiscord
- - - Buy Me a CoffeeBuy Me a Coffee -
+ + Email IconEmail Us
- - - Ko-fiKo-fi -
+ + Email Alt IconEmail Us
- - - VRChat LogoVRChat -
+ + Etsy LogoShop on Etsy
- - - Threema LogoThreema -
+ + Facebook LogoFind us on Facebook
+ + + Facebook Messenger LogoChat on Messenger
+ + + Figma LogoFigma Community
- - Flickr LogoFlickr -
+ Flickr LogoFlickr
- - - Letterboxd LogoLetterboxd -
+ + GitHub LogoGitHub
- - - hashnode LogoHashnode -
+ + GitLab LogoGitLab
+ + + Goodreads LogoGoodreads
+ + + Google Play Store LogoGoogle Play Store
+ + + Google Podcasts LogoListen on Google Podcasts
- - Google Scholar IconGoogle Scholar -
+ Google Scholar LogoGoogle Scholar
+ + + Hashnode LogoHashnode
+ + + Instagram LogoInstagram
+ + + Kickstarter LogoKickstarter
+ + + Kit LogoKit
+ + + Ko-fi LogoKo-fi
+ + + Letterboxd LogoLetterboxd
+ + + LinkedIn LogoLinkedIn
+ + + Mastodon LogoMastodon
+ + + Medium LogoMedium
+ + + Notion LogoNotion
+ + + OnlyFans LogoOnlyFans (18+)
+ + + Patreon LogoPatreon
+ + + PayPal LogoPayPal
+ + + Pinterest LogoPinterest
- - Post. LogoPost. -
+ Post.news LogoPost.news
+ + + Product Hunt LogoProduct Hunt
+ + + Redbubble LogoRedbubble
+ + + Reddit LogoReddit
+ + + Signal LogoSignal
+ + + Skoob LogoSkoob
+ + + Snapchat LogoSnapchat
+ + + SoundCloud LogoSoundCloud
+ + + Spotify LogoListen on Spotify
+ + + Spotify LogoListen on Spotify
+ + + Steam LogoSteam
+ + + Strava LogoStrava
+ + + Substack LogoSubstack
+ + + Telegram LogoTelegram
+ + + Threema LogoThreema
+ + + TikTok LogoTikTok
+ + + Trello LogoTrello
+ + + Tumblr LogoTumblr
+ + + Twitch LogoTwitch
+ + + Twitter LogoTwitter
- - Unsplash LogoUnsplash -
+ Unsplash LogoUnsplash
+ + + Untapped LogoUntappd
+ + + Venmo LogoVenmo
+ + + Clubhouse LogoVimeo
+ + + VR Chat LogoVR Chat
+ + + Website IconWebsite
+ + + WhatsApp LogoWhatsApp
+ + + WordPress LogoWordPress
+ + + Xing LogoXing
+ + + YouTube LogoYouTube
+ + + YouTube Music LogoListen on YouTube Music

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