From e4cca301fdf57a6ce6efd34f375c2dbdfa844735 Mon Sep 17 00:00:00 2001
From: Jonathan Jordan <jonathan@jmjordan.com>
Date: Thu, 19 Aug 2021 20:44:56 -0700
Subject: [PATCH] Add support for micro.blog

---
 css/brands.css      | 8 ++++++++
 icons/microblog.svg | 3 +++
 index.html          | 4 ++++
 3 files changed, 15 insertions(+)
 create mode 100644 icons/microblog.svg

diff --git a/css/brands.css b/css/brands.css
index 60ec68d..07b3d87 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -171,6 +171,14 @@ button:hover,
 .button.button-medium:focus {
   filter: brightness(90%) }
 
+/* Micro.blog */
+.button.button-microblog {
+  color: #FFFFFF;
+  background-color: #FD9927 }
+.button.button-microblog:hover,
+.button.button-microblog:focus {
+  filter: brightness(90%) }
+
 /* Pinterest */
 .button.button-pinterest {
   color: #000000;
diff --git a/icons/microblog.svg b/icons/microblog.svg
new file mode 100644
index 0000000..30aa82b
--- /dev/null
+++ b/icons/microblog.svg
@@ -0,0 +1,3 @@
+<svg style="width: 24px; height: 24px; fill: white;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 482.79 486.16">
+    <path class="cls-1" d="M495.79,372.06c32-37.64,51.11-85,51.11-136.5C546.9,113,438.82,13.72,305.5,13.72S64.1,113,64.1,235.56,172.18,457.4,305.5,457.4a259.65,259.65,0,0,0,86.2-14.58,7.78,7.78,0,0,1,8.81,2.77c20.17,27.23,51.67,46.38,86.7,54.17a4.79,4.79,0,0,0,4.74-7.65,94.37,94.37,0,0,1,4-120.11ZM420,209.48l-62.17,47.19,22.56,74.72a7.06,7.06,0,0,1-10.79,7.84L305.5,294.68l-64.09,44.55a7.06,7.06,0,0,1-10.79-7.84l22.56-74.72L191,209.48a7.06,7.06,0,0,1,4.12-12.68l78-1.63,25.67-73.71a7.06,7.06,0,0,1,13.33,0l25.67,73.71,78,1.63A7.06,7.06,0,0,1,420,209.48Z" transform="translate(-64.1 -13.72)" />
+  </svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index b0540f0..3d4603e 100644
--- a/index.html
+++ b/index.html
@@ -99,6 +99,10 @@
         <a class="button button-instagram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/instagram.svg" alt="Instagram Logo">Instagram</a>
           <br>
 
+        <!-- micro.blog -->
+        <a id="microblog" class="button button-microblog" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/microblog.svg" alt="Micro.blog Logo"/>Micro.blog</a>
+          <br>
+
         <!-- Facebook -->
         <a class="button button-facebook" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/facebook.svg" alt="Facebook Logo">Find us on Facebook</a>
           <br>