From 1ddf0629ef100176c993f7cd04db23d3e5633076 Mon Sep 17 00:00:00 2001
From: Jonathan Jordan <jonathan@jmjordan.com>
Date: Sun, 15 Aug 2021 18:27:12 -0700
Subject: [PATCH] Add support for micro.blog

---
 env.js                  | 9 +++++++++
 template/index.html     | 4 ++++
 www/css/brands.css      | 8 ++++++++
 www/icons/microblog.svg | 3 +++
 4 files changed, 24 insertions(+)
 create mode 100644 www/icons/microblog.svg

diff --git a/env.js b/env.js
index 2b6938e..670d1d5 100644
--- a/env.js
+++ b/env.js
@@ -13,6 +13,7 @@ var env = {
     BIO: '$BIO',
     GITHUB: '$GITHUB',
     TWITTER: '$TWITTER',
+    MICRO_BLOG: '$MICRO_BLOG',
     INSTAGRAM: '$INSTAGRAM',
     FACEBOOK: '$FACEBOOK',
     FACEBOOK_MESSENGER: '$FACEBOOK_MESSENGER',
@@ -116,6 +117,14 @@ function useEnv(document) {
         twitterEl.remove()
     }
 
+    var microblogEl = document.getElementById('microblog');
+    if  (env.MICRO_BLOG) {
+        microblogEl.href = env.MICRO_BLOG;
+    } else {
+        microblogEl.nextElementSibling.remove()
+        microblogEl.remove()
+    }
+
     var instagramEl = document.getElementById('instagram');
     if  (env.INSTAGRAM) {
         instagramEl.href = env.INSTAGRAM;
diff --git a/template/index.html b/template/index.html
index 7ec272a..9e15c37 100644
--- a/template/index.html
+++ b/template/index.html
@@ -96,6 +96,10 @@
         <a id="twitter" class="button button-twitter" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/twitter.svg" alt="Twitter Logo">Twitter</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>
+
         <!-- Instagram -->
         <a id="instagram" class="button button-instagram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/instagram.svg" alt="Instagram Logo">Instagram</a>
           <br>
diff --git a/www/css/brands.css b/www/css/brands.css
index 9741cb0..777a94a 100644
--- a/www/css/brands.css
+++ b/www/css/brands.css
@@ -163,6 +163,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/www/icons/microblog.svg b/www/icons/microblog.svg
new file mode 100644
index 0000000..30aa82b
--- /dev/null
+++ b/www/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