From a7d942622b802617dfd3d5844607d4ea810760a2 Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Sun, 30 Apr 2023 23:39:08 -0400 Subject: [PATCH] New Brands Added Amazon Music Added ArtStation Added Behance Added Cal.com Added Calendly Added Dribbble Added Fiverr Added Generic Shopping Bag Added Generic Shopping Tag Added Guilded Added Last.fm Added Line Added Mailchimp Added Shop Added Slack Added Square Added Upwork Added VSCO Added Zoom Reordered Branded and Generic Buttons in `index.html`. --- css/brands.css | 180 +++++++++++++++++++++++++- images/icons/amazon-music.svg | 17 +++ images/icons/artstation.svg | 5 + images/icons/behance.svg | 10 ++ images/icons/cal.svg | 5 + images/icons/calendly.svg | 12 ++ images/icons/dribbble.svg | 11 ++ images/icons/fiverr.svg | 3 + images/icons/generic-shopping-bag.svg | 3 + images/icons/generic-shopping-tag.svg | 10 ++ images/icons/guilded.svg | 10 ++ images/icons/last-fm.svg | 3 + images/icons/line.svg | 3 + images/icons/mailchimp.svg | 10 ++ images/icons/shop.svg | 10 ++ images/icons/slack.svg | 10 ++ images/icons/square.svg | 11 ++ images/icons/upwork.svg | 3 + images/icons/vsco.svg | 10 ++ images/icons/zoom.svg | 3 + index.html | 142 +++++++++++++------- 21 files changed, 426 insertions(+), 45 deletions(-) create mode 100644 images/icons/amazon-music.svg create mode 100644 images/icons/artstation.svg create mode 100644 images/icons/behance.svg create mode 100644 images/icons/cal.svg create mode 100644 images/icons/calendly.svg create mode 100644 images/icons/dribbble.svg create mode 100644 images/icons/fiverr.svg create mode 100644 images/icons/generic-shopping-bag.svg create mode 100644 images/icons/generic-shopping-tag.svg create mode 100644 images/icons/guilded.svg create mode 100644 images/icons/last-fm.svg create mode 100644 images/icons/line.svg create mode 100644 images/icons/mailchimp.svg create mode 100644 images/icons/shop.svg create mode 100644 images/icons/slack.svg create mode 100644 images/icons/square.svg create mode 100644 images/icons/upwork.svg create mode 100644 images/icons/vsco.svg create mode 100644 images/icons/zoom.svg diff --git a/css/brands.css b/css/brands.css index 63065be..93bfa4e 100644 --- a/css/brands.css +++ b/css/brands.css @@ -95,6 +95,16 @@ button:hover, filter: brightness(90%); } +/* Amazon Music */ +.button.button-amazon-music { + color: #000000; + background-color: #25D1DA; +} +.button.button-amazon-music:hover, +.button.button-amazon-music:focus { + filter: brightness(90%); +} + /* Apple App Store */ .button.button-appstore { color: #FFFFFF; @@ -148,6 +158,17 @@ button:hover, filter: brightness(90%); } +/* ArtStation */ +.button.button-artstation { + color: #ffffff; + background-color: #18181C; + border: 1px solid #FFFFFF; +} +.button.button-artstation:hover, +.button.button-artstation:focus { + filter: brightness(90%); +} + /* Bandcamp */ .button.button-bandcamp { color: #ffffff; @@ -158,6 +179,16 @@ button:hover, filter: brightness(90%); } +/* Behance */ +.button.button-behance { + color: #ffffff; + background-color: #0057FF; +} +.button.button-behance:hover, +.button.button-behance:focus { + filter: brightness(90%); +} + /* Bluesky */ .button.button-bluesky { color: #000000; @@ -171,7 +202,7 @@ button:hover, /* Buy Me a Coffee */ .button.button-coffee { - color: #100a26; + color: #000000; background-color: #ffdd00; } .button.button-coffee:hover, @@ -179,6 +210,27 @@ button:hover, filter: brightness(90%); } +/* Cal.com */ +.button.button-cal { + color: #FFFFFF; + background-color: #292929; + border: 1px solid #FFFFFF; +} +.button.button-cal:hover, +.button.button-cal:focus { + filter: brightness(90%); +} + +/* Calendly */ +.button.button-calendly { + color: #FFFFFF; + background-color: #006BFF; +} +.button.button-calendly:hover, +.button.button-calendly:focus { + filter: brightness(90%); +} + /* Cash App */ .button.button-cash-app { color: #ffffff; @@ -221,6 +273,17 @@ button:hover, filter: brightness(90%); } +/* Dribbble */ +.button.button-dribbble { + color: #000000; + background-color: #FFFFFF; + border: 1px solid #212121; +} +.button.button-dribbble:hover, +.button.button-dribbble:focus { + filter: brightness(90%); +} + /* Etsy */ .button.button-etsy { color: #ffffff; @@ -270,6 +333,16 @@ button:hover, filter: brightness(90%); } +/* Fiverr */ +.button.button-fiverr { + color: #ffffff; + background-color: #1DBF73; +} +.button.button-fiverr:hover, +.button.button-fiverr:focus { + filter: brightness(90%); +} + /* Flickr */ .button.button-flickr { color: #ffffff; @@ -357,6 +430,16 @@ button:hover, filter: brightness(90%); } +/* Guilded */ +.button.button-guilded { + color: #000000; + background-color: #F5C400; +} +.button.button-guilded:hover, +.button.button-guilded:focus { + filter: brightness(90%); +} + /* Hashnode */ .button.button-hashnode { color: #000000; @@ -409,6 +492,16 @@ button:hover, filter: brightness(90%); } +/* Last.fm */ +.button.button-last-fm { + color: #ffffff; + background-color: #D51007; +} +.button.button-last-fm:hover, +.button.button-last-fm:focus { + filter: brightness(90%); +} + /* Letterboxd */ .button.button-letterboxd { color: #ffffff; @@ -420,6 +513,17 @@ button:hover, filter: brightness(90%); } +/* Line */ +.button.button-line { + color: #FFFFFF; + background-color: #06C755; +} +.button.button-line:hover, +.button.button-line:focus { + filter: brightness(90%); +} + + /* LinkedIn */ .button.button-linked { color: #ffffff; @@ -430,6 +534,16 @@ button:hover, filter: brightness(90%); } +/* Mailchimp */ +.button.button-mailchimp { + color: #000000; + background-color: #FFE01B; +} +.button.button-mailchimp:hover, +.button.button-mailchimp:focus { + filter: brightness(90%); +} + /* Mastodon */ .button.button-mastodon { color: #ffffff; @@ -558,6 +672,16 @@ button:hover, filter: brightness(90%); } +/* Shop */ +.button.button-shop { + color: #ffffff; + background-color: #5A31F4; +} +.button.button-shop:hover, +.button.button-shop:focus { + filter: brightness(90%); +} + /* Signal */ .button.button-signal { color: #ffffff; @@ -578,6 +702,18 @@ button:hover, filter: brightness(90%); } +/* Slack */ +.button.button-slack { + color: #000000; + background-color: #FFFFFF; + border: 1px solid #212121; +} +.button.button-slack:hover, +.button.button-slack:focus { + filter: brightness(90%); +} + + /* Snapchat */ .button.button-snapchat { color: #000000; @@ -619,6 +755,16 @@ button:hover, filter: brightness(90%); } +/* Square */ +.button.button-square { + color: #FFFFFF; + background-color: #006AFF; +} +.button.button-square:hover, +.button.button-square:focus { + filter: brightness(90%); +} + /* Steam */ .button.button-steam { color: #ffffff; @@ -742,6 +888,16 @@ button:hover, filter: brightness(90%); } +/* Upwork */ +.button.button-upwork { + color: #FFFFFF; + background-color: #14A800; +} +.button.button-upwork:hover, +.button.button-upwork:focus { + filter: brightness(90%); +} + /* Venmo */ .button.button-venmo { color: #ffffff; @@ -773,6 +929,17 @@ button:hover, filter: brightness(90%); } +/* VSCO */ +.button.button-vsco { + color: #FFFFFF; + background-color: #000000; + border: 1px solid #FFFFFF; +} +.button.button-vsco:hover, +.button.button-vsco:focus { + filter: brightness(90%); +} + /* Website */ .button.button-web { color: #ffffff; @@ -824,3 +991,14 @@ button:hover, .button.button-yt:focus { filter: brightness(90%); } + +/* Zoom */ +.button.button-zoom { + color: #ffffff; + background-color: #0B5CFF; +} +.button.button-zoom:hover, +.button.button-zoom:focus { + filter: brightness(90%); +} + diff --git a/images/icons/amazon-music.svg b/images/icons/amazon-music.svg new file mode 100644 index 0000000..1d74ad0 --- /dev/null +++ b/images/icons/amazon-music.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/images/icons/artstation.svg b/images/icons/artstation.svg new file mode 100644 index 0000000..849010f --- /dev/null +++ b/images/icons/artstation.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/icons/behance.svg b/images/icons/behance.svg new file mode 100644 index 0000000..e1b92f6 --- /dev/null +++ b/images/icons/behance.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/cal.svg b/images/icons/cal.svg new file mode 100644 index 0000000..1af57fd --- /dev/null +++ b/images/icons/cal.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/icons/calendly.svg b/images/icons/calendly.svg new file mode 100644 index 0000000..acb104e --- /dev/null +++ b/images/icons/calendly.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/images/icons/dribbble.svg b/images/icons/dribbble.svg new file mode 100644 index 0000000..4d36ccf --- /dev/null +++ b/images/icons/dribbble.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/images/icons/fiverr.svg b/images/icons/fiverr.svg new file mode 100644 index 0000000..8d9fe03 --- /dev/null +++ b/images/icons/fiverr.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/generic-shopping-bag.svg b/images/icons/generic-shopping-bag.svg new file mode 100644 index 0000000..4c74f56 --- /dev/null +++ b/images/icons/generic-shopping-bag.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/generic-shopping-tag.svg b/images/icons/generic-shopping-tag.svg new file mode 100644 index 0000000..8774852 --- /dev/null +++ b/images/icons/generic-shopping-tag.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/guilded.svg b/images/icons/guilded.svg new file mode 100644 index 0000000..02cb6aa --- /dev/null +++ b/images/icons/guilded.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/last-fm.svg b/images/icons/last-fm.svg new file mode 100644 index 0000000..468b66b --- /dev/null +++ b/images/icons/last-fm.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/line.svg b/images/icons/line.svg new file mode 100644 index 0000000..059a13d --- /dev/null +++ b/images/icons/line.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/mailchimp.svg b/images/icons/mailchimp.svg new file mode 100644 index 0000000..f40e31f --- /dev/null +++ b/images/icons/mailchimp.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/shop.svg b/images/icons/shop.svg new file mode 100644 index 0000000..7164626 --- /dev/null +++ b/images/icons/shop.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/slack.svg b/images/icons/slack.svg new file mode 100644 index 0000000..bbbf65c --- /dev/null +++ b/images/icons/slack.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/square.svg b/images/icons/square.svg new file mode 100644 index 0000000..46bb4da --- /dev/null +++ b/images/icons/square.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/images/icons/upwork.svg b/images/icons/upwork.svg new file mode 100644 index 0000000..cb9fb98 --- /dev/null +++ b/images/icons/upwork.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/vsco.svg b/images/icons/vsco.svg new file mode 100644 index 0000000..c91f124 --- /dev/null +++ b/images/icons/vsco.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/zoom.svg b/images/icons/zoom.svg new file mode 100644 index 0000000..c26618e --- /dev/null +++ b/images/icons/zoom.svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html index 677565b..1bb9a3f 100644 --- a/index.html +++ b/index.html @@ -103,6 +103,9 @@ Amazon LogoAmazon Wishlist
+ + Amazon Music LogoListen on Amazon Music
+ Apple LogoApple App Store
@@ -121,12 +124,21 @@ Bandcamp LogoBandcamp
+ + Behance LogoBehance
+ Bluesky LogoBluesky
Buy Me A Coffee LogoBuy Me A Coffee
+ + Cal.com LogoSchedule with Cal.com
+ + + Calendly LogoSchedule with Calendly
+ Cash App LogoCash App
@@ -139,6 +151,9 @@ Discord LogoDiscord
+ + Dribbble LogoDribbble
+ Etsy LogoShop on Etsy
@@ -151,51 +166,12 @@ Figma LogoFigma Community
+ + Fiverr LogoFiverr Gig
+ Flickr LogoFlickr
- - Blog IconRead our blog
- - - Calendar IconEvent RSVP
- - - Cloud IconDownload File
- - - Code IconView the code
- - - Computer IconHomelab Setup
- - - Email IconEmail Us
- - - Email Alt IconEmail Us
- - - Homepage IconVisit Homepage
- - - Map IconGet Directions
- - - Phone IconCall us at 555-555-5555
- - - Review IconLeave us a review
- - - RSS IconRSS Subscribe
- - - SMS IconSend us a message
- - - Website IconVisit Website
- GitHub LogoGitHub
@@ -217,6 +193,9 @@ Google Scholar LogoGoogle Scholar
+ + Guilded LogoGuilded
+ Hashnode LogoHashnode
@@ -232,12 +211,21 @@ Ko-fi LogoKo-fi
+ + Last.fm LogoLast.fm
+ Letterboxd LogoLetterboxd
+ + Line LogoLine
+ LinkedIn LogoLinkedIn
+ + Mailchimp LogoMailchimp
+ Mastodon LogoMastodon
@@ -274,12 +262,18 @@ Reddit LogoReddit
+ + Shop LogoBuy with Shop
+ Signal LogoSignal
Skoob LogoSkoob
+ + Slack LogoJoin Slack
+ Snapchat LogoSnapchat
@@ -292,6 +286,9 @@ Spotify LogoListen on Spotify
+ + Square LogoBuy with Square
+ Steam LogoSteam
@@ -328,14 +325,20 @@ Untapped LogoUntappd
+ + Upwork LogoUpwork
+ Venmo LogoVenmo
Clubhouse LogoVimeo
- - VR Chat LogoVR Chat
+ + VR Chat LogoVRChat
+ + + VR Chat LogoVSCO
WhatsApp LogoWhatsApp
@@ -352,6 +355,57 @@ YouTube Music LogoListen on YouTube Music
+ + Zoom LogoJoin Zoom Webinar
+ + + Blog IconRead our blog
+ + + Calendar IconEvent RSVP
+ + + Cloud IconDownload File
+ + + Code IconView the code
+ + + Computer IconHomelab Setup
+ + + Email IconEmail Us
+ + + Email Alt IconEmail Us
+ + + Homepage IconVisit Homepage
+ + + Map IconGet Directions
+ + + Phone IconCall Us
+ + + Review IconLeave us a review
+ + + RSS IconRSS Subscribe
+ + + Shopping Bag IconVisit Our Shop
+ + + Shopping Tag Icon10% Discount
+ + + SMS IconSend us a message
+ + + Website IconVisit Website
+