syrell/homepage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New Brands

Browse Source 
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.
This commit is contained in:
Seth Cottle
2022-11-16 12:25:59 -05:00
parent bca30903eb
commit 1e18b6a265
10 changed files with 280 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
css/brands.css
View File

@ -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;