Techwizz/littlelink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 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
Show stats 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;

34
images/icons/apple-music-white.svg Normal file
View file

@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Artwork" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="73px" height="73px" viewBox="0 0 73 73" style="enable-background:new 0 0 73 73;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
</style>
<g id="Layer_5">
</g>
<g>
<g>
<path class="st0" d="M72,19.94c0-0.72-0.01-1.45-0.03-2.17c-0.04-1.58-0.14-3.17-0.42-4.73c-0.28-1.58-0.75-3.06-1.48-4.5
c-0.72-1.41-1.66-2.71-2.78-3.83c-1.12-1.12-2.42-2.06-3.83-2.78c-1.44-0.73-2.91-1.2-4.49-1.48c-1.56-0.28-3.15-0.37-4.73-0.42
C53.51,0.02,52.78,0.01,52.06,0c-0.86,0-1.72,0-2.58,0H22.52c-0.86,0-1.72,0-2.58,0c-0.72,0-1.45,0.01-2.17,0.03
c-1.58,0.04-3.17,0.14-4.73,0.42C11.46,0.74,9.98,1.2,8.55,1.94C7.13,2.66,5.84,3.6,4.72,4.72S2.65,7.13,1.93,8.55
c-0.73,1.44-1.2,2.91-1.48,4.5c-0.28,1.56-0.37,3.15-0.42,4.73C0.02,18.5,0.01,19.22,0,19.95c0,0.86,0,1.72,0,2.58v26.96
c0,0.86,0,1.72,0,2.58c0,0.72,0.01,1.45,0.03,2.17c0.04,1.58,0.14,3.17,0.42,4.73c0.28,1.58,0.75,3.06,1.48,4.5
c0.72,1.41,1.66,2.71,2.78,3.83c1.12,1.12,2.42,2.06,3.83,2.78c1.44,0.73,2.91,1.2,4.49,1.48c1.56,0.28,3.15,0.37,4.73,0.42
c0.72,0.02,1.45,0.03,2.17,0.03c0.86,0.01,1.72,0,2.58,0h26.95c0.86,0,1.72,0,2.58,0c0.72,0,1.45-0.01,2.17-0.03
c1.58-0.04,3.17-0.14,4.73-0.42c1.58-0.28,3.06-0.75,4.49-1.48c1.41-0.72,2.71-1.66,3.83-2.78s2.06-2.41,2.78-3.83
c0.73-1.44,1.2-2.91,1.48-4.5c0.28-1.56,0.37-3.15,0.42-4.73c0.02-0.72,0.03-1.45,0.03-2.17c0.01-0.86,0-1.72,0-2.58V22.52
C72,21.66,72,20.8,72,19.94z M52.71,46.85c0,0.91-0.01,1.74-0.2,2.65c-0.19,0.89-0.53,1.72-1.05,2.47
c-0.52,0.75-1.19,1.36-1.97,1.82c-0.79,0.47-1.62,0.73-2.5,0.91c-1.66,0.33-2.79,0.41-3.86,0.2c-1.03-0.21-1.9-0.68-2.6-1.32
c-1.03-0.95-1.68-2.23-1.82-3.56c-0.16-1.57,0.36-3.24,1.53-4.48c0.59-0.62,1.34-1.11,2.34-1.5c1.04-0.4,2.19-0.65,3.96-1
c0.47-0.09,0.93-0.19,1.4-0.28c0.61-0.12,1.14-0.28,1.56-0.8c0.43-0.52,0.43-1.16,0.43-1.78V24.32c0-1.21-0.54-1.54-1.7-1.32
c-0.83,0.16-18.62,3.75-18.62,3.75c-1,0.24-1.36,0.57-1.36,1.82v23.23c0,0.91-0.05,1.74-0.24,2.65c-0.19,0.89-0.53,1.72-1.05,2.47
c-0.52,0.75-1.19,1.36-1.97,1.82c-0.79,0.47-1.62,0.74-2.5,0.92c-1.66,0.33-2.79,0.41-3.86,0.2c-1.03-0.21-1.9-0.69-2.6-1.33
c-1.03-0.95-1.63-2.23-1.78-3.56c-0.16-1.57,0.31-3.24,1.49-4.48c0.59-0.62,1.34-1.11,2.34-1.5c1.04-0.4,2.19-0.65,3.96-1
c0.47-0.09,0.93-0.19,1.4-0.28c0.61-0.12,1.14-0.28,1.56-0.8c0.42-0.52,0.47-1.13,0.47-1.75c0-4.92,0-26.79,0-26.79
c0-0.36,0.03-0.6,0.05-0.72c0.09-0.56,0.31-1.05,0.72-1.39c0.34-0.28,0.78-0.48,1.33-0.6l0.01,0L49,11.33
c0.19-0.04,1.73-0.31,1.91-0.33c1.16-0.1,1.81,0.66,1.81,1.89L52.71,46.85L52.71,46.85z"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

