links for contact and maybe more?

This commit is contained in:
2025-08-05 09:20:21 -07:00
parent 4a495ec6f3
commit 995aa402b0
4 changed files with 78 additions and 52 deletions

View File

@@ -1 +0,0 @@
PGRpdj4KICAgIDxpbWcKICAgICAgICBjbGFzcz0iYnVsbGV0LWltZyIKICAgICAgICBzcmM9ImRpc2NvcmQucG5nIgogICAgICAgIGFsdD0iRGlzY29yZCIKICAgIC8+QG1pbmluZ3RjdXAKPC9kaXY+CjxkaXY+CiAgICA8aW1nCiAgICAgICAgY2xhc3M9ImJ1bGxldC1pbWciCiAgICAgICAgc3JjPSJwcm90b25tYWlsLnBuZyIKICAgICAgICBhbHQ9IkRpc2NvcmQiCiAgICAvPnRlZEBtaW5pbmd0Y3VwLm1lCjwvZGl2Pgo8ZGl2PgogICAgPGltZwogICAgICAgIGNsYXNzPSJidWxsZXQtaW1nIgogICAgICAgIHNyYz0icGhvbmUud2VicCIKICAgICAgICBhbHQ9IkRpc2NvcmQiCiAgICAvPig2NTApIDUxMi05NjM1CjwvZGl2Pgo=

View File

