From 6c1fb2fbf26f2f21b8daa6d04eab413d6fa41704 Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Sat, 23 Mar 2024 16:29:45 -0400
Subject: [PATCH] uptime external link

---
 public/index.html |  2 +-
 public/style.css  | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 9988d1d..fa34ba8 100755
--- a/public/index.html
+++ b/public/index.html
@@ -61,8 +61,8 @@
         <label for="tab-about" class="tab">About</label>
         <label for="tab-contact" class="tab">Contact</label>
         <label for="tab-dash" class="tab">Dashboard</label>
+        <a href="https://uptime.myco.systems/" class="tab-right">Uptime <svg class="tab-icon" viewBox="0 0 512 512"><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg></a>
       </div>
-
       <div id="linksTab" class="tab-content">
         <p>Hi! It's good to see you \( ‘ o ‘ )/</p>
         <div class="bullet-text">
diff --git a/public/style.css b/public/style.css
index abc23c2..ad784ca 100755
--- a/public/style.css
+++ b/public/style.css
@@ -85,7 +85,7 @@ body,
   display: flex;
 }
 
-.tab {
+.tab, .tab-right {
   cursor: pointer;
   padding: 4px 15px;
   border-width: 0 4px 4px 0;
@@ -94,6 +94,17 @@ body,
   font-size: 12px;
 }
 
+.tab-right {
+  border-right: 0;
+  color: #f3bbae;
+  text-decoration: none;
+}
+
+.tab-right svg {
+  fill: #f3bbae;
+  width: 12px;
+}
+
 .tab-content {
   word-wrap: break-word;
   display: none;