206 lines
13 KiB
HTML
206 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<title>trinkey's website!!!</title>
|
|
<link rel="stylesheet" href="css/base.css">
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<meta name="pronouns" content="she/her">
|
|
|
|
<meta property="og:type" content="website">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="author" content="trinkey's website!!!">
|
|
<meta property="og:title" content="trinkey's website!!!">
|
|
<meta name="twitter:title" content="trinkey's website!!!">
|
|
<meta name="description" content="meoww :3">
|
|
<meta property="og:description" content="meoww :3">
|
|
<meta name="twitter:description" content="meoww :3">
|
|
|
|
<script>
|
|
let _themeMM = matchMedia("(prefers-color-scheme: light)");
|
|
let light = _themeMM.matches;
|
|
let useAutoTheme = true;
|
|
|
|
function setTheme() {
|
|
if (light) {
|
|
document.documentElement.setAttribute("data-light", "");
|
|
} else {
|
|
document.documentElement.removeAttribute("data-light");
|
|
}
|
|
}
|
|
|
|
_themeMM.addEventListener("change", function() {
|
|
light = _themeMM.matches;
|
|
setTheme();
|
|
});
|
|
|
|
setTheme();
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<div class="header-title">trinkey's website!</div>
|
|
<div><a href="javascript:windowPreset('about')">about me</a></div>
|
|
<div class="hyphen">-</div>
|
|
<div><a href="javascript:windowPreset('socials')">my socials</a></div>
|
|
<div class="hyphen">-</div>
|
|
<div><a href="javascript:windowPreset('88x31')">88x31</a></div>
|
|
<div class="hyphen">-</div>
|
|
<div><a href="javascript:windowPreset('projects')">projects</a></div>
|
|
<div class="hyphen">-</div>
|
|
<div><a href="javascript:windowPreset('testimonials')">testimonials</a></div>
|
|
<div class="hyphen">-</div>
|
|
<div><a href="javascript:windowPreset('specs')">specs</a></div>
|
|
</nav>
|
|
</header>
|
|
|
|
<noscript>
|
|
this website heavily relies on javascript! for a no-js version with less fun, visit
|
|
<a href="no-js.html">this page</a> instead
|
|
</noscript>
|
|
|
|
<img class="cat" src="img/cat.jpg" alt="My cat">
|
|
|
|
<footer>
|
|
access the compatibility version <a href="no-js.html">here</a>
|
|
</footer>
|
|
|
|
<div hidden id="window-templates">
|
|
<div data-template-id="about">
|
|
<div data-template-field="title">~/about</div>
|
|
<div data-template-field="content">
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~/about</b>$ cat about-me.txt</div>
|
|
<div><b>hi there! i'm trinkey!</b></div>
|
|
<div>--------------------</div>
|
|
<div>i'm a silly little kitty cat who lives in the usa.</div>
|
|
<div>i'm <span class="blue">t</span><span class="pink">r</span>a<span class="pink">n</span><span class="blue">s</span> (she/her, they/them and it/its are also fine) and a bit gay sometimes.</div>
|
|
<div>i'm not actively in a relationship, however i'm also not looking to get into one either.</div>
|
|
<div>--------------------</div>
|
|
<div>i like to code stuff (mostly websites)! some of my programs can be found on the <a href="javascript:windowPreset('projects')">projects page</a>. i know a few languages, those being python, javascript/typescript, html/css (if you count those), and a little bit of java.</div>
|
|
<div>--------------------</div>
|
|
<div>well, that's about it! i hope you like my website!</div>
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~/about</b>$ <i class="cursor">.</i></div>
|
|
</div>
|
|
</div>
|
|
<div data-template-id="socials">
|
|
<div data-template-field="title">~/socials</div>
|
|
<div data-template-field="content">
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~/socials</b>$ cat socials.html</div>
|
|
<div>- fedi - <b>@trinkey@trinkey.com</b> (or @trinkey@is.trinkey.com)</div>
|
|
<div>- github - <a href="https://github.com/trinkey/" target="_blank"><b>trinkey</b></a></div>
|
|
<div>- git.gay - <a href="https://git.gay/trinkey/" target="_blank"><b>trinkey</b></a></div>
|
|
<div>- smiggins - <a href="https://trinkey.pythonanywhere.com/u/trinkey/" target="_blank"><b>trinkey</b></a></div>
|
|
<div>- signal - <b>@trinkey.01</b></div>
|
|
<div>- email - <b>trinkey [at] proton [dot] me</b></div>
|
|
<div>- youtube - <a href="https://youtube.com/@trinkey" target="_blank"><b>@trinkey</b></a> (inactive)</div>
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~/socials</b>$ <i class="cursor">.</i></div>
|
|
</div>
|
|
</div>
|
|
<div data-template-id="88x31">
|
|
<div data-template-field="title">~/buttons</div>
|
|
<div data-template-field="content">
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~/buttons</b>$ cat 88x31.html</div>
|
|
<div><b>my button:</b> (click to copy html)</div>
|
|
<div><img style="cursor: pointer;" src="img/88x31.png" alt="trinkey's 88x31. image of my cat on the right with the word trinkey name taking up the rest of the button." title="trinkey's 88x31. image of my cat on the right with the word trinkey name taking up the rest of the button." onclick="copyButton()"></div>
|
|
<div>--------------------</div>
|
|
<div><b>cool people:</b></div>
|
|
<div class="buttons-88x31">
|
|
<a href="https://notfire.cc" target="_blank"><img src="https://notfire.cc/design/images/buttons/notfire-cc-88x31-af.gif" alt="notfire.cc"></a>
|
|
<a href="https://micro.niko.lgbt" target="_blank"><img src="https://micro.niko.lgbt/static/button_2.png" alt="a non-spinning demigirl blobcat angled slightly with a black border to the left of "Micro"" title="a non-spinning demigirl blobcat angled slightly with a black border to the left of "Micro""></a>
|
|
<a href="https://w.on-t.work" target="_blank"><img src="https://w.on-t.work/assets/88x31.png" alt="kopper's button" title="kopper's button"></a>
|
|
</div>
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~/buttons</b>$ <i class="cursor">.</i></div>
|
|
</div>
|
|
</div>
|
|
<div data-template-id="projects">
|
|
<div data-template-field="title">~/projects</div>
|
|
<div data-template-field="content">
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~/projects</b>$ cat projects.html</div>
|
|
<div><b>projects</b> - the things i made</div>
|
|
<div>- <a href="https://github.com/jerimiah-smiggins/smiggins/" target="_blank"><b>smiggins</b></a> (<a href="https://trinkey.pythonanywhere.com/" target="_blank">website</a>) - a social media platform i made</div>
|
|
<div>- <a href="https://git.gay/trinkey/website/" target="_blank"><b>this website</b></a> - check out the code</div>
|
|
<div>- <a href="https://git.gay/trinkey/dotindex/" target="_blank"><b>dotindex</b></a> (<a href="https://pypi.org/project/DotIndex/" target="_blank">pypi</a>) - a python library that lets you access dicts using the dot notation (dict.key) instead of whatever python does (dict["key"])</div>
|
|
<div>- <a href="https://git.gay/trinkey/infopage/" target="_blank"><b>infopage</b></a> (<a href="https://infpg.pythonanywhere.com/" target="_blank">website</a>) - my very own pronouns.page clone</div><br>
|
|
<div>i'll likely add more in the future, these are just the ones i'm most proud of at the moment.</div>
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~/projects</b>$ <i class="cursor">.</i></div>
|
|
</div>
|
|
</div>
|
|
<div data-template-id="testimonials">
|
|
<div data-template-field="title">~/testimonials</div>
|
|
<div data-template-field="content">
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~/testimonials</b>$ cat testimonials.html</div>
|
|
<div>"warning: this user is trinkey"</div>
|
|
<div>- <a href="https://booping.synth.download/@breaadyboy" target="_blank">bread</a></div><br>
|
|
<div>"This user is only slightly crazy once was I. 10/10 would recommend"</div>
|
|
<div>- <a href="https://lea.pet/@subroutine" target="_blank">subroutine</a></div><br>
|
|
<div>"the f slur but repeated 36 times"</div>
|
|
<div>- <a href="https://oomfie.city/@cornfields74">corn fields seventy four</a></div>
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~/testimonials</b>$ <i class="cursor">.</i></div>
|
|
</div>
|
|
</div>
|
|
<div data-template-id="specs">
|
|
<div data-template-field="title">~</div>
|
|
<div data-template-field="content">
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~</b>$ ssh trinkey@laptop</div>
|
|
<div>Last login: Tue Sep 11 8:46:40 2001 from 192.168.1.254</div>
|
|
<div><b class="green">trinkey@laptop</b>:<b class="blue">~</b>$ neofetch</div>
|
|
|
|
<pre> <b>...-:::::-...</b> <b class="green">trinkey</b>@<b class="green">laptop</b>
|
|
<b>.-MMMMMMMMMMMMMMM-.</b> ---------------
|
|
<b>.-MMMM<span class="green">`..-:::::::-..`</span>MMMM-.</b> <b class="green">OS</b>: Linux Mint 21.2 x86_64
|
|
<b>.:MMMM<span class="green">.:MMMMMMMMMMMMMMM:.</span>MMMM:.</b> <b class="green">Host</b>: Dell G15 5510
|
|
<b>-MMM<span class="green">-M---MMMMMMMMMMMMMMMMMMM.</span>MMM-</b> <b class="green">Uptime</b>: 11 hours, 9 mins
|
|
<b>`:MMM<span class="green">:MM` :MMMM:....::-...-MMMM:</span>MMM:`</b> <b class="green">Packages</b>: 2001 (dpkg), 11 (flatpak)
|
|
<b>:MMM<span class="green">:MMM` :MM:` `` `` `:MMM:</span>MMM:</b> <b class="green">Resolution</b>: 2560x1440, 1920x1080, 1680x1050
|
|
<b>.MMM<span class="green">.MMMM` :MM. -MM. .MM- `MMMM.</span>MMM.</b> <b class="green">DE</b>: Cinnamon 5.8.4
|
|
<b>:MMM<span class="green">:MMMM` :MM. -MM- .MM: `MMMM-</span>MMM:</b> <b class="green">WM</b>: Mutter (Muffin)
|
|
<b>:MMM<span class="green">:MMMM` :MM. -MM- .MM: `MMMM:</span>MMM:</b> <b class="green">CPU</b>: Intel i5-10500H (12) @ 4.500GHz
|
|
<b>:MMM<span class="green">:MMMM` :MM. -MM- .MM: `MMMM-</span>MMM:</b> <b class="green">GPU</b>: NVIDIA GeForce RTX 3050 Ti Mobile
|
|
<b>.MMM<span class="green">.MMMM` :MM:--:MM:--:MM: `MMMM.</span>MMM.</b> <b class="green">GPU</b>: Intel CometLake-H GT2 [UHD Graphics]
|
|
<b>:MMM<span class="green">:MMM- `-MMMMMMMMMMMM-` -MMM-</span>MMM:</b> <b class="green">Memory</b>: 2001MiB / 15765MiB
|
|
<b>:MMM<span class="green">:MMM:` `:MMM:</span>MMM:</b>
|
|
<b>.MMM<span class="green">.MMMM:--------------:MMMM.</span>MMM.</b>
|
|
<b>'-MMMM<span class="green">.-MMMMMMMMMMMMMMM-.</span>MMMM-'</b>
|
|
<b>'.-MMMM<span class="green">``--:::::--``</span>MMMM-.'</b>
|
|
<b>'-MMMMMMMMMMMMM-'</b>
|
|
<b>``-:::::-``</b></pre>
|
|
|
|
<div><b class="green">trinkey@laptop</b>:<b class="blue">~</b>$ exit</div>
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~</b>$ ssh trinkey@server</div>
|
|
<div>Last login: Tue Sep 11 9:03:02 2001 from 192.168.1.254</div>
|
|
<div><b class="green">trinkey@server</b>:<b class="blue">~</b>$ neofetch</div>
|
|
<pre> <b>...-:::::-...</b> <b class="green">trinkey</b>@<b class="green">server</b>
|
|
<b>.-MMMMMMMMMMMMMMM-.</b> ---------------
|
|
<b>.-MMMM<span class="green">`..-:::::::-..`</span>MMMM-.</b> <b class="green">OS</b>: Linux Mint 21.2 x86_64
|
|
<b>.:MMMM<span class="green">.:MMMMMMMMMMMMMMM:.</span>MMMM:.</b> <b class="green">Host</b>: Macmini7,1 1.0
|
|
<b>-MMM<span class="green">-M---MMMMMMMMMMMMMMMMMMM.</span>MMM-</b> <b class="green">Uptime</b>: 2001 days, 9 hours, 11 mins
|
|
<b>`:MMM<span class="green">:MM` :MMMM:....::-...-MMMM:</span>MMM:`</b> <b class="green">Packages</b>: 2116 (dpkg)
|
|
<b>:MMM<span class="green">:MMM` :MM:` `` `` `:MMM:</span>MMM:</b> <b class="green">CPU</b>: Intel i5-4278U (4) @ 3.100GHz
|
|
<b>.MMM<span class="green">.MMMM` :MM. -MM. .MM- `MMMM.</span>MMM.</b> <b class="green">GPU</b>: Intel Haswell-ULT
|
|
<b>:MMM<span class="green">:MMMM` :MM. -MM- .MM: `MMMM-</span>MMM:</b> <b class="green">Memory</b>: 9011MiB / 15866MiB
|
|
<b>:MMM<span class="green">:MMMM` :MM. -MM- .MM: `MMMM:</span>MMM:</b>
|
|
<b>:MMM<span class="green">:MMMM` :MM. -MM- .MM: `MMMM-</span>MMM:</b>
|
|
<b>.MMM<span class="green">.MMMM` :MM:--:MM:--:MM: `MMMM.</span>MMM.</b>
|
|
<b>:MMM<span class="green">:MMM- `-MMMMMMMMMMMM-` -MMM-</span>MMM:</b>
|
|
<b>:MMM<span class="green">:MMM:` `:MMM:</span>MMM:</b>
|
|
<b>.MMM<span class="green">.MMMM:--------------:MMMM.</span>MMM.</b>
|
|
<b>'-MMMM<span class="green">.-MMMMMMMMMMMMMMM-.</span>MMMM-'</b>
|
|
<b>'.-MMMM<span class="green">``--:::::--``</span>MMMM-.'</b>
|
|
<b>'-MMMMMMMMMMMMM-'</b>
|
|
<b>``-:::::-``</b></pre>
|
|
|
|
<div><b class="green">trinkey@server</b>:<b class="blue">~</b>$ exit</div>
|
|
<div><b class="green">trinkey@website</b>:<b class="blue">~</b>$ <i class="cursor">.</i></div>
|
|
</div>
|
|
<div data-template-field="width" data-is-number>1000</div>
|
|
<div data-template-field="height" data-is-number>800</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/index.js"></script>
|
|
</body>
|
|
</html>
|