i

README.md

@@ -1,5 +1,6 @@
 <h1 align="center">Minimal, Responsive, Pure JavaScript, Single Page App</h1>
 <p align="center">
+Layman's Summary ("TLDR"): A lightweight framework, providing features similar to blogging platforms like WordPress, custom coded from scratch to provide extra features without depending on anything external beyond the code contained here. This enables simple deployment to any web hosting platform. Single Page App (SPA) functionality means all of the actual content is in the `index.html` file, while allowing the user to navigate to different pages within the site that each have their own web address, even though all of their content is loaded from `index.html`, instead of each having their own `.html` file, which would require loading a new page at each navigation step. This means the entire website is loaded at first view by the user. Typically the features detailed below require a relatively unbearable amount of complexity and dependencies if implemented with other platforms, where customizations requires extra paid features and/or advanced platform-specific knowledge, and are prone to cause conflicts between features that result in broken functionality.
 <a href="#Efficiency & Minimalism">Minimal, no frameworks</a>, just pure JavaScript (a.k.a. vanilla JavaScript), CSS, & HTML, <a href="#SPA Navigation & Content Loading">Single Page App (SPA)</a> <br/><a href="#Responsive Design">Responsive Design</a>: images, video, & text automatically adjust to fit accordingly across small & large screens. <br/><a href="#Light/Dark Mode Toggle">Light/Dark Mode</a>, <a href="#Zoom In/Out Functionality">Page Zoom</a>, <a href="#Full Screen Image Overlay">Full Screen Image Overlay</a>, <a href="#Sticky Header & Scroll-to-Top Button">Go to Top Button</a>, <a href="#Lightest YouTube Embed">Embedded Content Display Toggle</a>, <br/><a href="#Target Links / Hash Links As Subpages">Target Links as Subpages</a>, <a href="#Background Gradient Shift, & other CSS Effects">Custom CSS Color-Shifting Gradients</a>, <a href="#Lazy Loading">Lazy Loading</a>, <a href="#Device Detection">Device Detection</a>, <a href="#Automatic External Links Handling">External Link Handling</a>.
 <br/>
 <a href="https://github.com/codespaces/new?repo=https://github.com/i1li/i1li.github.io"><img src="img/button-codespaces.svg" alt="Open in GitHub Codespaces"></a>
@@ -107,7 +108,7 @@ The hybrid shuffle function combines two different techniques to optimize perfor
 
 <h3 id="Device Detection">Device Detection</h3>
 
-- [detect-device.js](/js/detect-device.js) - Detects when the page is loaded from a mobile device, to save processing power from being used for extra color effects like in [background.js](/js/background.js) and [color-change.js](/js/color-change.js)
+- [detect-mobile.js](/js/detect-mobile.js) - Detects when the page is loaded from a mobile device, to save processing power from being used on extra effects that are less likely to work on mobile devices, like in [background.js](/js/background.js) and [color-change.js](/js/color-change.js)
 
 <h3 id="Automatic External Links Handling">Automatic External Links Handling</h3>
 

css/style.css

