<!DOCTYPE html> <html> <head> <title>trinkey's website!!!</title> <link rel="stylesheet" href="css/base.css"> <link rel="icon" href="img/favicon.png"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="pronouns" content="she/it"> <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 src="js/shell.js"></script> <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> <nav> <div><a href="no-js.html">the accessibility/mobile/no javascript version</a></div> <div class="hyphen">-</div> <div><a href="./">the regular version</a></div> </nav> </footer> <div hidden id="window-templates"> <ol data-template-id="about"> <li>cat about-me.txt</li> </ol> <ol data-template-id="socials"> <li>cat socials.txt</li> </ol> <ol data-template-id="people"> <li>cd people</li> <li>cat 88x31.txt</li> <li>cat testimonials.txt</li> <li>cat webrings.txt</li> </ol> <ol data-template-id="projects"> <li>cat projects.txt</li> </ol> <ol data-template-id="directory"> <li>cat subdomains.txt</li> </ol> <ol data-template-id="specs"> <li>_internal_set_ps1 trinkey@desktop|ssh trinkey@desktop<br>Last login: Tue Sep 10 12:00:24 2024 from 192.168.1.254</li> <li>_internal_neofetch desktop</li> <li>_internal_set_ps1 trinkey@website|exit</li> <li>_internal_set_ps1 trinkey@server|ssh trinkey@server<br>Last login: Tue Sep 11 9:03:02 2001 from 192.168.1.254</li> <li>_internal_neofetch server</li> <li>_internal_set_ps1 trinkey@website|exit</li> <div data-template-field="width" data-is-number>1000</div> <div data-template-field="height" data-is-number>800</div> </ol> </div> <script src="js/index.js"></script> <script src="js/blobcat.js"></script> </body> </html>