43
images/icons/apple-music.svg Normal file
View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Artwork" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="73px" height="73px" viewBox="0 0 73 73" style="enable-background:new 0 0 73 73;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
</style>
<g id="Layer_5">
</g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="36" y1="2.2858" x2="36" y2="72.455" gradientTransform="matrix(1 0 0 -1 0 74.0068)">
<stop offset="0" style="stop-color:#FA233B"/>
<stop offset="1" style="stop-color:#FB5C74"/>
</linearGradient>
<path class="st0" d="M72,22.52c0-0.86,0-1.72,0-2.58c0-0.72-0.01-1.45-0.03-2.17c-0.04-1.58-0.14-3.17-0.42-4.73
c-0.28-1.58-0.75-3.06-1.48-4.5c-0.72-1.41-1.66-2.71-2.78-3.83s-2.42-2.06-3.83-2.78c-1.44-0.73-2.91-1.2-4.49-1.48
c-1.56-0.28-3.15-0.37-4.73-0.42C53.51,0.02,52.78,0.01,52.06,0c-0.86,0-1.72,0-2.58,0H22.52c-0.86,0-1.72,0-2.58,0
c-0.72,0-1.45,0.01-2.17,0.03c-1.58,0.04-3.17,0.14-4.73,0.42C11.46,0.74,9.98,1.2,8.55,1.94C7.13,2.66,5.84,3.6,4.72,4.72
S2.65,7.13,1.93,8.55c-0.73,1.44-1.2,2.91-1.48,4.5c-0.28,1.56-0.37,3.15-0.42,4.73C0.02,18.5,0.01,19.22,0,19.94
c0,0.86,0,1.72,0,2.58v26.95c0,0.86,0,1.72,0,2.58c0,0.72,0.01,1.45,0.03,2.17c0.04,1.58,0.14,3.17,0.42,4.73
c0.28,1.58,0.75,3.06,1.48,4.5c0.72,1.41,1.66,2.71,2.78,3.83c1.12,1.12,2.42,2.06,3.83,2.78c1.44,0.73,2.91,1.2,4.49,1.48
c1.56,0.28,3.15,0.37,4.73,0.42c0.72,0.02,1.45,0.03,2.17,0.03c0.86,0.01,1.72,0,2.58,0h26.95c0.86,0,1.72,0,2.58,0
c0.72,0,1.45-0.01,2.17-0.03c1.58-0.04,3.17-0.14,4.73-0.42c1.58-0.28,3.06-0.75,4.49-1.48c1.41-0.72,2.71-1.66,3.83-2.78
c1.12-1.12,2.06-2.41,2.78-3.83c0.73-1.44,1.2-2.91,1.48-4.5c0.28-1.56,0.37-3.15,0.42-4.73c0.02-0.72,0.03-1.45,0.03-2.17
c0.01-0.86,0-1.72,0-2.58L72,22.52L72,22.52z"/>
</g>
<g id="Glyph_2_">
<g>
<path class="st1" d="M50.9,11c-0.17,0.02-1.72,0.29-1.91,0.33l-21.4,4.32l-0.01,0c-0.56,0.12-1,0.32-1.33,0.6
c-0.41,0.34-0.63,0.83-0.72,1.39c-0.02,0.12-0.05,0.36-0.05,0.72c0,0,0,21.86,0,26.78c0,0.63-0.05,1.23-0.47,1.75
c-0.42,0.52-0.95,0.67-1.56,0.8c-0.47,0.09-0.93,0.19-1.4,0.28c-1.77,0.36-2.92,0.6-3.96,1c-1,0.39-1.74,0.88-2.34,1.5
c-1.18,1.23-1.66,2.91-1.49,4.48c0.14,1.34,0.74,2.62,1.78,3.56c0.7,0.64,1.57,1.13,2.6,1.33c1.07,0.21,2.2,0.14,3.86-0.2
c0.88-0.18,1.71-0.46,2.5-0.92c0.78-0.46,1.45-1.07,1.97-1.82c0.52-0.75,0.86-1.58,1.05-2.47c0.19-0.91,0.24-1.74,0.24-2.65V28.56
c0-1.24,0.35-1.57,1.36-1.82c0,0,17.79-3.59,18.62-3.75c1.16-0.22,1.7,0.11,1.7,1.32v15.86c0,0.63-0.01,1.26-0.43,1.78
c-0.42,0.52-0.95,0.67-1.56,0.8c-0.47,0.09-0.93,0.19-1.4,0.28c-1.77,0.36-2.92,0.6-3.96,1c-1,0.39-1.74,0.88-2.34,1.5
c-1.18,1.23-1.7,2.91-1.53,4.48c0.14,1.34,0.78,2.62,1.82,3.56c0.7,0.64,1.57,1.11,2.6,1.32c1.07,0.21,2.2,0.14,3.86-0.2
c0.88-0.18,1.71-0.44,2.5-0.91c0.78-0.46,1.45-1.07,1.97-1.82c0.52-0.75,0.86-1.58,1.05-2.47c0.19-0.91,0.2-1.74,0.2-2.65V12.89
C52.71,11.66,52.06,10.9,50.9,11z"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB

