<!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('people')">people</a></div> <div class="hyphen">-</div> <div><a href="javascript:windowPreset('projects')">projects</a></div> <div class="hyphen">-</div> <div><a href="javascript:windowPreset('specs')">specs</a></div> <div class="hyphen">-</div> <div><a href="javascript:windowPreset('directory')">directory</a></div> <div class="hyphen">-</div> <div><a href="javascript:createBlob()">spin</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>- forgejo - <a href="https://git.trinkey.com/trinkey/" target="_blank"><b>trinkey</b></a></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> (inactive)</div> <div>- smiggins - <a href="https://smiggins.trinkey.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="people"> <div data-template-field="title">~/webrings</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 taking up the rest of the button." title="trinkey's 88x31. image of my cat on the right with the word trinkey 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" title="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> <a href="https://synth.download" target="_blank"><img src="https://synth.download/assets/buttons/sneexy.svg" alt="Sneexy" title="Sneexy"></a> <a href="https://beepi.ng" target="_blank"><img src="https://beepi.ng/88x31.png" alt="unnick" title="unnick"></a> </div> <div><b class="green">trinkey@website</b>:<b class="blue">~/buttons</b>$ cd ~/testimonials</div> <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>$ cd ~/webrings</div> <div><b class="green">trinkey@website</b>:<b class="blue">~/webrings</b>$ cat rings.html</div> <div> <a href="https://ctp-webr.ing/trinkey/previous">←</a> <a href="https://ctp-webr.ing/">catppuccin webring</a> <a href="https://ctp-webr.ing/trinkey/next">→</a> </div> <div><b class="green">trinkey@website</b>:<b class="blue">~/webrings</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://smiggins.trinkey.com/" target="_blank">website</a>) - a social media platform i made</div> <div>- <a href="https://git.trinkey.com/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> <div>- <a href="https://git.trinkey.com/t" target="_blank"><b>tSuite</b></a> (<a href="https://auth.trinkey.com/" target="_blank">website</a>) - a collection of services that are all interconnected</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="directory"> <div data-template-field="title">~/dir</div> <div data-template-field="content"> <div><b class="green">trinkey@website</b>:<b class="blue">~/dir</b>$ cat subdomains.html</div> <div>there's a lot that goes into this website. here are some links for your usage to help you navigate this hellhole</div><br> <div><b><a href="https://trinkey.com/">trinkey.com</a>:</b></div> <div>this is where you are right now</div><br> <div>*<b><a href="https://akkofe.trinkey.com/">akkofe.trinkey.com</a>:</b></div> <div>the frontend i use for <a href="https://fediverse.info/" target="_blank">fedi</a></div><br> <div><b><a href="https://auth.trinkey.com/">auth.trinkey.com</a>:</b></div> <div>authentication manager for tSuite</div><br> <div><b><a href="https://blog.trinkey.com/">blog.trinkey.com</a>:</b></div> <div>tBlog, from tSuite</div><br> <div><b><a href="https://everyone.trinkey.com/">everyone.trinkey.com</a>:</b></div> <div>frontend to a fedi bot that anyone can post to (@everyonebot@is.trinkey.com)</div><br> <div>*<b><a href="https://git.trinkey.com/">git.trinkey.com</a>:</b></div> <div>holds some of my git projects (older ones on <a href="https://github.com/trinkey/" target="_blank">github</a> or <a href="https://git.gay/trinkey/" target="_blank">git.gay</a>)</div><br> <div>*<b><a href="https://is.trinkey.com/">is.trinkey.com</a>:</b></div> <div>hosts <a href="https://iceshrimp.dev/iceshrimp/iceshrimp.net" target="_blank">iceshrimp.net</a>, which is the fedi backend i use</div><br> <div><b><a href="https://message.trinkey.com/">message.trinkey.com</a>:</b></div> <div>tMessage, from tSuite</div><br> <div><b><a href="https://music.trinkey.com/">music.trinkey.com</a>:</b></div> <div>has some music. i haven't actually updated the site in a while but i've been meaning to do rewrite it at some point. 100% legal i pinky promise</div><br> <div><b><a href="https://smiggins.trinkey.com/">smiggins.trinkey.com</a>:</b></div> <div>official jerimiah smiggins instance, that being my own social media platform</div><br> <div>(asterisk (*) means i haven't written the code for it)</div><br> <div><b class="green">trinkey@website</b>:<b class="blue">~/dir</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@desktop</div> <div>Last login: Tue Sep 11 8:46:40 2001 from 192.168.1.254</div> <div><b class="green">trinkey@desktop</b>:<b class="blue">~</b>$ neofetch</div> <pre> <b>...-:::::-...</b> <b class="green">trinkey</b>@<b class="green">desktop</b> <b>.-MMMMMMMMMMMMMMM-.</b> --------------- <b>.-MMMM<span class="green">`..-:::::::-..`</span>MMMM-.</b> <b class="green">OS</b>: Linux Mint 21.3 x86_64 <b>.:MMMM<span class="green">.:MMMMMMMMMMMMMMM:.</span>MMMM:.</b> <b class="green">Host</b>: MS-7E27 1.0 <b>-MMM<span class="green">-M---MMMMMMMMMMMMMMMMMMM.</span>MMM-</b> <b class="green">Resolution</b>: 1680x1050, 2560x1440 <b>`:MMM<span class="green">:MM` :MMMM:....::-...-MMMM:</span>MMM:`</b> <b class="green">DE</b>: Cinnamon 6.0.4 <b>:MMM<span class="green">:MMM` :MM:` `` `` `:MMM:</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>: AMD Ryzen 9 7950X (32) @ 5.881GHz <b>:MMM<span class="green">:MMMM` :MM. -MM- .MM: `MMMM-</span>MMM:</b> <b class="green">GPU</b>: AMD ATI 03:00.0 Device 747e <b>:MMM<span class="green">:MMMM` :MM. -MM- .MM: `MMMM:</span>MMM:</b> <b class="green">GPU</b>: AMD ATI 11:00.0 Device 164e <b>:MMM<span class="green">:MMMM` :MM. -MM- .MM: `MMMM-</span>MMM:</b> <b class="green">Memory</b>: 1MiB / 127901MiB <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@desktop</b>:<b class="blue">~</b>$ exit</div> <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">Resolution</b>: 2560x1440, 1920x1080, 1680x1050 <b>`:MMM<span class="green">:MM` :MMMM:....::-...-MMMM:</span>MMM:`</b> <b class="green">DE</b>: Cinnamon 5.8.4 <b>:MMM<span class="green">:MMM` :MM:` `` `` `:MMM:</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">:MMMM` :MM. -MM- .MM: `MMMM-</span>MMM:</b> <b class="green">Memory</b>: 2001MiB / 15765MiB <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@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">CPU</b>: Intel i5-4278U (4) @ 3.100GHz <b>`:MMM<span class="green">:MM` :MMMM:....::-...-MMMM:</span>MMM:`</b> <b class="green">GPU</b>: Intel Haswell-ULT <b>:MMM<span class="green">:MMM` :MM:` `` `` `:MMM:</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">: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> <script src="js/blobcat.js"></script> </body> </html>