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" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>MiningTcup</title>
|
<title>MiningTcup</title>
|
||||||
<link rel="stylesheet" href="style.css" />
|
<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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="centerer">
|
<div class="centerer">
|
||||||
@@ -85,6 +88,15 @@
|
|||||||
the APK file <a download href="notes.apk">here</a>.
|
the APK file <a download href="notes.apk">here</a>.
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</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>
|
</div>
|
||||||
<div id="overlay" class="absolute-fill">
|
<div id="overlay" class="absolute-fill">
|
||||||
@@ -181,5 +193,6 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<script src="script.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</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;
|
max-width: 512px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2,
|
|
||||||
h3 {
|
h3 {
|
||||||
margin-top: 16px;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-top: 0;
|
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 {
|
.centerer {
|
||||||
|
Reference in New Issue
Block a user