8
images/icons/apple-podcasts-white.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 26 KiB

31
images/icons/apple-podcasts.svg Normal file
View file

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
<g id="XMLID_632_">
<linearGradient id="XMLID_2_" gradientUnits="userSpaceOnUse" x1="150" y1="0" x2="150" y2="300">
<stop offset="0" style="stop-color:#F452FF"/>
<stop offset="1" style="stop-color:#832BC1"/>
</linearGradient>
<path id="XMLID_662_" fill-rule="evenodd" clip-rule="evenodd" fill="url(#XMLID_2_)" d="M294.1,260c-2.9,7.4-9.6,17.8-19.2,25.2
c-5.5,4.2-12.1,8.3-21.1,11c-9.6,2.9-21.5,3.8-36.3,3.8h-135c-14.8,0-26.6-1-36.3-3.8c-9-2.7-15.6-6.7-21.1-11
c-9.5-7.3-16.3-17.8-19.2-25.2C0.1,245.1,0,228.2,0,217.5l0,0v-135l0,0C0,71.8,0.1,54.9,5.9,40c2.9-7.4,9.6-17.8,19.2-25.2
c5.5-4.2,12.1-8.3,21.1-11C55.9,1,67.7,0,82.5,0l0,0h135l0,0c14.8,0,26.6,1,36.3,3.8c9,2.7,15.6,6.7,21.1,11
c9.5,7.3,16.3,17.8,19.2,25.2c5.9,14.9,5.9,31.9,5.9,42.5v135C300,228.2,299.9,245.1,294.1,260z"/>
<g>
<path id="XMLID_657_" fill="#FFFFFF" d="M175.7,181.1c-0.4-3.6-1.6-6.2-4-8.6c-4.5-4.7-12.4-7.8-21.7-7.8c-9.3,0-17.2,3-21.7,7.8
c-2.3,2.5-3.6,5-4,8.6c-0.8,7-0.3,13,0.5,22.7c0.8,9.2,2.3,21.5,4.2,33.9c1.4,8.9,2.5,13.7,3.5,17.1c1.7,5.6,7.8,10.4,17.5,10.4
c9.7,0,15.9-4.9,17.5-10.4c1-3.4,2.1-8.2,3.5-17.1c1.9-12.5,3.4-24.7,4.2-33.9C176.1,194.1,176.5,188.1,175.7,181.1z"/>
<path id="XMLID_655_" fill="#FFFFFF" d="M174.6,130.1c0,13.6-11,24.6-24.6,24.6s-24.6-11-24.6-24.6c0-13.6,11-24.6,24.6-24.6
S174.6,116.6,174.6,130.1z"/>
<path id="XMLID_653_" fill="#FFFFFF" d="M149.7,33.2C92.3,33.4,45.3,80,44.5,137.4c-0.6,46.5,29.1,86.3,70.6,100.9
c1,0.4,2-0.5,1.9-1.5c-0.5-3.6-1.1-7.2-1.5-10.8c-0.2-1.3-1-2.3-2.1-2.9c-32.8-14.3-55.7-47.2-55.3-85.3
c0.5-50,41.3-90.7,91.2-91.1c51.1-0.4,92.8,41,92.8,92c0,37.7-22.8,70.1-55.3,84.4c-1.2,0.5-2,1.6-2.1,2.9
c-0.5,3.6-1,7.2-1.5,10.8c-0.2,1.1,0.9,1.9,1.9,1.5c41.1-14.4,70.6-53.6,70.6-99.6C255.5,80.5,208,33.1,149.7,33.2z"/>
<path id="XMLID_651_" fill="#FFFFFF" d="M147.3,68.2c-37.4,1.4-67.4,32.3-67.9,69.7c-0.3,24.6,12,46.4,30.9,59.3
c0.9,0.6,2.2-0.1,2.2-1.2c-0.3-4.3-0.3-8.1-0.1-12.1c0.1-1.3-0.4-2.5-1.4-3.4c-11.5-10.8-18.5-26.2-18.1-43.2
c0.8-30,24.9-54.4,54.9-55.6c32.6-1.3,59.4,24.9,59.4,57.1c0,16.4-7,31.2-18.1,41.7c-0.9,0.9-1.4,2.1-1.4,3.4
c0.2,3.9,0.1,7.7-0.1,12c-0.1,1.1,1.2,1.9,2.2,1.2c18.6-12.7,30.9-34.2,30.9-58.4C220.8,98.9,187.5,66.6,147.3,68.2z"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

