From 76e2c230a289d789f10bfeebc1f607f527098be8 Mon Sep 17 00:00:00 2001
From: Tyler <26290074+tylersayshi@users.noreply.github.com>
Date: Fri, 25 Apr 2025 21:35:18 -0700
Subject: [PATCH] mail button

---
 index.html | 75 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 75 insertions(+)

diff --git a/index.html b/index.html
index b209eb7..308f0d1 100644
--- a/index.html
+++ b/index.html
@@ -45,6 +45,48 @@
         color: var(--accent-light);
       }
 
+      button {
+        /* Remove all default styling */
+        background: none;
+        border: none;
+        padding: 0;
+        margin: 0;
+        font: inherit;
+        color: inherit;
+        cursor: pointer;
+        outline: none;
+
+        /* Fix for odd text sizing in some browsers */
+        line-height: normal;
+
+        /* Prevent text selection */
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+
+        /* Remove default focus styles */
+        -webkit-tap-highlight-color: transparent;
+      }
+
+      button:focus-visible {
+        outline: 2px solid #4d90fe;
+        outline-offset: 2px;
+      }
+
+      button::-moz-focus-inner {
+        border: 0;
+        padding: 0;
+      }
+
+      body button {
+        background: none;
+        color: unset;
+      }
+      body button:hover {
+        color: var(--accent-light);
+      }
+
       body .secondary-text {
         color: var(--text-secondary-light);
       }
@@ -295,6 +337,33 @@
           />
         </svg>
       </a>
+      <button id="mail" title="those who inspect carefully may find me">
+        <svg
+          height="800px"
+          width="800px"
+          viewBox="0 0 512 512"
+          xml:space="preserve"
+        >
+          <g>
+            <path
+              fill="currentColor"
+              d="M510.678,112.275c-2.308-11.626-7.463-22.265-14.662-31.054c-1.518-1.915-3.104-3.63-4.823-5.345
+		c-12.755-12.818-30.657-20.814-50.214-20.814H71.021c-19.557,0-37.395,7.996-50.21,20.814c-1.715,1.715-3.301,3.43-4.823,5.345
+		C8.785,90.009,3.63,100.649,1.386,112.275C0.464,116.762,0,121.399,0,126.087V385.92c0,9.968,2.114,19.55,5.884,28.203
+		c3.497,8.26,8.653,15.734,14.926,22.001c1.59,1.586,3.169,3.044,4.892,4.494c12.286,10.175,28.145,16.32,45.319,16.32h369.958
+		c17.18,0,33.108-6.145,45.323-16.384c1.718-1.386,3.305-2.844,4.891-4.43c6.27-6.267,11.425-13.741,14.994-22.001v-0.064
+		c3.769-8.653,5.812-18.171,5.812-28.138V126.087C512,121.399,511.543,116.762,510.678,112.275z M46.509,101.571
+		c6.345-6.338,14.866-10.175,24.512-10.175h369.958c9.646,0,18.242,3.837,24.512,10.175c1.122,1.129,2.179,2.387,3.112,3.637
+		L274.696,274.203c-5.348,4.687-11.954,7.002-18.696,7.002c-6.674,0-13.276-2.315-18.695-7.002L43.472,105.136
+		C44.33,103.886,45.387,102.7,46.509,101.571z M36.334,385.92V142.735L176.658,265.15L36.405,387.435
+		C36.334,386.971,36.334,386.449,36.334,385.92z M440.979,420.597H71.021c-6.281,0-12.158-1.651-17.174-4.552l147.978-128.959
+		l13.815,12.018c11.561,10.046,26.028,15.134,40.36,15.134c14.406,0,28.872-5.088,40.432-15.134l13.808-12.018l147.92,128.959
+		C453.137,418.946,447.26,420.597,440.979,420.597z M475.666,385.92c0,0.529,0,1.051-0.068,1.515L335.346,265.221L475.666,142.8
+		V385.92z"
+            />
+          </g>
+        </svg>
+      </button>
     </div>
     <img
       src="https://app.piratepx.com/ship?p=67d07cf8-d340-46cf-8560-6e9b462d1d7e&i=tylur.dev"
@@ -302,4 +371,10 @@
       style="display: none"
     />
   </body>
+  <script lang="javascript">
+    const mailButton = document.getElementById("mail");
+    mailButton.addEventListener("click", () => {
+      console.log("hi" + "@" + window.location.hostname);
+    });
+  </script>
 </html>
-- 
2.51.2