Add support for micro.blog

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;

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>

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>