From 3e55ab9f3be5925b4f52497745e1fce97bd5226b Mon Sep 17 00:00:00 2001
From: Joel Wetzell <jwetzell@yahoo.com>
Date: Tue, 9 Nov 2021 17:34:32 -0600
Subject: [PATCH] Add Bandcamp SVG and CSS

---
 css/brands.css     |  8 ++++++++
 icons/bandcamp.svg | 26 ++++++++++++++++++++++++++
 index.html         |  3 +++
 3 files changed, 37 insertions(+)
 create mode 100644 icons/bandcamp.svg

diff --git a/css/brands.css b/css/brands.css
index a321f2c..180cd57 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -82,6 +82,14 @@ 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%) }
 
 /* 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 @@
+<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>
\ No newline at end of file
diff --git a/index.html b/index.html
index 4bac6a6..d40001a 100644
--- a/index.html
+++ b/index.html
@@ -218,6 +218,9 @@
         <!-- XING -->
         <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>
         <p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>