contact section

This commit is contained in:
2025-08-03 15:50:36 -07:00
parent 504944f6ad
commit b643c1eb8f
3 changed files with 45 additions and 3 deletions

View File

@@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MiningTcup</title>
<link rel="stylesheet" href="style.css" />
<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/" />
</head>
<body>
<div class="centerer">
@@ -85,6 +88,15 @@
the APK file <a download href="notes.apk">here</a>.
</p>
</section>
<section>
<h2>Contact Me</h2>
<p>
I'm sort of chronically online. Your best chance of
quick contact is a phone call, but Discord, email, and
text work too.
</p>
<div id="contact-info-container"></div>
</section>
</div>
</div>
<div id="overlay" class="absolute-fill">
@@ -181,5 +193,6 @@
</svg>
</div>
</div>
<script src="script.js"></script>
</body>
</html>

View File

@@ -0,0 +1,9 @@
const $ = (id) => document.getElementById(id);
$("contact-info-container").addEventListener("click", () => {
fetch("contact-info.obfuscated")
.then((response) => response.text())
.then((text) => {
console.log(text ^ 69420);
});
});

View File

@@ -51,15 +51,35 @@
max-width: 512px;
}
h2,
h3 {
margin-top: 16px;
margin-top: 0;
margin-bottom: 0;
}
h2 {
text-align: center;
margin-bottom: 8px;
margin-top: 16px;
}
p {
margin-top: 0;
margin-bottom: 16px;
margin-bottom: 32px;
}
.bullet-img {
height: 14px;
width: 14px;
object-fit: contain;
vertical-align: middle;
margin-right: 8px;
}
#contact-info-container {
min-height: 57px;
max-width: 162.13px;
cursor: pointer;
background: #000000;
}
.centerer {