From 94ddcd2685f4c5197492b00a8b583d89a00e736b Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Wed, 6 Mar 2024 22:59:49 -0500 Subject: [PATCH] General Updates Added the `aria-hidden="true"` to `img` to avoid having the icon be read by screen readers. Screen readers should now read as a simplified `[brand] button` (i.e. `LittleLink button`). Alt text is making a return with this as well. I've removed Twitter, since it looks like X branding is sticking around. Renamed `discogs_alt` to `discogs-alt` to align with how other alt versions are added. --- css/brands.css | 39 +-- .../{discogs_alt.svg => discogs-alt.svg} | 0 images/icons/twitter.svg | 10 - index.html | 246 +++++++++--------- 4 files changed, 126 insertions(+), 169 deletions(-) rename images/icons/{discogs_alt.svg => discogs-alt.svg} (100%) delete mode 100644 images/icons/twitter.svg diff --git a/css/brands.css b/css/brands.css index c1d4c4f..90f0e7d 100644 --- a/css/brands.css +++ b/css/brands.css @@ -299,14 +299,14 @@ button:hover, filter: brightness(90%); } -/* Discogs_alt */ -.button.button-discogs_alt { +/* Discogs Alt */ +.button.button-discogs-alt { color: #FFFFFF; background-color: #000000; border: 1px solid #FFFFFF } -.button.button-discogs:hover, -.button.button-discogs:focus { +.button.button-discogs-alt:hover, +.button.button-discogs-alt:focus { filter: brightness(90%); } @@ -465,17 +465,6 @@ button:hover, filter: brightness(90%); } -/* Google Podcasts */ -.button.button-google-podcasts { - color: #000000; - background-color: #FFFFFF; - border: 1px solid #212121; -} -.button.button-google-podcasts:hover, -.button.button-google-podcasts:focus { - filter: brightness(90%); -} - /* Google Scholar */ .button.button-google-scholar { color: #000000; @@ -537,7 +526,6 @@ button:hover, filter: brightness(90%); } - /* Kickstarter */ .button.button-kickstarter { color: #ffffff; @@ -752,7 +740,7 @@ button:hover, .button.button-qq { color: #000000; background-color: #FFFFFF; - border: 3px solid #4D94FF; + border: 1px solid #000000; } .button.button-qq:hover, .button.button-qq:focus { @@ -843,7 +831,6 @@ button:hover, filter: brightness(90%); } - /* Snapchat */ .button.button-snapchat { color: #000000; @@ -1030,16 +1017,6 @@ button:hover, filter: brightness(90%); } -/* Twitter (archiving soon, see 'X') */ -.button.button-twit { - color: #ffffff; - background-color: #1da1f2; -} -.button.button-twit:hover, -.button.button-twit:focus { - filter: brightness(90%); -} - /* Unsplash */ .button.button-unsplash { color: #000000; @@ -1184,8 +1161,4 @@ button:hover, .button.button-zoom:hover, .button.button-zoom:focus { filter: brightness(90%); -} - - - - +} \ No newline at end of file diff --git a/images/icons/discogs_alt.svg b/images/icons/discogs-alt.svg similarity index 100% rename from images/icons/discogs_alt.svg rename to images/icons/discogs-alt.svg diff --git a/images/icons/twitter.svg b/images/icons/twitter.svg deleted file mode 100644 index 53dcd7a..0000000 --- a/images/icons/twitter.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/index.html b/index.html index 294a3fb..385e8f9 100644 --- a/index.html +++ b/index.html @@ -69,7 +69,7 @@

LittleLink

-

An open source DIY Linktree alternative.

+

An open source DIY Linktree alternative.