8
images/icons/clubhouse.svg Normal file
View file

@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.00317 9.9198C6.3259 10.9899 6.71656 11.9936 7.14122 12.9617C7.87161 14.6958 8.36421 15.613 9.04512 16.751C9.87745 18.1099 10.7962 19.6571 12.3079 20.6592C13.4119 21.3896 14.7553 21.7633 16.0462 21.7633C17.8652 21.7633 19.4279 20.965 20.4315 20.0292C21.4167 19.1121 22.6922 17.344 22.6922 13.8944C22.6922 12.7054 23.2187 11.6848 23.6093 10.8695C23.6093 10.8525 23.6263 10.8185 23.6603 10.7506C23.8131 10.4109 24 9.96928 24 9.52761C24 9.20488 23.9151 8.83122 23.6943 8.50849C23.3545 7.93096 22.7431 7.72717 22.181 7.72717C20.8731 7.72717 19.9714 8.64436 19.5127 9.58014L19.3599 9.88587C19.1731 9.61407 18.9862 9.32534 18.8334 9.07054C18.3578 8.23829 18.086 7.67777 17.8482 6.96285C17.6614 6.40233 17.5085 5.75687 17.4066 5.22874C17.1179 3.56264 16.6423 3.01912 15.8593 2.81532C15.2819 2.66246 14.6024 2.78132 14.1083 3.10405C13.7702 2.33973 13.1926 2 12.4268 2C11.3397 2 10.353 2.71339 10.353 3.9209C10.353 4.07376 10.37 4.22663 10.387 4.4135C10.2511 4.37949 10.0982 4.36249 9.94538 4.36249C8.7734 4.36249 7.90554 5.17781 7.90554 6.28339C7.90554 6.53819 7.93954 6.82691 8.02448 7.16665C7.92254 7.14964 7.82061 7.14964 7.71875 7.14964C7.14122 7.18365 6.6147 7.40444 6.23944 7.86303C5.86731 8.3047 5.71444 8.98409 6.00317 9.9198Z" fill="#1F1F1A"/>
<path d="M6.97134 9.61403C6.81847 9.12143 6.83547 8.74777 7.02234 8.50998C7.20913 8.28918 7.46393 8.18725 7.76966 8.17024C8.29626 8.15332 8.50005 8.52698 8.80578 9.49517C8.99265 10.1066 9.36631 10.9914 9.5871 11.484C9.8759 12.0785 10.2835 12.8768 10.4704 13.1501C10.6232 13.3879 10.7591 13.4558 10.9119 13.4558C11.1837 13.4558 11.3875 13.303 11.3875 13.0312C11.3875 12.8783 11.2347 12.6235 11.1497 12.4706C10.9969 12.1819 10.6741 11.6044 10.4534 11.1119C10.2156 10.5683 9.94383 9.88888 9.72296 9.2759C9.5871 8.91916 9.43424 8.40964 9.28137 7.90004C9.04358 7.11872 8.92472 6.64313 8.92472 6.28487C8.92472 5.74135 9.3323 5.38469 9.94383 5.38469C10.3854 5.38469 10.6741 5.60549 10.861 6.40381C11.0139 7.13412 11.2857 8.32471 11.6763 9.25889C11.9311 9.87035 12.3048 10.6872 12.5256 11.0949C12.6615 11.3327 12.8143 11.5365 12.8143 11.6214C12.8143 11.7403 12.5935 11.9271 12.4067 12.1819C12.2878 12.3348 12.2369 12.4367 12.2369 12.5556C12.2369 12.6575 12.3048 12.7594 12.4067 12.8953C12.5086 13.0312 12.6105 13.1671 12.7294 13.1671C12.8143 13.1671 12.8653 13.1331 12.9163 13.0652C13.4428 12.4027 14.0203 11.9441 14.6843 11.5689C15.4656 11.1273 16.2655 10.9065 16.8939 10.7706C17.1996 10.7027 17.2846 10.6347 17.2846 10.4649C17.2846 10.261 17.1317 10.1421 16.9279 10.1251C16.7751 10.1081 16.6391 10.1251 16.4013 10.1422C16.2315 10.1591 16.1466 10.0741 16.0447 9.85335C15.7389 9.20789 15.1444 8.11931 14.7877 6.72654C14.6349 6.13201 14.4989 5.50355 14.4141 4.6867C14.3631 4.31304 14.431 4.17718 14.6179 4.00732C14.8557 3.80345 15.2803 3.71851 15.603 3.80345C15.9937 3.90538 16.1975 4.21111 16.4013 5.40162C16.5033 5.96214 16.6731 6.67553 16.8769 7.28859C17.1317 8.06991 17.4544 8.7169 17.947 9.58315C18.2188 10.0587 18.5585 10.5513 18.9152 11.0285C18.8472 11.2322 18.7284 11.3682 18.3377 11.6909C17.947 12.0136 17.5564 12.3533 17.1996 12.9818C16.9448 13.4403 16.826 13.9499 16.826 14.2897C16.826 14.6124 16.8939 14.6803 17.0978 14.6803C17.4544 14.6803 17.7432 14.6124 17.7602 14.4595C17.8451 13.848 17.947 13.4574 18.2867 12.9972C18.4906 12.7424 18.8472 12.4197 19.136 12.1649C19.6795 11.7233 19.8663 11.4685 20.0532 10.8401C20.1381 10.5513 20.2401 10.2795 20.3759 10.0247C20.6987 9.43028 21.2762 8.7509 22.1779 8.7509C22.4667 8.7509 22.7045 8.83576 22.8574 9.07355C22.9423 9.20949 22.9762 9.39628 22.9762 9.53222C22.9762 9.83795 22.7554 10.2625 22.6535 10.4664C22.2798 11.2647 21.6684 12.4892 21.6684 13.899C21.6684 16.9749 20.5813 18.5051 19.7305 19.2865C18.8982 20.0678 17.5888 20.7488 16.0431 20.7488C14.9391 20.7488 13.7995 20.426 12.8653 19.8145C11.5574 18.9483 10.7406 17.5879 9.9083 16.2291C9.24584 15.1251 8.78725 14.2572 8.07234 12.5757C7.66933 11.6013 7.29407 10.6501 6.97134 9.61403Z" fill="#FFE450"/>
<path d="M11.3397 3.92101C11.3397 3.27555 11.9342 3.02075 12.4268 3.02075C12.9533 3.02075 13.1402 3.27555 13.276 3.81907C13.395 4.26066 13.4459 4.66833 13.4968 5.14392C13.5648 5.61951 13.8026 6.70816 13.8706 6.97989C14.1253 7.91407 14.6349 9.01972 15.2463 10.3446C14.8897 10.4634 14.4141 10.6673 14.0913 10.8372C13.6837 11.058 13.5988 11.058 13.4289 10.7352C13.0722 10.0728 12.8174 9.58025 12.5966 9.0012C12.4098 8.5256 12.223 7.98208 12.0701 7.35202C11.8153 6.28197 11.7813 5.97625 11.5775 5.48213C11.4586 4.97405 11.3397 4.3456 11.3397 3.92101Z" fill="#FFE450"/>
<path d="M5.25583 15.298C4.89605 15.5203 2.98903 16.5194 2.55826 16.6784C2.25093 16.7927 1.91745 16.7649 1.72136 16.1843C1.48044 15.4663 1.81865 15.2965 2.30041 15.1096C2.72653 14.9444 4.49456 14.3051 4.90535 14.1939C5.19408 14.1167 5.39482 14.214 5.53381 14.5614C5.68667 14.9429 5.58169 15.0957 5.25583 15.298Z" fill="#1F1F1A"/>
<path d="M3.6839 11.2509C3.17125 11.2649 1.04192 11.1738 0.555512 11.1259C0.132426 11.0842 -0.0389724 10.8973 0.00735182 10.2843C0.0567638 9.62652 0.313087 9.58634 0.728457 9.62652C1.21023 9.67287 3.44153 10.0357 3.79666 10.1453C4.16414 10.2596 4.21507 10.4264 4.17032 10.7476C4.11321 11.1645 3.92482 11.2432 3.6839 11.2509Z" fill="#1F1F1A"/>
<path d="M3.94802 6.93964C3.36127 6.7543 1.61946 5.69966 1.16549 5.42793C0.754748 5.18083 0.702248 4.95851 0.987909 4.41651C1.24115 3.93779 1.52218 3.85446 1.93907 4.07061C2.42244 4.32228 4.12864 5.65025 4.45449 5.91275C4.76945 6.16602 4.72622 6.29724 4.561 6.62309C4.39579 6.94887 4.2414 7.03228 3.94802 6.93964Z" fill="#1F1F1A"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.5 KiB

