From a40a9846c267cb1e7ccfc8961f87840b9762c380 Mon Sep 17 00:00:00 2001
From: Joel Wetzell <jwetzell@cait.org>
Date: Thu, 22 Sep 2022 13:25:19 -0500
Subject: [PATCH] add redbubble style and svg

---
 css/brands.css             | 13 +++++++++++++
 images/icons/redbubble.svg |  3 +++
 index.html                 |  5 +++++
 3 files changed, 21 insertions(+)
 create mode 100644 images/icons/redbubble.svg

diff --git a/css/brands.css b/css/brands.css
index 36c52f1..d7c04ee 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -174,6 +174,19 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Redbubble */
+.button.button-redbubble {
+  color: #e41321;
+  border-style: solid;
+  border-color: #e41321;
+  border-width: 2px;
+  background-color: #ffffff;
+}
+.button.button-redbubble:hover,
+.button.button-redbubble:focus {
+  filter: brightness(90%);
+}
+
 /* Facebook */
 .button.button-faceb {
   color: #ffffff;
diff --git a/images/icons/redbubble.svg b/images/icons/redbubble.svg
new file mode 100644
index 0000000..c393b5f
--- /dev/null
+++ b/images/icons/redbubble.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+    <path fill="#e41321" d="m27.621 27.225h-5.3279a0.53462 0.53462 0 0 1-0.53331-0.53592v-13.372c0-0.29541 0.2392-0.53462 0.53331-0.53462h4.9397c3.707 0 4.4848 2.1829 4.4848 4.0129 0 1.0588-0.28103 1.8993-0.83918 2.5162 1.3594 0.56076 2.0914 1.8248 2.0914 3.6534 0 2.6679-1.9999 4.2599-5.3488 4.2599m-7.7356 0h-11.066a0.53331 0.53331 0 0 1-0.532-0.53592v-13.372c0-0.29541 0.2379-0.53462 0.532-0.53462h5.1697c3.2286 0 5.1553 1.7385 5.1553 4.6508 0 1.9372-0.97381 3.4587-2.5437 4.0769l3.6822 4.8246a0.53592 0.53592 0 0 1-0.39868 0.88885m0.019607-27.188c-11.037 0-19.986 8.9486-19.986 19.986 0 11.04 8.9486 19.989 19.987 19.989s19.986-8.9486 19.986-19.987-8.946-19.986-19.985-19.986"></path>
+</svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index d36babc..6f33679 100644
--- a/index.html
+++ b/index.html
@@ -245,6 +245,11 @@
             <img class="icon" src="images/icons/etsy.svg" alt="Etsy Logo">Etsy</a>
         <br>
 
+        <!-- Redbubble -->
+        <a class="button button-redbubble" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons/redbubble.svg" alt="Redbubble Logo">Redbubble</a>
+        <br>
+
         <!-- Tumblr -->
         <a class="button button-tumb" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>