i

Author: i1li

dist/404.html

@@ -1,4 +1,5 @@
-body.dark-mode {color: white;
+body.dark-mode {background-color: rgb(21, 21, 21);
+    color: white;
     text-shadow: 1px 1px 1px rgba(0,0,0,.3), 0 0 .3rem rgba(22,22,22,.5), 0 0 1rem rgba(255,0,0,.4);}
 a:link.dark-mode, a:visited.dark-mode {color: #00eeff;
     text-shadow: 1px 1px 2px red, 0 0 1rem blue, 0 0 0.2rem blue;

dist/bundle-2a313.css

@@ -1,4 +1,4 @@
-* {border-radius:.3em;scrollbar-color:rgba(22,222,222,.7) rgba(0,0,72,.7);overscroll-behavior:none;scroll-behavior:smooth;scroll-snap-type:none;}
+* {border-radius:.3rem;scrollbar-color:rgba(22,222,222,.7) rgba(0,0,72,.7);overscroll-behavior:none;scroll-behavior:smooth;scroll-snap-type:none;}
 #welcome-overlay {
     overflow:hidden;
     position:fixed;
@@ -27,12 +27,12 @@ canvas {
     display:none;
     position:absolute;
     left:6%;
-    top:-.75em;
+    top:-.75rem;
     width:95%;
     font-size:95%;
     line-height:70%;
     background-color:rgba(128,128,128,.05);
-    backdrop-filter:blur(.08em) saturate(400%) contrast(80%);
+    backdrop-filter:blur(.08rem) saturate(400%) contrast(80%);
     background-blend-mode:difference;
     text-align:center;
     opacity:.65;
@@ -150,10 +150,8 @@ h1 {margin:0;
 h2, h3, h4, h5, h6 {margin-bottom:0.7rem;padding:0 0 0 .2rem;}
 .article-title {text-align:center;line-height:1.4;margin:.5rem 0 0 0;filter:drop-shadow(0 0 1rem rgb(255, 0, 128))!important;}
 body, p {margin:0;
-    font-weight:500;
     text-align:left;
     padding-bottom:0;
-    font-family:verdana, "times new roman", georgia, arial, "courier new";
     overflow-anchor:none;}
 p {line-height:1.2;
     text-indent:1rem;
@@ -163,13 +161,15 @@ p {line-height:1.2;
 .no-indent {text-indent:0;} .no-indent p {text-indent:0;} .width95 {width:95%;margin:auto;} .width95 p {width:95%;margin:auto;} .width90 {width:90%;margin:auto;} .width90 p {width:90%;margin:auto;}
 .center {text-align:center;} .justify-content-center {justify-content:center;} .center p {text-align:center;} .justify-content-center p {justify-content:center;}
 .italic90 {font-style:italic;font-size:90%;}
-body {
+body {background-color:rgb(234, 234, 234);
+    color:black;
     font-size:1rem;
+    font-weight:500;
+    font-family:verdana, "times new roman", georgia, arial, "courier new";
     line-height:1.5;
-    color:black;
     max-width:100vw;
     overflow-x:hidden;
-    text-shadow:1px 1px 1px rgba(222,222,222,.3), 0 0 .3rem rgba(255,255,255,.5), 0 0 1rem rgba(255,255,0,.1);}
+    text-shadow:1px 1px 1px rgba(222,222,222,.5), 0 0 .3rem rgba(255,255,255,.5), 0 0 1rem rgba(255,255,0,.3);}
 .unstyled-link {all:unset !important;cursor:pointer !important;}
 a:hover {text-decoration:dotted underline;
     text-decoration-thickness:2px;

dist/bundle-2a313.js

@@ -31,18 +31,18 @@
 <table><tr><td style="width:50%;">
 <h1><span id="site-title"><a href="/" class="no-bg" title="Home"><img alt="Home" class="img-header img-opaq" decoding="async" src="/img/yinyang.png"></a>
 <a href="/" id="site-title-text" class="no-bg" title="Home">i&i</a></span></h1></td><td style="width:50%;">
-<span id="toolbar"><span id="search" title="Search"><span id="search-text" onclick="openSearchOverlay()">Search</span>🔍</span><button id="zoom-out" title="Zoom Out" onclick="pageZoom(false)">−</button><button id="zoom-in" title="Zoom In" onclick="pageZoom(true)">+</button>
+<span id="toolbar"><span id="search" title="Search" onclick="openSearchOverlay()"><span id="search-text">Search</span>🔍</span><button id="zoom-out" title="Zoom Out" onclick="pageZoom(false)">−</button><button id="zoom-in" title="Zoom In" onclick="pageZoom(true)">+</button>
 <span class="dark-light"><button id="dark-light" title="Dark / Light" onclick="toggleDarkMode()">🌙 / ☀️</button></span></span>
 </td></tr></table></header><div id="header-filler"></div>
 
 <div class="row justify-content-center"><div class="col-md-9">
 <div id="welcome"><p class="no-indent width90" id="site-intro">
 Welcome to original writing & inspiring content devoted to foundations of community awareness: free speech, free thought, & free spirit.
 </p>
-<div id="site-info" class="article-content" style="padding:0; margin:auto;"><div class="width95 opaq80" style="margin-bottom: -.5em;">
-<h5 style="margin: .1em 0 -.8em"><i>About i&i:</i></h5></div><div class="width95"><p class="no-indent center" style="padding-left:0;">
+<div id="site-info" class="article-content" style="padding:0; margin:auto;"><div class="width95 opaq80" style="margin-bottom: -.5rem;">
+<h5 style="margin: .1em 0 -.8rem"><i>About i&i:</i></h5></div><div class="width95"><p class="no-indent center" style="padding-left:0;">
 Designed for max efficiency, freedom, & functionality. Full code & more info at <a href="https://github.com/i1li/i">GitHub</a>. Best enjoyed with good music, here's some <a href="https://github.com/i1li/i#shufflejs">shuffled</a> favorites:
-</p><blockquote class="center" style="margin-bottom:-.5em;"><button id="next" title="Next Video">⏭️ Next</button><span id="deck"></span></blockquote>
+</p><blockquote class="center" style="margin-bottom:-.5rem;"><button id="next" title="Next Video">⏭️ Next</button><span id="deck"></span></blockquote>
 <p style="padding:.7rem 0 .2rem;" class="no-indent italic90">(More music <a href="/edu/vibes">here.</a>)</p>
 <p style="padding-left:0;padding-top:0;" class="no-indent">
 Posts are generally listed in recommended reading order, so you can start by scrolling down, or click a post title:
@@ -1501,22 +1501,18 @@ <h4>Profitability Has Never Excused Criminality: A Message To Facebook, Google,
 <nobr> - <a href="https://blb.org/csb/rom/14/20-22">Romans 14:3 & 20-22</a></nobr>
 </p></blockquote></section></div></div></article>
 
-<footer><table style="width:100%;"><tr><td style="text-align:left; width:20%; padding-left:3.5%; padding-top:.6em;"><span id="toTopFooter" onclick="goToTop()" title="Go to top"><img alt="Go to top" class="img-footer" decoding="async" src="/img/top2.png"></span></td>
-<td style="text-align:center; width:60%; vertical-align:middle; padding-top:1em; font-size:1em; opacity:.7;"><a href="https://connect4more.netlify.app" class="no-bg" title="Connect for more.">Connect</a></td>
-<td style="text-align:right; width:20%; padding-right:2.5%; padding-top:.6em;"><a class="no-bg" title="Home" href="/"><img class="img-footer img-opaq" decoding="async" alt="Home" src="/img/yinyang.png"></a></td></tr></table></footer>
+<footer><table style="width:100%;"><tr><td style="text-align:left; width:20%; padding-left:3.5%; padding-top:.6rem;"><span id="toTopFooter" onclick="goToTop()" title="Go to top"><img alt="Go to top" class="img-footer" decoding="async" src="/img/top2.png"></span></td>
+<td style="text-align:center; width:60%; vertical-align:middle; padding-top:1rem; font-size:1rem; opacity:.7;"><a href="https://connect4more.netlify.app" class="no-bg" title="Connect for more.">Connect</a></td>
+<td style="text-align:right; width:20%; padding-right:2.5%; padding-top:.6rem;"><a class="no-bg" title="Home" href="/"><img class="img-footer img-opaq" decoding="async" alt="Home" src="/img/yinyang.png"></a></td></tr></table></footer>
 
 <script src="/js/welcome-overlay.js"></script>
 <script src="/js/utils.js"></script>
 <script src="/js/noise.js"></script>
 <script src="/js/screensaver.js"></script>
 <script src="/yt/youtube-embed.js"></script>
-<script src="/js/light-dark.js"></script>
 <script src="/js/bible-verses.js"></script>
-<script src="/js/zoom.js"></script>
 <script src="/js/spa.js"></script>
 <script src="/js/background.js"></script>
 <script src="/js/color-change.js"></script>
-<script src="/js/display-toggle.js"></script>
-<script src="/js/search.js"></script>
 
 </div></div></body></html>