10
images/icons/google-podcasts.svg Normal file
View file

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="400" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g stroke-linecap="round" stroke-width="48.5">
<path d="m24.26 186.32v27.351" stroke="#0066d9"/>
<path d="m375.74 186.32v27.351" stroke="#4285f4"/>
<path d="m112.13 104.27v89.46m0 74.645v27.351" stroke="#ea4335"/>
<path d="m287.87 206.26v89.46m0-191.46v27.351" stroke="#34a853"/>
<path d="m200 127.06v145.87m0-248.68v27.351m0 296.78v27.351" stroke="#fab908"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 502 B

7
images/icons/spotify-green.svg Normal file
View file

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 171 171" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g>
<path d="M134.562,76.472C107.568,60.441 63.041,58.967 37.272,66.789C33.134,68.044 28.758,65.708 27.504,61.57C26.25,57.43 28.584,53.057 32.725,51.799C62.306,42.819 111.481,44.554 142.557,63.001C146.279,65.21 147.5,70.017 145.294,73.733C143.086,77.455 138.275,78.682 134.562,76.472ZM133.678,100.216C131.784,103.289 127.766,104.253 124.697,102.366C102.192,88.533 67.875,84.526 41.25,92.607C37.797,93.651 34.15,91.704 33.102,88.258C32.061,84.805 34.009,81.165 37.455,80.115C67.871,70.886 105.682,75.356 131.53,91.24C134.599,93.13 135.565,97.151 133.678,100.216ZM123.431,123.019C121.926,125.487 118.713,126.26 116.254,124.756C96.588,112.737 71.836,110.023 42.686,116.681C39.877,117.325 37.078,115.565 36.437,112.756C35.794,109.948 37.547,107.148 40.363,106.507C72.262,99.215 99.626,102.353 121.699,115.841C124.16,117.344 124.935,120.559 123.431,123.019ZM85.025,2.232C38.775,2.232 1.281,39.725 1.281,85.974C1.281,132.228 38.775,169.718 85.025,169.718C131.276,169.718 168.768,132.228 168.768,85.974C168.768,39.725 131.276,2.232 85.025,2.232Z" style="fill:rgb(30,215,96);fill-rule:nonzero;"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

