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