trinity/src
1
0
Fork 0
Code
4ce23127f3
src/homepage/index.html
Deven Blake 4ce23127f3 clarify
2021-05-15 17:02:04 -04:00

381 lines
18 KiB
HTML
Raw Blame History

<!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>
<BODY>
<SCRIPT TYPE="application/javascript" SRC="/cookies.js" ></SCRIPT>
<SCRIPT TYPE="application/javascript" SRC="/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>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>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>
<H4>Amount of times I have had issues with PulseAudio</H4>
<P>As of 2021-05-06: <B>1</B></P>
<H4>Amount of times I have had issues with SystemD</H4>
<P>As of 2021-05-06: <B>0</B> (I don't use SystemD)</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>[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-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>
</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>;
<B>ArchWiki</B>, deven;
<I><B>Bandcamp</B>, devenblake</I>;
<I><B>Codeberg</B>, deven</I>;
<I><B>CodeWalrus</B>, deven</I>;
<B>Discord</B>, trinity#3756;
<I><B>git.disroot.com</B>, deven</I>;
<B>GitHub</B>, devenblake;
<B>GitLab</B>, devenblake;
<B>Hacker News</B>, devenblake;
<I><B>Ieddit</B>, but nobody's responded to my multiple requests to delete my unused account</I>;
<I><B>itch.io</B>, devenblake</I>;
<I><B>Matter</B>, deven</I>;
<I><B>Notabug</B>, deven</I>;
<I><B>Okuna</B>, dev</I>;
<B>Reddit</B>, u/devenblake;
<I><B>Soundcloud</B>, devenblake</I>;
<I><B>SpaceHey</B>, dtb</I>;
<I><B>TikTok</B>, trn1ty</I>;
<I><B>Twitter</B>, but I'm suspended on both @officialiowa and @trn1ty (which prevents me from deactivating my accounts, which I will when I can)</I>;
<B>Wikipedia</B>, DTB
</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>
<H4>Services I <I>do not</I> use, and on which I do not have a profile, include...</H4>
<P>
Facebook, Facebook Instagram, Facebook Messenger, Facebook Whatsapp;
the Fediverse;
Likee;
LinkedIn;
Minds;
MySpace;
SnapChat
</P>
<P>
On most of these I have had profiles in the past, but they are since deleted.
</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. Trinitisms marked with <CODE>ID</CODE> are <I>independent drivel</I> - if I didn't come up with them first, I at least came up with them independently of anyone else, or believe I did.</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><CODE>ID</CODE>
<B>catfella</B> - the non-gender-specific form of "catboy" or "catgirl".
Coined 2020-08-11 when referring to my friend Socks.
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>
</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></LI><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><I>For just Firefox</I></LI><UL>
<LI>Containerization</LI><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><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></LI><UL>
<P>
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.
</P></UL>
<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>
</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-05-12</H4>
<P>
It's no secret that I type every character of my website, by hand, without any form of generation.
I brag about it a lot. It's my justification for calling other, ostensibly better websites garbage.
It also doubles as a bit of a running gag. The intention, partially, is to shock people.
Also a bit to inspire them. "All you need is a browser and a text editor." And the usual contrarianism.
Many of these qualities are considered bad and for good reasons - it's just needless. We've progressed past raw HTML-writing.
Modern computers can handle modern websites. And these are all not only good reasons but true.
</P>
<P>
However keep in mind that sometimes progress isn't good. (I <B><I>do not</I></B> mean social progress, which I support in most forms.)
Where has progress in the web taken us? <I>Commercial advertisements</I> in cyber-space? Web browsers running proprietary third party code?
Digitally restricted media being limited to playback within browsers? While yes, these are technological advancements, they're a
progression of Capitalism, not of humanity. They are a sign of the conquest of the web by the hands of the corporate world. Yuck.
</P>
<P>
So I don't write bare HTML to be contrary to other "web developers", though contrarianism is a welcome part of it.
I write bare HTML to encourage the usage of web browsers that prioritize privacy and tell anyone looking to make a buck through the web to sod off.
</P>
<P>Anyway, with the philosophical side out of the way, 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-05-15</H4>
<P>Finishing high school, writing a line editor just as a fun project, living life. Getting the second Pfizer dose today.</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>
View Git Blame Copy Permalink