diff --git a/css/brands.css b/css/brands.css index a321f2c..7bd847c 100644 --- a/css/brands.css +++ b/css/brands.css @@ -82,6 +82,38 @@ button:hover, .button.button-default:hover, .button.button-default:focus { filter: brightness(90%) } + +/* Bandcamp */ +.button.button-bandcamp { + color: #FFFFFF; + background-color: #1d9fc3 } +.button.button-bandcamp:hover, +.button.button-bandcamp:focus { + filter: brightness(90%) } + +/* Patreon */ +.button.button-patreon { + color: #FFFFFF; + background-color: #ff424d } +.button.button-patreon:hover, +.button.button-patreon:focus { + filter: brightness(90%) } + +/* Signal */ +.button.button-signal { + color: #FFFFFF; + background-color: #3a76f0 } +.button.button-signal:hover, +.button.button-signal:focus { + filter: brightness(90%) } + +/* Venmo */ +.button.button-venmo { + color: #FFFFFF; + background-color: #3d95ce } +.button.button-venmo:hover, +.button.button-venmo:focus { + filter: brightness(90%) } /* Discord */ .button.button-discord { diff --git a/icons/bandcamp.svg b/icons/bandcamp.svg new file mode 100644 index 0000000..cde6f60 --- /dev/null +++ b/icons/bandcamp.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/icons/patreon.svg b/icons/patreon.svg new file mode 100644 index 0000000..fe07eb1 --- /dev/null +++ b/icons/patreon.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/signal.svg b/icons/signal.svg new file mode 100644 index 0000000..4cef57a --- /dev/null +++ b/icons/signal.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/venmo.svg b/icons/venmo.svg new file mode 100644 index 0000000..0c37329 --- /dev/null +++ b/icons/venmo.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/index.html b/index.html index 4bac6a6..b0a035c 100644 --- a/index.html +++ b/index.html @@ -218,6 +218,18 @@ xing LogoXing + + Bandcamp LogoBandcamp + + + Patreon LogoPatreon + + + Signal LogoSignal + + + Venmo LogoVenmo +

Build your own by forking LittleLink.