207 lines
9.3 KiB
HTML
207 lines
9.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<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/" />
|
|
<link rel="preload" href="discord.png" as="image" type="image/png" />
|
|
<link rel="preload" href="protonmail.png" as="image" type="image/png" />
|
|
<link rel="preload" href="phone.webp" as="image" type="image/webp" />
|
|
</head>
|
|
<body>
|
|
<div class="centerer">
|
|
<div id="content">
|
|
<div id="title-1">
|
|
<h1>
|
|
Ted Pier<span class="subtitle"
|
|
> a.k.a MiningTcup</span
|
|
>
|
|
</h1>
|
|
</div>
|
|
<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
|
|
!-->
|
|
<h3><a target="_blank" href="/youclient">YouClient</a></h3>
|
|
<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>
|
|
<br />
|
|
<h3>
|
|
<a
|
|
target="_blank"
|
|
href="https://git.miningtcup.me/MiningTcup/dotfiles/"
|
|
>Linux</a
|
|
>
|
|
</h3>
|
|
<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 target="_blank" href="https://archlinux.org"
|
|
>Arch Linux</a
|
|
>
|
|
+
|
|
<a target="_blank" 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>
|
|
<br />
|
|
<h3>
|
|
<a
|
|
target="_blank"
|
|
href="https://git.miningtcup.me/MiningTcup/noteserver"
|
|
>Notes</a
|
|
>
|
|
</h3>
|
|
<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 server
|
|
<a
|
|
target="_blank"
|
|
href="https://git.miningtcup.me/MiningTcup/noteserver"
|
|
>here</a
|
|
>. Although I don't plan on giving out the source code
|
|
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>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" class="cover">
|
|
JavaScript is required to load contact info.
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div id="overlay" class="absolute-fill">
|
|
<div id="spinner-container">
|
|
<svg
|
|
viewBox="0 0 210 210"
|
|
version="1.1"
|
|
id="svg1"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg"
|
|
>
|
|
<defs id="defs1">
|
|
<linearGradient id="linearGradient12">
|
|
<stop
|
|
style="stop-color: #ffffff; stop-opacity: 1"
|
|
offset="0"
|
|
id="stop12"
|
|
/>
|
|
<stop
|
|
style="stop-color: #5f44f4; stop-opacity: 1"
|
|
offset="1"
|
|
id="stop13"
|
|
/>
|
|
</linearGradient>
|
|
<mask maskUnits="userSpaceOnUse" id="mask12">
|
|
<path
|
|
style="
|
|
fill: #ffffff;
|
|
fill-opacity: 1;
|
|
stroke-width: 0;
|
|
stroke-dasharray: none;
|
|
stroke-opacity: 1;
|
|
"
|
|
id="path12"
|
|
d="M -28.173904,109.3663 -289.08685,35.251708 -94.445259,-153.64823 Z"
|
|
transform="matrix(0.80486618,0,0,0.79843498,122.67622,12.678124)"
|
|
/>
|
|
</mask>
|
|
<radialGradient
|
|
xlink:href="#linearGradient12"
|
|
id="radialGradient13"
|
|
cx="105"
|
|
cy="105"
|
|
fx="105"
|
|
fy="105"
|
|
r="100.1663"
|
|
gradientUnits="userSpaceOnUse"
|
|
/>
|
|
</defs>
|
|
<g id="layer1">
|
|
<circle
|
|
style="
|
|
fill: none;
|
|
stroke: url(#radialGradient13);
|
|
stroke-width: 28;
|
|
stroke-dasharray: none;
|
|
stroke-opacity: 1;
|
|
"
|
|
id="path1"
|
|
cx="105"
|
|
cy="105"
|
|
r="90.166298"
|
|
/>
|
|
<circle
|
|
style="
|
|
fill: none;
|
|
stroke: #f5f445;
|
|
stroke-width: 29;
|
|
stroke-dasharray: none;
|
|
stroke-opacity: 1;
|
|
"
|
|
id="path1-3"
|
|
cx="105"
|
|
cy="105"
|
|
r="90.166298"
|
|
mask="url(#mask12)"
|
|
/>
|
|
<circle
|
|
style="
|
|
fill: none;
|
|
stroke: #f5c945;
|
|
stroke-width: 29;
|
|
stroke-dasharray: none;
|
|
stroke-opacity: 1;
|
|
"
|
|
id="path1-4"
|
|
cx="105"
|
|
cy="105"
|
|
r="90.166298"
|
|
mask="url(#mask12)"
|
|
/>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|