Add Bandcamp SVG and CSS

This commit is contained in:
Joel Wetzell 2021-11-09 17:34:32 -06:00
parent e096d42b35
commit 3e55ab9f3b
3 changed files with 37 additions and 0 deletions

View File

@ -82,6 +82,14 @@ button:hover,
.button.button-default:hover, .button.button-default:hover,
.button.button-default:focus { .button.button-default:focus {
filter: brightness(90%) } filter: brightness(90%) }
/* Bandcamp */
.button.button-bandcamp {
color: #FFFFFF;
background-color: #1d9fc3 }
.button.button-bandcamp:hover,
.button.button-bandcamp:focus {
filter: brightness(90%) }
/* Discord */ /* Discord */
.button.button-discord { .button.button-discord {

26
icons/bandcamp.svg Normal file
View File

@ -0,0 +1,26 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="682.7" height="682.7">
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="a">
<path d="M2560 0c1413.8 0 2560 1146.2 2560 2560S3973.8 5120 2560 5120 0 3973.8 0 2560 1146.2 0 2560 0Z" clip-rule="evenodd" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="b">
<path d="M0 0h5120v5120H0Z" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="c">
<path d="M3057.8 1755H1190l872.2 1610H3930l-872.2-1610" clip-rule="evenodd" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="d">
<path d="M0 0h5120v5120H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(.13333 0 0 -.13333 0 682.7)">
<g clip-path="url(#b)">
<path d="M2560 0c1413.8 0 2560 1146.2 2560 2560S3973.8 5120 2560 5120 0 3973.8 0 2560 1146.2 0 2560 0Z" style="fill:none;stroke:#fff;stroke-width:320;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" />
</g>
</g>
<g clip-path="url(#c)" transform="matrix(.13333 0 0 -.13333 0 682.7)">
<g clip-path="url(#d)">
<path d="M1140 1705h2840v1710H1140Z" style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -218,6 +218,9 @@
<!-- XING --> <!-- XING -->
<a class="button button-xing" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/xing.svg" alt="xing Logo">Xing</a> <a class="button button-xing" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/xing.svg" alt="xing Logo">Xing</a>
<!-- Bandcamp -->
<a class="button button-bandcamp" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/bandcamp.svg" alt="Bandcamp Logo">Bandcamp</a>
<br> <br>
<br> <br>
<p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p> <p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>