trinkey/website
1
0
Fork 0
Code Issues Pull requests Activity

refactor some stuff

Browse source
This commit is contained in:
trinkey 2025-02-15 10:57:30 -05:00
parent 0ce02af75f
commit 613c6b92dd
8 changed files with 207 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
css/base.css
View file

@ -58,10 +58,8 @@ body {
max-width: 100vw;
overflow-x: hidden;
position: relative;
}
body:has(footer) {
min-height: calc(100vh + 40px);
height: 100vh;
min-height: 150px;
}
noscript {
@ -76,7 +74,7 @@ header {
background-color: var(--crust);
}
header > nav {
nav {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
@ -333,10 +331,12 @@ pre {
gap: 5px;
}
.buttons-88x31 img {
.buttons-88x31 img,
img.button-88x31 {
width: 88px;
height: 31px;
display: inline-block;
image-rendering: pixelated;
}
footer {
@ -348,29 +348,31 @@ footer {
padding: 10px 50px;
}
@media (max-width: 890px) {
header div.hyphen {
@media (max-width: 926px) {
header div.hyphen,
footer div.hyphen {
display: none;
}
}
@media (max-width: 775px) {
header,
footer {
width: calc(100vw - 20px);
padding: 10px;
}
header {
width: calc(100vw - 20px);
padding: 10px;
}
header > nav {
nav {
display: block;
}
header div:not(.header-title, .hyphen) {
header div:not(.header-title, .hyphen),
footer div:not(.hyphen) {
display: inline-block;
padding-bottom: 1px;
}
header div:not(.header-title) {
text-wrap: nowrap;
}
}

37
index.html
View file

@ -46,17 +46,9 @@
<header>
<nav>
<div class="header-title">trinkey's website!</div>
<div><a href="javascript:windowPreset('about')">about me</a></div>
<div><a href="javascript:emptyWindow()">open terminal</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><a href="javascript:windowPreset('specs', true)">specs</a></div>
<div class="hyphen">-</div>
<div><a href="javascript:createBlob()">spin</a></div>
</nav>
@ -70,28 +62,14 @@
<img class="cat" src="img/cat.jpg" alt="My cat">
<footer>
access the compatibility version <a href="no-js.html">here</a>
<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>
</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>
@ -102,6 +80,7 @@
<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>
<li>(i never made a way to realistically access this via just the builtin commands yet so this is what you get)</li>
<div data-template-field="width" data-is-number>1000</div>
<div data-template-field="height" data-is-number>800</div>
</ol>

13
js/index.js
View file

@ -39,7 +39,6 @@ function edgeMoveEvent(x, y, pos, windowID) {
}
}
else if (pos == "right" || pos.endsWith("-right")) {
console.log(x - w.vars.mouseOffsetX - w.vars.startingPosX + w.vars.startingWidth, w.minWidth);
w.width = Math.max(x - w.vars.mouseOffsetX - w.vars.startingPosX + w.vars.startingWidth, w.minWidth);
}
if (w.posX + w.width + _windowPaddingX > innerWidth) {
@ -250,7 +249,7 @@ function createWindow(config) {
});
globalIncrement++;
}
function windowPreset(template) {
function windowPreset(template, dontDisableTyping = false) {
let el = document.querySelector(`#window-templates > [data-template-id="${template}"]`);
if (!el) {
return;
@ -272,6 +271,16 @@ function windowPreset(template) {
WINDOWS[template].element.querySelector("[data-type-area]").innerHTML = command.innerHTML;
commandManager(template, command.innerHTML);
}
if (!dontDisableTyping) {
WINDOWS[template].element.querySelector("input").remove();
}
}
function emptyWindow() {
createWindow({
id: `terminal-${Math.random()}`,
title: "~ - tSh",
content: "<div><b class=\"green\">trinkey@website</b>:<b class=\"blue\">~</b>$&nbsp;<span data-type-area><i class=\"cursor\">&nbsp;</i></span></div>"
});
}
function copyButton() {
navigator.clipboard.writeText("<a href=\"https://trinkey.com/\" target=\"_blank\"><img src=\"https://trinkey.com/img/88x31.png\" alt=\"trinkey's 88x31. image of her cat on the right with the word 'trinkey' taking up the rest of the button.\" title=\"trinkey's 88x31. image of her cat on the right with the word 'trinkey' taking up the rest of the button.\"></a>");

26
js/shell.js
View file

@ -221,7 +221,7 @@ const _internal_commands = {
const _internal_defaultFiles = {
about: `<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 a silly little kitty cat who lives in the usa (sadly).</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).</div>
<div>i'm not actively in a relationship, however i'm also not looking to get into one either.</div>
<div>--------------------</div>
@ -236,16 +236,25 @@ const _internal_defaultFiles = {
<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>`,
projects: `<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>`,
buttons: `<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 her cat on the right with the word 'trinkey' taking up the rest of the button." title="trinkey's 88x31. image of her 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://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 &quot;Micro&quot;" title="a non-spinning demigirl blobcat angled slightly with a black border to the left of &quot;Micro&quot;"></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://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>
<a href="http://autumn.town" target="_blank"><img src="https://autumn.town/assets/buttons/mybutton.webp" alt="Autumn Town Café" title="Autumn Town Café"></a>
<a href="https://redcatho.de" target="_blank"><img src="https://redcatho.de/buttons/red.png" alt="the text 'red is purple' on a purple background" title="the text 'red is purple' on a purple background"></a>
</div>`,
testimonials: `<div>"warning: this user is trinkey"</div>
<div>- <a href="https://booping.synth.download/@breaadyboy" target="_blank">bread</a></div><br>
@ -263,13 +272,6 @@ const _internal_defaultFiles = {
<a href="https://fediring.net/">fediring</a>
<a href="https://fediring.net/next?host=trinkey.com">&rarr;</a>
</div>`,
projects: `<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>`,
directory: `<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>
@ -285,6 +287,8 @@ const _internal_defaultFiles = {
<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://jayflame.trinkey.com/">jayflame.trinkey.com</a>:</b></div>
<div>the website of my friend <a href="https://www.youtube.com/@jayflame1">Jayflame</a></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>

117
no-cmd.html Normal file
View file

@ -0,0 +1,117 @@
<!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/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 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@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>
<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>

19
no-js.html
View file

@ -22,17 +22,17 @@
<body>
<div style="margin: 20px;">
<h1>trinkey's website!!!</h1>
<div>(no-js version - regular version <a href="/">here</a>)</div>
<div>(no-js version - regular version <a href="./">here</a>)</div>
<div>--------------------</div>
<h2>about me</h2>
<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 a silly little kitty cat who lives in the usa (sadly).</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).</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 projects section. i know a few languages, those being python, javascript/typescript, html/css (if you count those), and a little bit of java.</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>
@ -44,7 +44,7 @@
<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>- youtube - <a href="https://youtube.com/@trinkey" target="_blank"><b>@trinkey</b></a> (inactive)</div>`,
<h2>projects</h2>
<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>
@ -52,11 +52,11 @@
<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>i'll likely add more in the future, these are just the ones i'm most proud of at the moment.</div>`,
<h2>people</h2>
<h3>my button:</h3>
<div><img style="cursor: pointer;" src="img/88x31.png" alt="trinkey's 88x31. image of her cat on the right with the word 'trinkey' taking up the rest of the button." title="trinkey's 88x31. image of her cat on the right with the word 'trinkey' taking up the rest of the button."></div>
<div><img class="button-88x31" style="cursor: pointer;" src="img/88x31.png" alt="trinkey's 88x31. image of her cat on the right with the word 'trinkey' taking up the rest of the button." title="trinkey's 88x31. image of her cat on the right with the word 'trinkey' taking up the rest of the button."></div>
<div>html:</div>
<code style="overflow-x: scroll; display: inline-block; background-color: var(--mantle); padding: 5px 8px; border-radius: 5px;">&lt;a href=&quot;https://trinkey.com/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://trinkey.com/img/88x31.png&quot; alt=&quot;trinkey&apos;s 88x31. image of her cat on the right with the word trinkey name taking up the rest of the button.&quot; title=&quot;trinkey&apos;s 88x31. image of her cat on the right with the word trinkey name taking up the rest of the button.&quot;&gt;&lt;/a&gt;</code>
<div>--------------------</div>
@ -67,6 +67,8 @@
<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>
<a href="http://autumn.town" target="_blank"><img src="https://autumn.town/assets/buttons/mybutton.webp" alt="Autumn Town Café" title="Autumn Town Café"></a>
<a href="https://redcatho.de" target="_blank"><img src="https://redcatho.de/buttons/red.png" alt="the text 'red is purple' on a purple background" title="the text 'red is purple' on a purple background"></a>
</div>
<h3>testimonials:</h3>
<div>"warning: this user is trinkey"</div>
@ -103,13 +105,14 @@
<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://jayflame.trinkey.com/">jayflame.trinkey.com</a>:</b></div>
<div>the website of my friend <a href="https://www.youtube.com/@jayflame1">Jayflame</a></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>
</body>
</html>

15
ts/index.ts
View file

@ -54,7 +54,6 @@ function edgeMoveEvent(x: number, y: number, pos: "top" | "bottom" | "left" | "r
w.posX = 0;
}
} else if (pos == "right" || pos.endsWith("-right")) {
console.log(x - w.vars.mouseOffsetX - w.vars.startingPosX + w.vars.startingWidth, w.minWidth);
w.width = Math.max(x - w.vars.mouseOffsetX - w.vars.startingPosX + w.vars.startingWidth, w.minWidth);
}
@ -292,7 +291,7 @@ function createWindow(config: _winInitConf): void {
globalIncrement++;
}
function windowPreset(template: string): void {
function windowPreset(template: string, dontDisableTyping: boolean=false): void {
let el: HTMLElement = document.querySelector(`#window-templates > [data-template-id="${template}"]`);
if (!el) { return; }
@ -318,6 +317,18 @@ function windowPreset(template: string): void {
WINDOWS[template].element.querySelector("[data-type-area]").innerHTML = command.innerHTML;
commandManager(template, command.innerHTML);
}
if (!dontDisableTyping) {
WINDOWS[template].element.querySelector("input").remove();
}
}
function emptyWindow(): void {
createWindow({
id: `terminal-${Math.random()}`,
title: "~ - tSh",
content: "<div><b class=\"green\">trinkey@website</b>:<b class=\"blue\">~</b>$&nbsp;<span data-type-area><i class=\"cursor\">&nbsp;</i></span></div>"
});
}
function copyButton(): void {

26
ts/shell.ts
View file

@ -266,7 +266,7 @@ const _internal_commands: { [key: string]: (args: string, windowID: string) => s
const _internal_defaultFiles: StringDict = {
about: `<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 a silly little kitty cat who lives in the usa (sadly).</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).</div>
<div>i'm not actively in a relationship, however i'm also not looking to get into one either.</div>
<div>--------------------</div>
@ -281,16 +281,25 @@ const _internal_defaultFiles: StringDict = {
<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>`,
projects: `<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>`,
buttons: `<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 her cat on the right with the word 'trinkey' taking up the rest of the button." title="trinkey's 88x31. image of her 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://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 &quot;Micro&quot;" title="a non-spinning demigirl blobcat angled slightly with a black border to the left of &quot;Micro&quot;"></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://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>
<a href="http://autumn.town" target="_blank"><img src="https://autumn.town/assets/buttons/mybutton.webp" alt="Autumn Town Café" title="Autumn Town Café"></a>
<a href="https://redcatho.de" target="_blank"><img src="https://redcatho.de/buttons/red.png" alt="the text 'red is purple' on a purple background" title="the text 'red is purple' on a purple background"></a>
</div>`,
testimonials: `<div>"warning: this user is trinkey"</div>
<div>- <a href="https://booping.synth.download/@breaadyboy" target="_blank">bread</a></div><br>
@ -308,13 +317,6 @@ const _internal_defaultFiles: StringDict = {
<a href="https://fediring.net/">fediring</a>
<a href="https://fediring.net/next?host=trinkey.com">&rarr;</a>
</div>`,
projects: `<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>`,
directory: `<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>
@ -330,6 +332,8 @@ const _internal_defaultFiles: StringDict = {
<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://jayflame.trinkey.com/">jayflame.trinkey.com</a>:</b></div>
<div>the website of my friend <a href="https://www.youtube.com/@jayflame1">Jayflame</a></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>