contact section
This commit is contained in:
13
index.html
13
index.html
@@ -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>
|
||||
|
@@ -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);
|
||||
});
|
||||
});
|
||||
|
26
style.css
26
style.css
@@ -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 {
|
||||
|
Reference in New Issue
Block a user