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 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%); } +/* 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 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 -
+ + 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 @@ - +