1
0
src/homepage/index.html
2021-08-06 15:28:15 -04:00

364 lines
17 KiB
HTML

<!DOCTYPE html>
<HTML lang="en-US">
<HEAD>
<LINK HREF="http://www.trinity.moe/" REL="canonical" />
<LINK HREF="https://raw.githubusercontent.com/devenblake/homepage/main/favicon.ico" REL="shortcut icon" TYPE="image/x-icon" />
<LINK HREF="/css/blank.css" ID="styling" REL="stylesheet" />
<META CHARSET="UTF-8" />
<META CONTENT="Trinity Blake" NAME="author" />
<META CONTENT="Trinity's personal website." NAME="description" />
<META CONTENT="width=device-width, initial-scale=1" NAME="viewport" />
<META CONTENT="https://ia601509.us.archive.org/31/items/trinitydotmoe88x31/trinitydotmoe88x31.bmp" NAME="og:image" />
<META CONTENT="interest-cohort=()" HTTP-EQUIV="Permissions-Policy" /> <!-- FUCK GOOGLE -->
<STYLE></STYLE>
<TITLE>trinity dot moe</TITLE> <!-- Also considered: 1945-07-16T05:26-06:00 -->
</HEAD>
<!-- 2021-08-05 stock crash? :) nope lol. worth a try -->
<BODY>
<SCRIPT TYPE="application/javascript" SRC="/js/cookies.js" ></SCRIPT>
<SCRIPT TYPE="application/javascript" SRC="/js/sheets.js" ></SCRIPT>
<SCRIPT TYPE="application/javascript">//<!--
window.onload = window.initializesheets;
//--></SCRIPT>
<P>Hi, I'm Deven Trinity Blake. I'm just your normal everyday nerd.</P>
<SMALL>
translations of my name include: <BR />
ديفين بلايك <BR />
バレイク デビン (BLAKE Deven)
</SMALL>
<P>
You can use <CODE>they/them</CODE>, <CODE>she/her</CODE>, or <CODE>E/Em</CODE> pronouns to refer to me, or whatever genderless pronoun set you prefer to use.
If this confuses you just say things like &quot;<I>they</I> walked&quot;, or &quot;I saw <I>them</I> walking&quot;.
I won't get offended if you use <CODE>he/him</CODE> but I'll probably be a bit confused.
</P>
<P>
This website is currently hosted on GitHub in <A HREF="https://github.com/devenblake/homepage">a git repository.</A>
See something wack? File an issue.
</P>
<P>
The canonical URL for this page is <A HREF="http://www.trinity.moe/">http://www.trinity.moe/</A>.
You can also use the <A HREF="https://aaa.aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.com/a?áaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂáaaÂåAæãæãæaâÁáÆáÆææææææáÅæãæáåÀåÅåÀæãæÀáÅåÄåÆåä">lengthened URL</A> if need be.
</P>
<P>
I'm vaccinated against COVID-19. Are you?
</P>
<P><I>Click to jump or navigate to...
<B>living</B>:
<A HREF="/bookmarks">/bookmarks</A>,
<A HREF="#contact">#contact</A>,
<A HREF="#control">#control</A>,
<A HREF="/devenzone">/devenzone</A>,
<A HREF="/faq">/faq</A>,
<A HREF="#harmful">#harmful</A>,
<A HREF="/pasta/">/pasta/</A>,
<A HREF="#playground">#playground</A>,
<A HREF="/politics">/politics</A>,
<A HREF="#praise">#praise</A>,
<A HREF="#services">#services</A>,
<A HREF="/shitlist">/shitlist</A>,
<A HREF="#trinitisms">#trinitisms</A>,
<A HREF="#zelda">#zelda</A>;
<B>ephemeral</B>:
<A HREF="#extensions">#extensions</A>,
<A HREF="/highschoolsenioryear">/highschoolsenioryear</A>,
<A HREF="#htmlbeliefs">#htmlbeliefs</A>,
<A HREF="#kinlist">#kinlist</A>,
<A HREF="#now">#now</A>,
<A HREF="#privacy">#privacy</A>,
<A HREF="/thegame">/thegame</A>;
<B>knowledge</B>:
<A HREF="/knowledge/netbsd/">NetBSD</A>;
<A HREF="/knowledge/true">true(1)</A>;
<B>shilling</B>:
<A HREF="#stickers">#stickers</A>
</I></P>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="contact"><A HREF="#contact">You can contact me at...</A></H3>
<P>trinity@trinity.moe (<I>preferably</I>, redirects to a Google mail account)</P>
<P>deven@waifu.club</P>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="control"><A HREF="#control">Set site theme</A></H3>
<SMALL>The following inputs use JavaScript to change this page's stylesheet:<BR /></SMALL>
<INPUT ONCLICK="sheet = window.setStyling('/css/blank.css);" TYPE="button" VALUE="notheme" />
<INPUT ONCLICK="sheet = window.setStyling('/css/givemerights.css');" TYPE="button" VALUE="givemerights" />
<INPUT ONCLICK="sheet = window.setStyling('/css/windowsclassic.css');" TYPE="button" VALUE="windowsclassic" />
<SMALL>
<BR />This input lets you summon an external stylesheet.
For instance, you can enter in "/css/windowsclassic.css" to manually use that theme rather than pushing a button. (<I>update as of 2021-04-05: CSS has been moved to /css/</I>).
Any stylesheet from any on-line source will work.
<B>Be careful because there's surely someone out there that will inject a virus into a stylesheet and get some poor sap to plug that in here.</B>
<BR /></SMALL>
<INPUT ID="customSheet" TYPE="text" VALUE="custom" />
<INPUT ONCLICK="sheet = window.setStyling(document.getElementById('customSheet').value);" TYPE="button" VALUE="apply" />
<SMALL><BR />The following button manipulates the site cookie. This setting is the only use of cookies anywhere on this website.<BR /></SMALL>
<INPUT ONCLICK="window.setCookie('sheet', sheet, 365);" TYPE="button" VALUE="save theme settings" />
<SMALL><BR />The following button would change the alignment of <I>this page's</I> text if it worked.<BR /></SMALL>
<INPUT ONCLICK="document.querySelector('STYLE').innerhtml = 'body { text-align: right; }';" TYPE="button" VALUE="right" />
<P></P>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="playground"><A HREF="#playground">JavaScript playground</A></H3>
<INPUT ID="text" TYPE="text" VALUE="text" />
<INPUT ONCLICK="document.getElementById('text').value = document.getElementById('text').value.toLowerCase()" TYPE="button" VALUE=".toLowerCase()" />
<INPUT ONCLICK="document.getElementById('text').value = document.getElementById('text').value.toUpperCase()" TYPE="button" VALUE=".toUpperCase()" />
<INPUT ONCLICK="document.title = document.getElementById('text').value" TYPE="button" VALUE="set document title" />
<P></P>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="harmful"><A HREF="#harmful">Software I hate</A></H3>
<P>
Previously this section had counters for the amount of times I have had problems with PulseAudio and SystemD.
I have now, however, jumped ship to NetBSD, so I need to use neither.
</P>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="praise"><A HREF="#praise">Praise for www.trinity.moe's bold approach to the web</A></H3>
<UL>
<LI><CODE>[2004-12-09] Dr. Gene Ray: <A HREF="https://web.archive.org/web/20041209065507/http://timecube.com:80/index.html">Life rotation debunks Trinity.</A></CODE></LI>
<LI><CODE>[2021-03-27T04:44+04:00] 🛸UFO🛸: I wanna hug trinity</CODE></LI>
<LI><CODE>[2021-05-03] Вероника Заглотова: <A HREF="https://invidious.tube/watch?v=fUpZO9LnNo0">my computer is making mustard gases</A></CODE></LI>
<LI><CODE>[2021-05-10T10:47+??] Аноним: [<I>screenshot of this website next to a screenshot of a wojak</I>]</CODE></LI>
<LI><CODE>[2021-05-15T08:49+04:00] Anonymous: deven's website is the best~!</CODE></LI>
<LI><CODE>[2021-05-15T09:17+04:00] Anonymous: this is what developing mental illness in teen years looks like</CODE></LI>
<LI><CODE>[2021] MetaMask/eth-phishing-detect: <A HREF="https://github.com/MetaMask/eth-phishing-detect/issues/5119">This domain was blocked for its similarity to dfinity.org, a historical phishing target.</A></CODE></LI>
</UL>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="services"><A HREF="#services">Services I'm on include...</A></H3>
<P>
<I><B>All Things Weezer</B>, deven</I>;
<I><B>ArchWiki</B>, deven</I>;
<I><B>Bandcamp</B>, devenblake</I>;
<I><B>CodeWalrus</B>, deven</I>;
<B>Discord</B>, trinity#3756;
<I><B>GitHub</B>, devenblake</I>;
<I><B>itch.io</B>, devenblake</I>;
<B>last.fm</B>, trn1ty;
<I><B>Okuna</B>, 333</I>;
<I><B>Reddit</B>, u/devenblake</I>;
<I><B>Soundcloud</B>, devenblake</I>;
<B>Sourcehut</B>, trinity;
<I><B>SpaceHey</B>, dtb</I>;
<I><B>Substack</B>, trn1ty</I>;
<I><B>TikTok</B>, trn1ty</I>;
<I><B>Wikipedia</B>, DTB</I>
</P>
<SMALL>(<A HREF="https://discord.gg/NdTVmqN">I also have a Discord "server"</A>)</SMALL>
<P>
None of these are guaranteed to still be on-line and italicized entries are ones I rarely use.
I would much rather talk to you via Signal instead of using something like Discord.
</P>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="trinitisms"><A HREF="#trinitisms">Trinitisms</A></H3>
<P><I><B>ism</B> - A distinctive doctrine, system, or theory.</I> (From the American Heritage(R) Dictionary of the English Language, 5th ed, <A HREF="https://www.wordnik.com/words/ism">according to Wordnik</A>.)</P>
<P>Trinitisms are decrees I make or terms I coin with no necessary reason. Or terms I use often that people don't know. Some I coined, some I didn't; when in doubt, assume I didn't.</P>
<P><I>Trinitism</I> when not used as a proper noun can refer to any given person's own trinitisms.</P>
<UL>
<LI>
"Disc" refers to optical and physically impressive media, such as compact discs or phonograph discs, and "disk" is for magnetic media, such as floppy disks or hard disks; there are however exceptions and edge cases.
</LI>
<LI>
<B>catfella</B> - the non-gender-specific form of "catboy" or "catgirl".
(<I>coined 2020-08-11 when referring to my friend Socks</I>)
Also in use (though not a Trinitism): <I>nyanbinary</I>.
</LI>
<LI>
The continents shall be separated as follows: North America, South America, Eurasia, Africa, India, the middle-East, and Oceania.
Though I hope someone important finds individual terms for each America and has a better name for the middle-East if each region's residents generally agree with me that the current naming kind of sucks.
</LI>
<LI><B>39</B> - "Thank you." In Japanese the word for 3 is "san" and the word for 9 is normally "kyuu" so 39 is pronounced "sankyuu".</LI>
<LI>Antarctica is cool, both literally and figuratively.</LI>
<LI>It's not preferable to drink from plastic.</LI>
<LI>Don't put ice in beverages that aren't water, or they'll get watered down.</LI>
<LI>Don't think, feel.</LI>
<LI>A string is an array of characters.</LI>
<LI>More magic is necessary.</LI>
<LI>The only good programmers are the insane programmers.</LI>
</UL>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="zelda"><A HREF="#zelda">Play the Zelda theme song in your terminal</A></H3>
<P><CODE STYLE="DISPLAY: BLOCK;">
<A HREF="https://web.archive.org/web/20210509230449if_/https://i.redd.it/ac2za52ae6y61.png">
curl http://www.trinity.moe/zelda.sh | sudo sh
</A>
</CODE></P>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="extensions"><A HREF="#extensions">Browser extensions I use</A></H3>
<H4>updated 2021-05-15</H4>
<P>
These are browser extensions I usually install and use.
These are Mozilla Firefox extensions that work in the latest versions of Mozilla Firefox.
If you use Google Chrome, <A HREF="/shitlist#alphabet">please stop</A>.
</P>
<UL>
<LI><I>For Firefox and TOR Browser</I><UL>
<LI><A HREF="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/">uBlock Origin</A></LI>
<LI><A HREF="https://addons.mozilla.org/en-US/firefox/addon/uaswitcher/">User-Agent Switcher</A></LI>
</UL></LI>
<LI><I>For just Firefox</I><UL>
<LI>Containerization<UL>
<LI><A HREF="https://addons.mozilla.org/en-US/firefox/addon/contain-amazon/">Amazon Container</A></LI>
<LI><A HREF="https://addons.mozilla.org/en-US/firefox/addon/facebook-container/">Facebook Container</A></LI>
<LI><A HREF="https://addons.mozilla.org/en-US/firefox/addon/google-container/">Google Container</A></LI>
<LI><A HREF="https://addons.mozilla.org/en-US/firefox/addon/contain-reddit/">Reddit Container</A></LI>
</UL></LI>
<LI><A HREF="https://addons.mozilla.org/en-US/firefox/addon/clearurls/">ClearURLs</A></LI>
<LI><A HREF="https://addons.mozilla.org/en-US/firefox/addon/google-analytics-blocker/">Google Analytics Blocker</A></LI>
<LI><A HREF="https://addons.mozilla.org/en-US/firefox/addon/image-search-options/">Image Search Options</A></LI>
<LI><A HREF="https://shinigami-eyes.github.io/">Shinigami Eyes</A><UL>
<LI>
A frequently questioned item on this list, but fairly useful.
It's nice to be able to query a search engine and have all the questionable sites highlighted in red.
</LI></UL></LI>
<LI><A HREF="https://addons.mozilla.org/en-US/firefox/addon/single-file/">SingleFile</A></LI>
<LI><A HREF="https://addons.mozilla.org/en-US/firefox/addon/violentmonkey/">Violentmonkey</A></LI>
<LI><A HREF="https://addons.mozilla.org/en-US/firefox/addon/wayback-machine_new/">Wayback Machine</A></LI>
</UL></LI>
</UL>
<H5>Other Art</H5><UL>
<LI><A HREF="https://gist.github.com/emmatebibyte/f3ea2a6f589ff26d0fce1900271446b8">Emma Tebibyte's recommended Firefox extensions</A> (sourced for entries on this list)</LI>
</UL>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="htmlbeliefs"><A HREF="#htmlbeliefs">What makes good HTML</A></H3>
<H4>updated 2021-06-16</H4>
<P>Here's a list in arbitrary order of things I think make good HTML</P>
<UL>
<LI>
No necessary JavaScript <I>at all</I>.
If your site isn't accessible with NoScript enabled it's totally useless.
If you provide a service via JavaScript, rewrite it in native code.
If you provide a service that's redundant to others' services, good on you -
there needs to be more software diversity even with technologies I don't necessarily like.
</LI>
<LI>
Your site should be viewable without CSS.
It doesn't need to look pretty, it needs to be viewable and useable.
</LI>
<LI>
No <CODE>DIV</CODE>s or <CODE>SPAN</CODE>s.
If you're following the rest of these rules they're totally unnecessary.
</LI>
<LI>
No minification of any site code ever. If your site takes a long time to load you need multiple pages or less bloat.
</LI>
</UL>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="kinlist"><A HREF="#kinlist">Here's my kinlist</A></H3>
<H4>updated 2021-05-04</H4>
<P>I should say that what I mean by "kin" is just that I identify with, or have a kinship with, these characters.
I don't believe I <I>am</I> these characters.
I've heard that's a thing.
</P>
<UL>
<LI>ANARCHY Stocking</LI>
<LI>CALL Annalee</LI>
<LI>Dr. Strangelove</LI>
<LI>The Han Solo Angry Bird from Angry Birds Star Wars specifically. Not Han Solo himself.</LI>
<LI>IKARI Shinji</LI>
<LI>My friend Lily (who is a real person, but is cool and I aspire to be more like her)</LI>
<LI>SHAN Ling</LI>
</UL>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="now"><A HREF="#now">What I'm doing right now</A></H3>
<H4>updated 2021-08-02</H4>
<P>
Living the dream.
Modifying my X200 Tablet and accumulating useful hardware.
I've ordered a Pinephone which has since shipped but not yet arrived.
</P>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="privacy"><A HREF="#privacy">Site privacy policy:</A></H3>
<H4>updated 2021-03-14</H4>
<P>
This site uses Cloudflare for DNS but shouldn't have any Cloudflare tracking or anything like that.
There's no proxying. Nor do I (currently) log visitor IP addresses - <I>this may change</I>.
I like knowing from where my visitors are. But I don't know if I'd ever really do something invasive like that.
</P><P>
The only cookie used in this site is to establish the user's preference when it comes to the site theme.
This can be set using the control panel on the site index and isn't set at all until "save theme settings" is clicked.
If you never save the settings there will be no cookies on this site.
But if there are there's nothing I can do about that unless I borked the JS.
</P><P>
trinity.moe is served through GitHub Pages as a static site.
You see the same code I do. No JavaScript is minified or obfuscated.
You're free to plaigarize, pilfer, copy, whatever of this website you'd like, just don't put my name on something I didn't say.
Seriously. The code is yours. Take all the JS without crediting me. Hotlink the CSS. It's yours. You're free.
</P>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<H3 ID="stickers"><A HREF="#stickers">Stickers</A></H3>
<A HREF="http://www.trinity.moe"><IMG
ALT="trinity.moe. Hypertext on port 80. Click here."
SRC="https://ia601509.us.archive.org/31/items/trinitydotmoe88x31/trinitydotmoe88x31.bmp"
WIDTH="88px"
/></A>
<CODE STYLE="BACKGROUND-COLOR: WHITE; COLOR: BLACK; DISPLAY: BLOCK;">
&lt;A HREF="http://www.trinity.moe"&gt;&lt;IMG <BR />
ALT="trinity.moe. Hypertext on port 80. Click here." <BR />
SRC="https://ia601509.us.archive.org/31/items/trinitydotmoe88x31/trinitydotmoe88x31.bmp" <BR />
WIDTH="88px" <BR />
/&gt;&lt;/A&gt; <BR />
</CODE>
<A HREF="http://www.trinity.moe"><IMG
ALT="trinity.moe!"
SRC="https://ia801402.us.archive.org/5/items/trinmoe3/trinnow.bmp"
WIDTH="88px"
/></A>
<CODE STYLE="BACKGROUND-COLOR: WHITE; COLOR: BLACK; DISPLAY: BLOCK;">
&lt;A HREF="http://www.trinity.moe"&gt;&lt;IMG <BR />
ALT="trinity.moe!" <BR />
SRC="https://ia801402.us.archive.org/5/items/trinmoe3/trinnow.bmp" <BR />
WIDTH="88px" <BR />
/&gt;&lt;/A&gt; <BR />
</CODE>
<P><A HREF="/stickers">Check out some other people's stickers, too</A></P>
<HR ALIGN="left" SIZE="1" WIDTH="25%" />
<P>
This site is written in (most usually to least usually) ed, vi, vim, ne, nano, Kate, and MS Notepad.
This site is usually tested in the latest Firefox, a random version of NCSA Mosaic I found, Mothra on plan9front, and Lynx.
No rights reserved, all rights exercised, rights turned to lefts, left in this corner of the web.
</P>
</BODY>
</HTML>