From 52581578f92179affaa87110bd0fe78bb410d9fa Mon Sep 17 00:00:00 2001
From: Ted Pier <ted@miningtcup.me>
Date: Sun, 3 Aug 2025 17:45:09 -0700
Subject: [PATCH] add services i run, and more

---
 index.html | 82 +++++++++++++++++++++++++++++++++++++++++++++++-------
 style.css  | 36 ++++++++++++++++++++++--
 2 files changed, 106 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 137808f..46f0aab 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,8 @@
         <title>MiningTcup</title>
         <link rel="stylesheet" href="style.css" />
         <link rel="dns-prefetch" href="https://git.miningtcup.me/" />
+        <link rel="dns-prefetch" href="https://mozhi.miningtcup.me/" />
+        <link rel="dns-prefetch" href="https://archz.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" />
@@ -25,11 +27,9 @@
                 <hr />
                 <section>
                     <h2>Things I've Done</h2>
-                    <!--
-                    1. explain terms / concepts
-                    2. explain my relation to the concepts
-                    3. explain what i did / the evidence
-                    !-->
+                    <p>
+                        An array of things I've done and reasons I've done them.
+                    </p>
                     <h3><a target="_blank" href="/youclient">YouClient</a></h3>
                     <p>
                         My middle school gave each student an incredibly weak
@@ -42,7 +42,6 @@
                         faster loading, no ads, tab customization, anti-unload,
                         no browser history, and no spyware spying.
                     </p>
-                    <br />
                     <h3>
                         <a
                             target="_blank"
@@ -65,7 +64,6 @@
                         system. Over the last more than a year, I've settled on
                         an (in my opinion) nearly <i>perfect</i> configuration.
                     </p>
-                    <br />
                     <h3>
                         <a
                             target="_blank"
@@ -92,7 +90,68 @@
                         for the app because it's so terrible, you can download
                         the APK file <a download href="notes.apk">here</a>.
                     </p>
-                    <br />
+                </section>
+                <section>
+                    <h2>Services I Run</h2>
+                    <p>
+                        This server, 99.31.208.235, hosts a variety of services.
+                    </p>
+                    <h3>
+                        <a target="_blank" href="https://miningtcup.me/"
+                            >Static Webserver</a
+                        >
+                    </h3>
+                    <p>
+                        That's what you're using right now- my website! It's a
+                        classic Nginx webserver. My website is written without
+                        any libraries or external fonts because ew, bloat.
+                    </p>
+                    <h3>DNS Servers</h3>
+                    <p>
+                        Back in middle school, some friends and I found a way to
+                        disable the school Chromebook's spyware. While proxies
+                        were disabled and vpns (almost) impossible to set up, we
+                        were free to change the DNS servers of any network
+                        except(?) the schools. This gave us the power to block
+                        any domain we wanted, including the domains which would
+                        load blocklists or send away all our data. The plain DNS
+                        server is run using BIND 9.
+                    </p>
+                    <div>
+                        Plain DNS: <strong>99.31.208.235:53</strong>
+                        <br />
+                        DNS over HTTPS:
+                        <strong>https://dns.miningtcup.me/dns-query</strong>
+                    </div>
+                    <h3>
+                        <a target="_blank" href="https://git.miningtcup.me/"
+                            >Git Server</a
+                        >
+                    </h3>
+                    <p>
+                        GitHub is slow, annoying, and trains LLMs on everything
+                        you upload. My Git server is <i>very</i> fast (for me,
+                        at least), annoyance-free, and <i>doesn't</i> train LLMs
+                        on your work without asking.
+                    </p>
+                    <h3>
+                        <a target="_blank" href="https://mozhi.miningtcup.me/"
+                            >Mozhi Server</a
+                        >
+                    </h3>
+                    <p>
+                        Mozhi is a proxy for several translators, used by Crow
+                        Translate by KDE.
+                    </p>
+                    <h3>
+                        <a target="_blank" href="https://arch.miningtcup.me/"
+                            >Arch Linux Mirror</a
+                        >
+                    </h3>
+                    <p>
+                        Having my own Arch Linux mirror means my updates will be
+                        just about instant.
+                    </p>
                 </section>
                 <section>
                     <h2>Contact Me</h2>
@@ -101,8 +160,11 @@
                         quick contact is a phone call, but Discord, email, and
                         text work too.
                     </p>
-                    <div id="contact-info-container" class="cover">
+                    <div id="contact-info-container" class="cover relative">
                         JavaScript is required to load contact info.
+                        <div id="click-to-reveal-prompt">
+                            click to reveal contact info
+                        </div>
                     </div>
                 </section>
             </div>
@@ -125,7 +187,7 @@
                                 id="stop12"
                             />
                             <stop
-                                style="stop-color: #5f44f4; stop-opacity: 1"
+                                style="stop-color: #6347ff; stop-opacity: 1"
                                 offset="1"
                                 id="stop13"
                             />
diff --git a/style.css b/style.css
index 2b87013..0f7a9d6 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,10 @@
+:root {
+    --primary: #6347ff;
+    --secondary: #ffe847;
+    --primary-50: #312480;
+    --secondary-50: #807424;
+}
+
 @keyframes spinner-a {
     from {
         transform: rotate(0deg);
@@ -52,14 +59,18 @@
 }
 
 h3 {
-    margin-top: 0;
+    margin-top: 16px;
     margin-bottom: 0;
 }
 
 h2 {
     text-align: center;
     margin-bottom: 8px;
-    margin-top: 16px;
+    margin-top: 32px;
+}
+
+a {
+    color: black;
 }
 
 p {
@@ -78,6 +89,15 @@ p {
 #contact-info-container {
     min-height: 57px;
     max-width: 162.13px;
+    user-select: none;
+}
+
+#contact-info-container * {
+    user-select: initial;
+}
+
+#content {
+    padding-bottom: 25vh;
 }
 
 .cover {
@@ -127,3 +147,15 @@ p {
 body {
     margin: 8px;
 }
+
+#click-to-reveal-prompt {
+    color: var(--secondary);
+    position: absolute;
+    top: 8px;
+    left: 25%;
+    right: 25%;
+    bottom: 0;
+    font-size: 12px;
+    max-width: 50%;
+    text-align: center;
+}