Files
website/index.html

200 lines
8.8 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Ted Pier's portfolio and personal website."
/>
<title>MiningTcup</title>
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="dns-prefetch" href="https://git.miningtcup.me/" />
<link rel="dns-prefetch" href="https://mozhi.miningtcup.me/" />
<link rel="dns-prefetch" href="https://arch.miningtcup.me/" />
<link rel="dns-prefetch" href="https://archlinux.org/" />
<link rel="dns-prefetch" href="https://hypr.land/" />
<link rel="dns-prefetch" href="https://openfreemap.org/" />
<link rel="prefetch" href="/lulu" />
<link rel="prefetch" href="/archive" />
<link rel="prefetch" href="/blog" />
</head>
<body>
<div class="centerer">
<div id="content">
<header>
<div id="title-1">
<div class="h1-container">
<h1>
Ted Pier<span class="gone">&nbsp;</span
><span class="subtitle">a.k.a. MiningTcup</span>
</h1>
</div>
<a href="/lulu"
><img src="images/lulu.webp" alt="Lulu the dog"
/></a>
</div>
</header>
<nav>
<ul id="index">
<li><a href="/lulu">Lulu</a></li>
<li><a href="/archive">Archive</a></li>
<li><a href="/blog">Blog</a></li>
<li class="f-l"><a href="/#contact">Contact</a></li>
</ul>
<hr />
</nav>
<main>
<section>
<h2>Things I've Done</h2>
<a href="/youclient"><h3>YouClient</h3></a>
<p>
My middle school gave each student an incredibly weak Chromebook
infested with blockers and spyware, and didn't allow us to bring
our own computers. Since one of my strongest skills at the time
was web dev, I made an alternative YouTube client. The entire
thing is a single html file, making it easy to distribute and run.
Advantages over using the official YouTube website are faster
loading, no ads, tab customization, anti-unload, no browser
history, and no spyware spying.
</p>
<a href="https://git.miningtcup.me/MiningTcup/dotfiles/">
<h3>Linux</h3></a
>
<p>
The kernel is the core of the operating system. Linux is an
alternative operating system kernel, similar to the Windows or
MacOS kernels. It can run on nearly any device (including PCs and
Macs), and is used by Android. One of my favorite things to do is
mess with configuration files on my
<a href="https://archlinux.org">Arch Linux</a>
+
<a href="https://hypr.land">Hyprland</a>
system. Over the last more than a year, I've settled on an (in my
opinion) nearly <i>perfect</i> configuration.
</p>
<a href="https://git.miningtcup.me/MiningTcup/noteserver"
><h3>Notes</h3></a
>
<p>
I'd always wanted to use a notes app, but I never liked any of the
options. Instead of paying with my information, time, or money for
one that someone else made, I decided to make my own. I wrote the
server in Go, the language which I believe is best for anything to
do with servers, and the app in Android Studio using Kotlin. After
completing the server, I accidentally deleted the source code,
prompting me to recode it. It's finished now, and you can view the
most likely terrible source code for the
<a href="https://git.miningtcup.me/MiningTcup/noteserver"
>Notes server</a
>. Although I don't plan on giving out the source code for the app
because it's so terrible, you can download the
<a download href="notes.apk">Notes APK file</a>.
</p>
<h3>This Website</h3>
<p>
This website is meant to be a showcase of everything I do. You may
have noticed it's a tad bit minimal, and I'd like you to know
that's a design choice. I can make something cooler than this, but
that's just not what I wanted for my personal website. This
website is meant to be as correct and usable as possible - this
means no low contrast, no gradients, extremely minimal scripts,
and proper tags. It even works well in
<a href="https://lynx.invisible-island.net/">Lynx</a>!
</p>
</section>
<hr />
<section>
<h2>Services I Run</h2>
<a href="https://git.miningtcup.me/MiningTcup/website">
<h3>Static Webserver</h3></a
>
<p>
That's what you're using right now- my website! It's a classic
Nginx webserver. Notice how fast it loaded? That's what happens
when a website is written without any libraries, tracking, or
external fonts. Additionally, this includes a
<a href="/maps">map</a> frontend using the
<a href="https://openfreemap.org/">OpenFreeMap</a>
public instance. I also have a collection of questionably
redistributable files in my <a href="/archive">archive</a>.
</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. Not currently active.
</p>
<a href="https://git.miningtcup.me/"> <h3>Git Server</h3></a>
<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>
<a href="https://zim.miningtcup.me">
<h3>Kiwix Server</h3>
</a>
<p>
<a href="https://kiwix.org/en/">Kiwix</a> provides offline
browsing of websites, primarily wiki-like resources, including
<a href="https://wiki.archlinux.org/title/Main_page">ArchWiki</a>,
<a href="https://www.wikipedia.org/">Wikipedia</a>, and
<a href="https://devdocs.io/">DevDocs</a>, allowing access to
resources in an internet outage or while travelling.
</p>
<a href="https://mozhi.miningtcup.me/"><h3>Mozhi Server</h3></a>
<p>
<a href="https://codeberg.org/aryak/mozhi">Mozhi</a> is a proxy
for several online translators, such as Google Translate, and is
used by
<a href="https://invent.kde.org/office/crow-translate">
Crow Translate
</a>
(by <a href="https://kde.org/">KDE</a>).
</p>
<a href="https://arch.miningtcup.me/">
<h3>Arch Linux Mirror</h3></a
>
<p>
Having my own Arch Linux mirror means my updates will be just
about instant.
</p>
</section>
<hr />
<section id="contact">
<h2>Contact Me</h2>
<p class="margin-8px-top">
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" class="cover relative">
<strong>JavaScript is required to load contact info.</strong>
<div id="click-to-reveal-prompt">
click to reveal contact info
</div>
</div>
</section>
<hr />
</main>
<nav>
<ul id="index">
<li><a href="/lulu">Lulu</a></li>
<li><a href="/archive">Archive</a></li>
<li><a href="/blog">Blog</a></li>
<li class="f-l"><a href="#top">Return to Top</a></li>
</ul>
</nav>
</div>
</div>
<script src="index.js" defer></script>
</body>
</html>