114 lines
3.9 KiB
HTML
114 lines
3.9 KiB
HTML
<!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>
|