From 70502c5843331f2f05deebf67974e3f32b164ce3 Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Sun, 3 Nov 2024 10:08:36 -0500
Subject: [PATCH] update donate button to make sure it is still contained
 within tab-content

---
 public/index.html | 17 ++++++++++++++++-
 public/style.css  | 25 ++++++++++++++-----------
 2 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/public/index.html b/public/index.html
index 02da8d4..0725ad1 100755
--- a/public/index.html
+++ b/public/index.html
@@ -56,6 +56,22 @@
           If you're interested in getting our help or just want to chat, send us a message through our contact email
           on the next tab.<br><br>
           ദ്ദി { ˉ͈̀꒳ˉ͈́ }✧</p>
+        <div class="bullet-text">
+          <a href="https://coop.myco.systems" target="_blank">Blog<svg class="text-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>
+          <a href="https://web.myco.systems" target="_blank">Contract us!<svg class="text-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>
+          <a href="https://git.myco.systems/explore/repos" target="_blank">Source<svg class="text-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>
+        <a class="btn" href="#open-modal">donate</a>
         <div id="open-modal" class="modal-window">
           <div>
             <a href="#" title="Close" class="modal-close">×</a>
@@ -75,7 +91,6 @@
           </div>
         </div>
       </div>
-      <a class="btn" href="#open-modal">donate</a>
 
       <div class="tab-content">
         <p>Send us a cool message and we'll get back to you d-(´▽｀)-b</p><br>
diff --git a/public/style.css b/public/style.css
index 7bb47ec..aeafe04 100755
--- a/public/style.css
+++ b/public/style.css
@@ -174,6 +174,10 @@ ul.custom-bullet li::before {
   padding: 1rem;
 }
 
+.tab-content:has(a.btn) {
+  padding-bottom: 2.5rem;
+}
+
 .tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label,
 .tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label,
 .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label,
@@ -204,8 +208,8 @@ ul.custom-bullet li::before {
 .bullet-text {
   font-size: var(--primary-text-size);
   text-align: left;
-  z-index: 2;
   position: relative;
+  padding-top: 1rem;
 }
 
 .tab-content a[href]:hover {
@@ -240,14 +244,6 @@ ul {
   padding-left: 1rem !important;
 }
 
-.links {
-  padding-left: 0;
-}
-
-.links a {
-  text-decoration-skip: spaces;
-}
-
 .dashboard {
   display: flex;
   flex-direction: row;
@@ -276,6 +272,11 @@ a {
   align-items: center;
 }
 
+.bullet-text a {
+  justify-content: left;
+  align-items: left;
+}
+
 .modal-window {
   position: fixed;
   background-color: rgba(0, 0, 0, 0.45);
@@ -350,12 +351,14 @@ a {
 
 .btn {
   background-color: #241917;
-  padding: 0.25rem 0.25rem;
+  padding: 0.35rem 0.75rem;
   border-top: 4px solid #9a756c;
   border-right: 4px solid #9a756c;
   text-decoration: none;
   font-size: 10px;
-  width: 4rem;
+  position: absolute;
+  bottom: 0;
+  left: 0;
 }
 
 .btn:hover {