2024-12-13 23:26:07 -05:00
<!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 >
2024-12-16 10:14:16 -05:00
< div > < a href = "javascript:windowPreset('people')" > people< / a > < / div >
2024-12-13 23:26:07 -05:00
< 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 >
2024-12-14 21:44:01 -05:00
< div class = "hyphen" > -< / div >
< div > < a href = "javascript:createBlob()" > spin< / a > < / div >
2024-12-13 23:26:07 -05:00
< / 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 >
2024-12-15 09:44:59 -05:00
< div > - smiggins - < a href = "https://smiggins.trinkey.com/u/trinkey/" target = "_blank" > < b > trinkey< / b > < / a > < / div >
2024-12-13 23:26:07 -05:00
< 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 >
2024-12-16 10:14:16 -05:00
< div data-template-id = "people" >
< div data-template-field = "title" > ~/webrings< / div >
2024-12-13 23:26:07 -05:00
< 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 >
2024-12-14 09:58:43 -05:00
< 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 >
2024-12-13 23:26:07 -05:00
< div > --------------------< / div >
< div > < b > cool people:< / b > < / div >
< div class = "buttons-88x31" >
2024-12-18 17:00:51 -05:00
< 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 >
2024-12-13 23:26:07 -05:00
< 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 >
2024-12-18 17:00:51 -05:00
< 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://unnick.mice.tel" target = "_blank" > < img src = "https://unnick.mice.tel/88x31.png" alt = "unnick" title = "unnick" > < / a >
2024-12-13 23:26:07 -05:00
< / div >
2024-12-16 10:14:16 -05:00
< div > < b class = "green" > trinkey@website< / b > :< b class = "blue" > ~/buttons< / 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 >
2024-12-13 23:26:07 -05:00
< / 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 >
2024-12-15 09:44:59 -05:00
< 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 >
2024-12-13 23:26:07 -05:00
< 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 >
2024-12-14 21:44:01 -05:00
< script src = "js/blobcat.js" > < / script >
2024-12-13 23:26:07 -05:00
< / body >
< / html >
