From 1e18b6a2653199fe360503f85264a0ce5b5aebae Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Wed, 16 Nov 2022 12:25:59 -0500 Subject: [PATCH 1/3] New Brands Added Apple Music and alternate variation. Added Apple Podcasts and alternate variation. Added Google Podcasts. Added Clubhouse. Added YouTube Music. Added alternative variation of Spotify. --- css/brands.css | 70 +++++++++++++++++++++++++++ images/icons/apple-music-white.svg | 34 +++++++++++++ images/icons/apple-music.svg | 43 ++++++++++++++++ images/icons/apple-podcasts-white.svg | 8 +++ images/icons/apple-podcasts.svg | 31 ++++++++++++ images/icons/clubhouse.svg | 8 +++ images/icons/google-podcasts.svg | 10 ++++ images/icons/spotify-green.svg | 7 +++ images/icons/youtube-music.svg | 28 +++++++++++ index.html | 42 +++++++++++++++- 10 files changed, 280 insertions(+), 1 deletion(-) create mode 100644 images/icons/apple-music-white.svg create mode 100644 images/icons/apple-music.svg create mode 100644 images/icons/apple-podcasts-white.svg create mode 100644 images/icons/apple-podcasts.svg create mode 100644 images/icons/clubhouse.svg create mode 100644 images/icons/google-podcasts.svg create mode 100644 images/icons/spotify-green.svg create mode 100644 images/icons/youtube-music.svg diff --git a/css/brands.css b/css/brands.css index df22bda..233a5cc 100644 --- a/css/brands.css +++ b/css/brands.css @@ -104,6 +104,46 @@ button:hover, filter: brightness(90%); } +/* Apple Music */ +.button.button-apple-music { + color: #ffffff; + background-color: #000000; +} +.button.button-apple-music:hover, +.button.button-apple-music:focus { + filter: brightness(90%); +} + +/* Apple Music Alt */ +.button.button-apple-music-alt { + color: #ffffff; + background-image: linear-gradient(to bottom, #FB5C74, #FA233B); +} +.button.button-apple-music-alt:hover, +.button.button-apple-music-alt:focus { + filter: brightness(90%); +} + +/* Apple Podcasts */ +.button.button-apple-podcasts { + color: #ffffff; + background-color: #000000; +} +.button.button-apple-podcasts:hover, +.button.button-apple-podcasts:focus { + filter: brightness(90%); +} + +/* Apple Podcasts Alt */ +.button.button-apple-podcasts-alt { + color: #ffffff; + background-image: linear-gradient(to bottom, #F452FF, #832BC1); +} +.button.button-apple-podcasts-alt:hover, +.button.button-apple-podcasts-alt:focus { + filter: brightness(90%); +} + /* Bandcamp */ .button.button-bandcamp { color: #ffffff; @@ -124,6 +164,16 @@ button:hover, filter: brightness(90%); } +/* Clubhouse */ +.button.button-clubhouse { + color: #1F1F1A; + background-color: #F1EFE3; +} +.button.button-coffee:hover, +.button.button-coffee:focus { + filter: brightness(90%); +} + /* Cash App */ .button.button-cashapp { color: #ffffff; @@ -252,6 +302,16 @@ button:hover, filter: brightness(90%); } +/* Google Podcasts */ +.button.button-google-podcasts { + color: #000000; + background-color: #FFFFFF; +} +.button.button-google-podcasts:hover, +.button.button-google-podcasts:focus { + filter: brightness(90%); +} + /* Hashnode */ .button.button-hashnode { color: #000000; @@ -481,6 +541,16 @@ button:hover, filter: brightness(90%); } +/* Spotify Alt */ +.button.button-spotify-alt { + color: #FFFFFF; + background-color: #191414; +} +.button.button-spotify-alt:hover, +.button.button-spotify-alt:focus { + filter: brightness(90%); +} + /* Steam */ .button.button-steam { color: #ffffff; diff --git a/images/icons/apple-music-white.svg b/images/icons/apple-music-white.svg new file mode 100644 index 0000000..18c7389 --- /dev/null +++ b/images/icons/apple-music-white.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + diff --git a/images/icons/apple-music.svg b/images/icons/apple-music.svg new file mode 100644 index 0000000..da8ec8a --- /dev/null +++ b/images/icons/apple-music.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/apple-podcasts-white.svg b/images/icons/apple-podcasts-white.svg new file mode 100644 index 0000000..5836d90 --- /dev/null +++ b/images/icons/apple-podcasts-white.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/images/icons/apple-podcasts.svg b/images/icons/apple-podcasts.svg new file mode 100644 index 0000000..a621342 --- /dev/null +++ b/images/icons/apple-podcasts.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + diff --git a/images/icons/clubhouse.svg b/images/icons/clubhouse.svg new file mode 100644 index 0000000..7673f5a --- /dev/null +++ b/images/icons/clubhouse.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/images/icons/google-podcasts.svg b/images/icons/google-podcasts.svg new file mode 100644 index 0000000..079d16d --- /dev/null +++ b/images/icons/google-podcasts.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/images/icons/spotify-green.svg b/images/icons/spotify-green.svg new file mode 100644 index 0000000..db3c517 --- /dev/null +++ b/images/icons/spotify-green.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/images/icons/youtube-music.svg b/images/icons/youtube-music.svg new file mode 100644 index 0000000..9dd9150 --- /dev/null +++ b/images/icons/youtube-music.svg @@ -0,0 +1,28 @@ + + + + + + + + + + +]> + + + + + + + + + + + + + diff --git a/index.html b/index.html index 050ac61..e4524f6 100644 --- a/index.html +++ b/index.html @@ -158,9 +158,49 @@ - Spotify LogoSpotify + 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 +
+ + + + Clubhouse LogoClubhouse +
+ Reddit LogoReddit From d17d704cf9fe7a5a5c2bf4fcc5702297a212eb88 Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Wed, 16 Nov 2022 12:37:19 -0500 Subject: [PATCH 2/3] Added Substack Added Substack CSS branding and icon. --- css/brands.css | 10 ++++++++++ images/icons/substack.svg | 3 +++ index.html | 5 +++++ 3 files changed, 18 insertions(+) create mode 100644 images/icons/substack.svg diff --git a/css/brands.css b/css/brands.css index 233a5cc..c4fa549 100644 --- a/css/brands.css +++ b/css/brands.css @@ -571,6 +571,16 @@ button:hover, filter: brightness(90%); } +/* Substack */ +.button.button-substack { + color: #ffffff; + background-color: #FF6719; +} +.button.button-substack:hover, +.button.button-substack:focus { + filter: brightness(90%); +} + /* Telegram */ .button.button-telegram { color: #ffffff; diff --git a/images/icons/substack.svg b/images/icons/substack.svg new file mode 100644 index 0000000..6fc656c --- /dev/null +++ b/images/icons/substack.svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html index e4524f6..e3bc985 100644 --- a/index.html +++ b/index.html @@ -196,6 +196,11 @@ Google Podcasts LogoListen on Google Podcasts
+ + + Substack LogoSubscribe on Substack +
+ Clubhouse LogoClubhouse From 0de997c76dbbb73c54b56f9a65eaef70a5a51f47 Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Wed, 16 Nov 2022 12:42:06 -0500 Subject: [PATCH 3/3] Updated Substack --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index e3bc985..35659f0 100644 --- a/index.html +++ b/index.html @@ -196,7 +196,7 @@ Google Podcasts LogoListen on Google Podcasts
- + Substack LogoSubscribe on Substack