contact section

2025-08-03 16:09:21 -07:00
parent 25b9e484bc
commit 12545d5ae6
3 changed files with 8 additions and 2 deletions
--- a/index.html
+++ b/index.html
@@ -8,6 +8,9 @@
        <link rel="dns-prefetch" href="https://git.miningtcup.me/" />
        <link rel="dns-prefetch" href="https://archlinux.org/" />
        <link rel="dns-prefetch" href="https://hypr.land/" />
+        <link rel="preload" href="discord.png" as="image" type="image/png" />
+        <link rel="preload" href="protonmail.png" as="image" type="image/png" />
+        <link rel="preload" href="phone.webp" as="image" type="image/webp" />
    </head>
    <body>
        <div class="centerer">
@@ -95,7 +98,7 @@
                        quick contact is a phone call, but Discord, email, and
                        text work too.
                    </p>
-                    <div id="contact-info-container"></div>
+                    <div id="contact-info-container" class="cover"></div>
                </section>
            </div>
        </div>
--- a/script.js
+++ b/script.js
@@ -6,6 +6,6 @@ infoContainer.addEventListener("click", () => {
        .then((response) => response.text())
        .then((text) => {
            infoContainer.innerHTML = atob(text);
-            infoContainer.style.background = "transparent";
+            infoContainer.classList.remove("cover");
        });
 });
--- a/style.css
+++ b/style.css
@@ -78,6 +78,9 @@ p {
 #contact-info-container {
    min-height: 57px;
    max-width: 162.13px;
+}
+
+.cover {
    cursor: pointer;
    background: #000000;
 }