@@ -28,7 +28,7 @@
<hr /> <hr />
<section> <section>
<h2>Things I've Done</h2> <h2>Things I've Done</h2>
<h3><a target="_blank" href="/youclient">YouClient</a></h3> <a target="_blank" href="/youclient"><h3>YouClient</h3></a>
<p> <p>
My middle school gave each student an incredibly weak My middle school gave each student an incredibly weak
Chromebook infested with blockers and spyware, and Chromebook infested with blockers and spyware, and
@@ -40,13 +40,12 @@
faster loading, no ads, tab customization, anti-unload, faster loading, no ads, tab customization, anti-unload,
no browser history, and no spyware spying. no browser history, and no spyware spying.
</p> </p>
<h3>
<a <a
target="_blank" target="_blank"
href="https://git.miningtcup.me/MiningTcup/dotfiles/" href="https://git.miningtcup.me/MiningTcup/dotfiles/"
>Linux</a
> >
</h3> <h3>Linux</h3></a
>
<p> <p>
The kernel is the core of the operating system. Linux is The kernel is the core of the operating system. Linux is
an alternative operating system kernel, similar to the an alternative operating system kernel, similar to the
@@ -62,13 +61,12 @@
system. Over the last more than a year, I've settled on system. Over the last more than a year, I've settled on
an (in my opinion) nearly <i>perfect</i> configuration. an (in my opinion) nearly <i>perfect</i> configuration.
</p> </p>
<h3>
<a <a
target="_blank" target="_blank"
href="https://git.miningtcup.me/MiningTcup/noteserver" href="https://git.miningtcup.me/MiningTcup/noteserver"
>Notes</a ><h3>Notes</h3></a
> >
</h3>
<p> <p>
I'd always wanted to use a notes app, but I never liked I'd always wanted to use a notes app, but I never liked
any of the options. Instead of paying with my any of the options. Instead of paying with my
@@ -92,13 +90,12 @@
<hr /> <hr />
<section> <section>
<h2>Services I Run</h2> <h2>Services I Run</h2>
<h3>
<a <a
target="_blank" target="_blank"
href="https://git.miningtcup.me/MiningTcup/website" href="https://git.miningtcup.me/MiningTcup/website"
>Static Webserver</a
> >
</h3> <h3>Static Webserver</h3></a
>
<p> <p>
That's what you're using right now- my website! It's a That's what you're using right now- my website! It's a
classic Nginx webserver. Notice how fast it loaded? My classic Nginx webserver. Notice how fast it loaded? My
@@ -117,36 +114,37 @@
server is run using BIND 9. server is run using BIND 9.
</p> </p>
<div> <div>
Plain DNS: <strong>99.31.208.235:53</strong> Plain DNS:
<a class="disabled" href="99.31.208.235"
>99.31.208.235</a
>:53
<br /> <br />
DNS over HTTPS: DNS over HTTPS:
<strong>https://dns.miningtcup.me/dns-query</strong> <a
</div> class="disabled"
<h3> href="https://dns.miningtcup.me/dns-query"
<a target="_blank" href="https://git.miningtcup.me/" >https://dns.miningtcup.me/dns-query</a
>Git Server</a >
</div>
<a target="_blank" href="https://git.miningtcup.me/">
<h3>Git Server</h3></a
> >
</h3>
<p> <p>
GitHub is slow, annoying, and trains LLMs on everything GitHub is slow, annoying, and trains LLMs on everything
you upload. My Git server is <i>very</i> fast (for me, you upload. My Git server is <i>very</i> fast (for me,
at least), annoyance-free, and <i>doesn't</i> train LLMs at least), annoyance-free, and <i>doesn't</i> train LLMs
on your work without asking. on your work without asking.
</p> </p>
<h3> <a target="_blank" href="https://mozhi.miningtcup.me/">
<a target="_blank" href="https://mozhi.miningtcup.me/" <h3>Mozhi Server</h3></a
>Mozhi Server</a
> >
</h3>
<p> <p>
Mozhi is a proxy for several translators, used by Crow Mozhi is a proxy for several translators, used by Crow
Translate by KDE. Translate by KDE.
</p> </p>
<h3> <a target="_blank" href="https://arch.miningtcup.me/">
<a target="_blank" href="https://arch.miningtcup.me/" <h3>Arch Linux Mirror</h3></a
>Arch Linux Mirror</a
> >
</h3>
<p> <p>
Having my own Arch Linux mirror means my updates will be Having my own Arch Linux mirror means my updates will be
just about instant. just about instant.
@@ -176,3 +174,22 @@
<script src="script.js" defer></script> <script src="script.js" defer></script>
</body> </body>
</html> </html>
<div>
<a href="discord.gg/8Rpya55k">
<img class="bullet-img" src="discord.png" alt="Discord" />miningtcup
</a>
</div>
<div>
<a href="mailto:ted@miningtcup.me">
<img
class="bullet-img"
src="protonmail.png"
alt="Email"
/>ted@miningtcup.me
</a>
</div>
<div>
<a href="tel:+1-650-512-9635"></a>
<img class="bullet-img" src="phone.webp" alt="Phone" />(650) 512-9635
</div>

View File

@@ -1,14 +1,14 @@
const $ = (id) => document.getElementById(id); const $ = (id) => document.getElementById(id);
const infoContainer = $("contact-info-container"); const infoContainer = $("contact-info-container");
infoContainer.addEventListener("mousedown", loadContactInfo);
infoContainer.addEventListener("click", loadContactInfo); infoContainer.addEventListener("click", loadContactInfo);
function loadContactInfo() { function loadContactInfo() {
fetch("contact-info.obfuscated") infoContainer.innerHTML = atob(
.then((response) => response.text()) "PGRpdj4KICAgIDxpbWcKICAgICAgICBjbGFzcz0iYnVsbGV0LWltZyIKICAgICAgICBzcmM9ImRpc2NvcmQucG5nIgogICAgICAgIGFsdD0iRGlzY29yZCIKICAgIC8+QG1pbmluZ3RjdXAKPC9kaXY+CjxkaXY+CiAgICA8aW1nCiAgICAgICAgY2xhc3M9ImJ1bGxldC1pbWciCiAgICAgICAgc3JjPSJwcm90b25tYWlsLnBuZyIKICAgICAgICBhbHQ9IkRpc2NvcmQiCiAgICAvPnRlZEBtaW5pbmd0Y3VwLm1lCjwvZGl2Pgo8ZGl2PgogICAgPGltZwogICAgICAgIGNsYXNzPSJidWxsZXQtaW1nIgogICAgICAgIHNyYz0icGhvbmUud2VicCIKICAgICAgICBhbHQ9IkRpc2NvcmQiCiAgICAvPig2NTApIDUxMi05NjM1CjwvZGl2Pgo=",
.then((text) => { );
infoContainer.innerHTML = atob(text);
infoContainer.classList.remove("cover"); infoContainer.classList.remove("cover");
infoContainer.removeEventListener("mousedown", loadContactInfo);
infoContainer.removeEventListener("click", loadContactInfo); infoContainer.removeEventListener("click", loadContactInfo);
});
} }

View File

@@ -13,6 +13,7 @@
h3 { h3 {
margin-top: 16px; margin-top: 16px;
margin-bottom: 0; margin-bottom: 0;
color: light-dark(black, white);
} }
h2 { h2 {
@@ -25,6 +26,14 @@ a {
color: light-dark(black, white); color: light-dark(black, white);
} }
:not(p) > a {
text-decoration: none;
}
:not(p) > a:hover {
text-decoration: underline;
}
p { p {
margin-top: 0; margin-top: 0;
margin-bottom: 8px; margin-bottom: 8px;
@@ -43,10 +52,6 @@ p {
max-width: 256px; max-width: 256px;
} }
#contact-info-container * {
user-select: initial;
}
#content { #content {
padding-bottom: 25vh; padding-bottom: 25vh;
} }
@@ -93,15 +98,20 @@ p {
#title-1 * { #title-1 * {
margin: 0; margin: 0;
padding: 16px; padding: 16px;
background: light-dark(black, white); background: light-dark(black, whitesmoke);
width: max-content; width: max-content;
} }
.disabled {
pointer-events: none;
}
body { body {
margin: 8px; margin: 8px;
font-family: sans-serif; font-family: sans-serif;
position: relative; position: relative;
background: light-dark(whitesmoke, black); background: light-dark(whitesmoke, black);
color: light-dark(black, whitesmoke);
} }
#click-to-reveal-prompt { #click-to-reveal-prompt {