- LittleLink
+ LittleLink
- Amazon Wishlist
+ Amazon Wishlist
- Listen on Amazon Music
+ Listen on Amazon Music
- Apple App Store
+ Apple App Store
- Listen on Apple Music
+ Listen on Apple Music
- Listen on Apple Music
+ Listen on Apple Music
- Listen on Apple Podcasts
+ Listen on Apple Podcasts
- Listen on Apple Podcasts
+ Listen on Apple Podcasts
- Bandcamp
+ Bandcamp
- Behance
+ Behance
- BeReal
+ BeReal
- Bluesky
+ Bluesky
- Bluesky
+ Bluesky
- Buy Me A Coffee
+ Buy Me A Coffee
- Schedule with Cal.com
+ Schedule with Cal.com
- Schedule with Calendly
+ Schedule with Calendly
- Cash App
+ Cash App
- Clubhouse
+ Clubhouse
- Dev.to
+ Dev.to
- Discogs
+ Discogs
- - Discogs
+ + Discogs
- Discord
+ Discord
- Dribbble
+ Dribbble
- Shop on Etsy
+ Shop on Etsy
- Find us on Facebook
+ Find us on Facebook
- Chat on Messenger
+ Chat on Messenger
- Figma Community
+ Figma Community
- Fiverr Gig
+ Fiverr Gig
- Flickr
+ Flickr
- GitHub
+ GitHub
- GitLab
+ GitLab
- GoFundMe
+ GoFundMe
- Goodreads
+ Goodreads
- View in Google Drive
+ View in Google Drive
- Google Play Store
- - - Listen on Google Podcasts
+ Google Play Store
- Google Scholar
+ Google Scholar
- Guilded
+ Guilded
- Hashnode
+ Hashnode
- Instagram
+ Instagram
- Kick
+ Kick
- Kick
+ Kick
- Kickstarter
+ Kickstarter
- Kit
+ Kit
- Ko-fi
+ Ko-fi
- Last.fm
+ Last.fm
- Letterboxd
+ Letterboxd
- Line
+ Line
- LinkedIn
+ LinkedIn
- Mailchimp
+ Mailchimp
- Mastodon
+ Mastodon
- Medium
+ Medium
- Get it from Microsoft
+ Get it from Microsoft
- NGL
+ NGL
- Notion
+ Notion
- OnlyFans (18+)
+ OnlyFans (18+)
- Partiful
+ Partiful
- Patreon
+ Patreon
- PayPal
+ PayPal
- Pinterest
+ Pinterest
- Post.news
+ Post.news
- Product Hunt
+ Product Hunt
- QQ
+ QQ
- Read.cv
+ Read.cv
- Redbubble
+ Redbubble
- Reddit
+ Reddit
- Revolut
+ Revolut
- Buy with Shop
+ Buy with Shop
- Signal
+ Signal
- Skoob
+ Skoob
- Join Slack
+ Join Slack
- Snapchat
+ Snapchat
- SoundCloud
+ SoundCloud
- Listen on Spotify
+ Listen on Spotify
- Listen on Spotify
+ Listen on Spotify
- Buy with Square
+ Buy with Square
- Stack Overflow
+ Stack Overflow
- Steam
+ Steam
- Steam
+ Steam
- Strava
+ Strava
- Substack
+ Substack
- Telegram
+ Telegram
- Threads
+ Threads
- Threema
+ Threema
- TikTok
+ TikTok
- Trakt
+ Trakt
- Trello
+ Trello
- Tumblr
+ Tumblr
- Twitch
- - - Twitter
+ Twitch
- Unsplash
+ Unsplash
- Untappd
+ Untappd
- Upwork
+ Upwork
- Venmo
+ Venmo
- Vimeo
+ Vimeo
- VRChat
+ VRChat
- VSCO
+ VSCO
- WhatsApp
+ WhatsApp
- WordPress
+ WordPress
- Follow on X
+ Follow on X
- Xing
+ Xing
- YouTube
+ YouTube
- Listen on YouTube Music
+ Listen on YouTube Music
- Join Zoom Webinar
+ Join Zoom Webinar
- Read our blog
+ Read our blog
- Event RSVP
+ Event RSVP
- Download File
+ Download File
- View the code
+ View the code
- Homelab Setup
+ Homelab Setup
- Email Us
+ Email Us
- Email Us
+ Email Us
- Visit Homepage
+ Visit Homepage
- Get Directions
+ Get Directions
- Call Us
+ Call Us
- Leave us a review
+ Leave us a review
- RSS Subscribe
+ RSS Subscribe
- Visit Our Shop
+ Visit Our Shop
- 10% Discount
+ 10% Discount
- Send us a message
+ Send us a message
- Visit Website
+ Visit Website