website/index.html

93 lines
3.3 KiB
HTML
Raw Normal View History

2024-12-13 23:26:07 -05:00
<!DOCTYPE html>
<html>
<head>
<title>trinkey's website!!!</title>
<link rel="stylesheet" href="css/base.css">
2025-01-05 16:10:40 -05:00
<link rel="icon" href="img/favicon.png">
2024-12-13 23:26:07 -05:00
<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">
2025-01-05 16:10:40 -05:00
<script src="js/shell.js"></script>
2024-12-13 23:26:07 -05:00
<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>
2025-02-15 10:57:30 -05:00
<div><a href="javascript:emptyWindow()">open terminal</a></div>
2024-12-13 23:26:07 -05:00
<div class="hyphen">-</div>
2025-02-15 10:57:30 -05:00
<div><a href="javascript:windowPreset('specs', true)">specs</a></div>
2024-12-19 17:55:25 -05:00
<div class="hyphen">-</div>
2024-12-14 21:44:01 -05:00
<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>
2025-02-15 10:57:30 -05:00
<nav>
<div><a href="no-js.html">the accessibility/mobile/no javascript version</a></div>
<div class="hyphen">-</div>
<div><a href="no-cmd.html">the "i don't know basic linux commands" version</a></div>
</nav>
2024-12-13 23:26:07 -05:00
</footer>
<div hidden id="window-templates">
2025-01-05 16:10:40 -05:00
<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@laptop|ssh trinkey@laptop<br>Last login: Tue Sep 11 8:46:40 2001 from 192.168.1.254</li>
<li>_internal_neofetch laptop</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>
2025-02-15 10:57:30 -05:00
<li>(i never made a way to realistically access this via just the builtin commands yet so this is what you get)</li>
2024-12-13 23:26:07 -05:00
<div data-template-field="width" data-is-number>1000</div>
<div data-template-field="height" data-is-number>800</div>
2025-01-05 16:10:40 -05:00
</ol>
2024-12-13 23:26:07 -05:00
</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>