@@ -201,14 +201,14 @@ article {min-height:80vh; border: dotted 1px rgba(255,255,0,.1);}
     filter: drop-shadow(0 0 2em rgba(255, 0, 123, 0.9));}
 .previous-article {text-align: left;
     width: 33%;
-    padding:1.1em 0 .9em 2em !important;}
+    padding:1.1em 0 .9em 2% !important;}
 .share-article {text-align: center;
     width: 34%;
     display: none;}
 .next-article {text-align: right;
     margin-right:.5em;
     width: 33%;
-    padding:1.1em 2em .9em 0 !important;}
+    padding:1.1em 2% .9em 0 !important;}
 .article-content-wrapper {background-image: url("/img/bginvert.png");
     background-size: 20000px;
     background-position-x: -222px;

index.html

@@ -59,10 +59,10 @@ <h5 id="all-posts" style="margin:0;"><a href="/" title="Home" class="unstyled-li
 </div></div></div>
 <div class="article-content-wrapper"><div class="article-content">
 <blockquote><p class="no-indent">
-<a href="https://www.etymonline.com/word/logomachy">Logomachy (n.)</a>
-"contention about, or with, words," 1560s, a nativized Latinized form of New Testament Greek logomakhia "a war about words," from logomakhos (see logo- + -machy).
+<a href="https://www.etymonline.com/word/logomachy">Logomachy (n.)</a>:
+"'contention about, or with, words,' 1560s, a nativized Latinized form of New Testament Greek logomakhia 'a war about words,' from logomakhos (see logo- + -machy)."
 </p></blockquote><p>
-The reason I find this so relevant, is the unmistakably consistent patterns from interactions with enemies of truth, (those who are incapable of debate, instead projecting, blocking, deleting, and/or begging for censorship). It seems like every single one of their "arguments" (to the extent they can be pinned down to anything resembling a debate) is based on their own fantasy "<a href="https://www.aei.org/op-eds/doublespeak-equity-and-inclusion/">doublespeak</a>" definitions.
+The reason I find the word logomachy so incredibly relevant to our times is the unmistakably consistent patterns from interactions with enemies of truth, (those who are incapable of debate, instead projecting, blocking, deleting, and/or begging for censorship). It seems like every single one of their "arguments" (to the extent they can be pinned down to anything resembling a debate) is based on their own fantasy "<a href="https://www.aei.org/op-eds/doublespeak-equity-and-inclusion/">doublespeak</a>" definitions.
 </p><p>
 The Greek version of logomachy is found in 1 Timothy 6 of the Bible:
 </p><blockquote><p class="center">
@@ -78,11 +78,11 @@ <h5 id="all-posts" style="margin:0;"><a href="/" title="Home" class="unstyled-li
 </p><p>
 The rest of the posts on this site mostly originate from almost a decade ago. (+/- several years in some cases, with countless updates & improvements along the way.) Some of this was first written at a time which seemed we were ready to collectively shed the charade of false-opposition politics, and psychopath dominant culture. Instead, we grossly underestimated how much the power and convenience of the internet could be weaponized by those whose freedom it most threatens. Many were faced with their own culpability in an ever-furthering enablement of cultural cuckoldry, and decided that occasional artificial dopamine rushes were a decent enough trade-off to be able to continue in self-subversive denial.
 </p><p>
-That perspective helps frame some of the commentary on antisocial media and groupthink found in other posts, written long before anything like the <a href="https://en.wikipedia.org/wiki/Twitter_Files">Twitter Files</a>. I think to some extent, every individual has to experience what it's like contributing to some sort of sustainable or forward-thinking community, followed by the shock of the community's grossest adherence to herd mentality, even in the face of patiently calculated, constructive feedback. "Not MY niche community!"
+That perspective helps frame some of the commentary on antisocial media and groupthink found in other posts, written long before anything like the <a href="https://en.wikipedia.org/wiki/Twitter_Files">Twitter Files</a>. I think to some extent, every individual has to experience what it's like contributing to some sort of sustainable or forward-thinking community, followed by the shock of that community's grossest adherence to herd mentality, even in the face of patiently calculated, constructive feedback. "Not MY niche community!"
 </p><p>
 It's due to both the nature of psychopathy, and of codependence, that this type of shock experience is necessary before most can start to fully grasp what it means to be preyed upon by psychopaths in friendships and intimate relationships, (let alone at institutional and cultural scales.)
 </p><p>
-The video below uses a seemingly simple topic as jumping off point to explore some of these issues and their relevant roots in surprising depth, followed by more videos that elaborate further: 
+The first video below uses a seemingly simple topic as jumping off point to explore some of these issues and their relevant roots in surprising depth, followed by more videos that elaborate further: 
 </p><p class="center">
 <y-t v="HmuEUj1DwSI" t="A Psychological Breakdown of a Rap Song"></y-t><br>
 <y-t v="mPt6gvRQnhs" t="Why I Changed My Mind About Evil"></y-t><br>
@@ -129,7 +129,7 @@ <h5 id="all-posts" style="margin:0;"><a href="/" title="Home" class="unstyled-li
 </p><p>
 In the age of anti-social media, where platforms controlled by psychopathic business models, in league with government treason, dictate the public sphere; where "fact checkers" and "ministries of truth" police public perceptions, and where sensationalism and clickbait reign supreme, we must be vigilant against the insidious creep of groupthink and audience capture. We must resist the allure of conformity and the numbing effects of addictive convenience, lest we succumb to the same oppressive forces that have haunted the dystopian worlds of Huxley, Orwell, and Vonnegut.
 </p><p>
-Oh wait, we already fast-forwarded past Idiocracy into <a href="https://en.wikipedia.org/wiki/Nosedive_(Black_Mirror)">Black Mirror</a>, where old antiquated concepts like honor and social contribution have been supplanted by a <a href="https://www.youtube.com/watch?v=M4GS5ZmtSug">victim hierarchy</a> and social credit scores (or what most simply know as "the algorithm")... The soma of the dopamine rush from posting compliant content (or, conversely, the "equalizing handicap", in the case of noncompliant content,) is doled out at the discretion of the <a href="https://thefederalnewswire.com/stories/641707686-unraveling-the-web-of-internet-freedom-a-candid-conversation-with-mike-benz-former-diplomat-turned-digital-freedom-advocate">Ministry of Truth</a>, in accordance with one's social credit score.
+Oh wait, we already fast-forwarded past <a href="https://www.youtube.com/playlist?list=PLxOxNN7zbMAzJUCiqax1DmInv6fqM5T8G">Idiocracy</a> into <a href="https://en.wikipedia.org/wiki/Nosedive_(Black_Mirror)">Black Mirror</a>, where old antiquated concepts like honor and social contribution have been supplanted by a <a href="https://www.youtube.com/watch?v=M4GS5ZmtSug">victim hierarchy</a> and social credit scores (or what most simply know as "the algorithm")... The soma of the dopamine rush from posting compliant content (or, conversely, the "equalizing handicap", in the case of noncompliant content,) is doled out at the discretion of the <a href="https://thefederalnewswire.com/stories/641707686-unraveling-the-web-of-internet-freedom-a-candid-conversation-with-mike-benz-former-diplomat-turned-digital-freedom-advocate">Ministry of Truth</a>, in accordance with one's social credit score.
 </p><p>
 "...But America is so far from becoming China, they'll never actually have social credit scores!" Careful, don't share, or even interact with subversive content, or else you risk getting "deboosted," or "shadow banned."
 </p><br>