28
images/icons/youtube-music.svg Normal file
View file

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
]>
<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 176 176"
enable-background="new 0 0 176 176" xml:space="preserve">
<metadata>
<sfw xmlns="&ns_sfw;">
<slices></slices>
<sliceSourceBounds bottomLeftOrigin="true" height="176" width="176" x="8" y="-184"></sliceSourceBounds>
</sfw>
</metadata>
<g id="XMLID_167_">
<circle id="XMLID_791_" fill="#FF0000" cx="88" cy="88" r="88"/>
<path id="XMLID_42_" fill="#FFFFFF" d="M88,46c23.1,0,42,18.8,42,42s-18.8,42-42,42s-42-18.8-42-42S64.9,46,88,46 M88,42
c-25.4,0-46,20.6-46,46s20.6,46,46,46s46-20.6,46-46S113.4,42,88,42L88,42z"/>
<polygon id="XMLID_274_" fill="#FFFFFF" points="72,111 111,87 72,65 "/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

42
index.html
View file

@ -158,7 +158,47 @@
<!-- Spotify -->
<a class="button button-spotify" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/spotify.svg" alt="Spotify Logo">Spotify</a>
<img class="icon" src="images/icons/spotify.svg" alt="Spotify Logo">Listen on Spotify</a>
<br>
<!-- Spotify Alt -->
<a class="button button-spotify-alt" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/spotify-green.svg" alt="Spotify Logo">Listen on Spotify</a>
<br>
<!-- YouTube Music -->
<a class="button button-yt" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/youtube-music.svg" alt="YouTube Music Logo">Listen on YouTube Music</a>
<br>
<!-- Apple Music -->
<a class="button button-apple-music" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/apple-music.svg" alt="Apple Music Logo">Listen on Apple Music</a>
<br>
<!-- Apple Music Alt -->
<a class="button button-apple-music-alt" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/apple-music-white.svg" alt="Apple Music Logo">Listen on Apple Music</a>
<br>
<!-- Apple Podcasts -->
<a class="button button-apple-podcasts" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/apple-podcasts.svg" alt="Apple Podcasts Logo">Listen on Apple Podcasts</a>
<br>
<!-- Apple Podcasts Alt-->
<a class="button button-apple-podcasts-alt" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/apple-podcasts-white.svg" alt="Apple Podcasts Logo">Listen on Apple Podcasts</a>
<br>
<!-- Google Podcasts -->
<a class="button button-google-podcasts" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/google-podcasts.svg" alt="Google Podcasts Logo">Listen on Google Podcasts</a>
<br>
<!-- Clubhouse -->
<a class="button button-clubhouse" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/clubhouse.svg" alt="Clubhouse Logo">Clubhouse</a>
<br>
<!-- Reddit -->