i

Author: i1li

build.js

@@ -2,7 +2,7 @@ const esbuild = require('esbuild');
 const fs = require('fs');
 const path = require('path');
 const crypto = require('crypto');
-const cheerio = require('cheerio'); // npm install cheerio
+const cheerio = require('cheerio');
 
 let html = fs.readFileSync('src/index.html', 'utf8');
 const itemsToCopy = ['favicon.ico', 'img'];
@@ -54,6 +54,16 @@ $('a').each((i, el) => {
     $(el).attr('onclick', `navigateSPA(event, '${escapedPath}')`); // Pass event explicitly
   }
 });
+
+// Add onclick to overlay-eligible images
+$('img:not(.img-footer,.img-header,.to-top,.no-overlay)').each((i, el) => {
+  const src = $(el).attr('src');
+  if (src) {  // Skip images without src
+    const escapedSrc = src.replace(/'/g, "\\'");
+    $(el).attr('onclick', `openImageOverlay('${escapedSrc}');return false;`);
+  }
+});
+
 html = $.html(); // Update html with modifications
 
 async function bundleJS() {

dist/404.html

@@ -37,21 +37,22 @@ canvas {
     text-align:center;
     opacity:.65;
     transition:all 1s;
-    border-radius:0 0 2em 2em;}
+    border-radius:0 0 2rem 2rem;}
 .scrolled-down #header-verse {display:none;}
 header:hover {background:linear-gradient(to bottom, rgba(255, 0, 0, .4) 0%, rgba(0, 222, 0, .15) 6%, rgba(128, 22, 128, 0.3) 94%, rgba(255, 0, 0, .4) 100%);}
 header {position:fixed;
     top:0;
     height:5rem;
     width:95%;
     margin-left:2%;
+    margin-bottom:.3rem;
     z-index:1;
-    padding:1em 0 0 0;
+    padding:1rem 0 0 0;
     transition:all .1s ease-out;
     overflow:hidden;
     background:linear-gradient(to top, rgba(255, 0, 0, .25) 0%, rgba(0, 22, 0, .3) 2%, rgba(128, 0, 128, 0.2) 98%,  rgba(0, 0, 255, .5) 100%);
     backdrop-filter:brightness(115%) contrast(90%) saturate(270%);
-    border-bottom:solid .2rem rgba(0,0,255,.25);
+    border-bottom:solid .18rem rgba(0,0,255,.22);
     border-left:solid .2rem rgba(255,0,0,.15);
     border-right:solid .2rem rgba(111,0,111,.4);
     border-radius:0 0 2rem 2rem;}
@@ -71,7 +72,8 @@ header {position:fixed;
 #header-filler {position:sticky;
     top:0;
     left:0;
-    height:6rem;}
+    height:6rem;
+    margin-bottom:.3rem;}
 .scrolled-down h1 {font-size:140%;position:absolute;left:0;filter:drop-shadow(0 0 1rem white);}
 .scrolled-down .img-header {height:2.9rem;filter:drop-shadow(0 0 1rem rgba(127, 127, 127, 0.45))}
 .scrolled-down #site-title-text {margin-left:-.2rem;opacity:.33;}
@@ -98,24 +100,29 @@ filter:drop-shadow(0 0 1rem rgba(127, 127, 127, 0.75));}
 .no-bg {background:none !important;border:none !important;}
 #site-intro {text-align:center;
     padding:.1rem 0 .2rem;
+    margin-bottom:.07rem;
     backdrop-filter:brightness(90%)contrast(111%)saturate(555%)blur(.04rem);
     border:solid rgba(255, 0, 0, 0.4);
     border-width:0px 1px 1px 1px;
     border-radius:.5rem;}
 #site-info p{text-align:center;
     margin-right:1vw;
     margin-left:1vw;
-    margin-bottom:.1em;}
-#site-info {backdrop-filter:blur(.07em)saturate(150%);padding-bottom:.1em;background:linear-gradient(to top, rgba(22,22,222, .2), rgba(22, 222, 222, .2))}
+    margin-bottom:.1rem;}
+#site-info {backdrop-filter:blur(.07rem)saturate(150%);
+    background:linear-gradient(to top, rgba(22,22,222, .2), rgba(22, 222, 222, .2));
+    margin-bottom:.15rem; padding-bottom:.1rem;}
 #welcome {background:linear-gradient(to top, rgba(22,22,222, .2), rgba(22, 222, 222, .2));
     backdrop-filter:contrast(333%) grayscale(70%) brightness(90%) saturate(250%);
-    border-radius:.3em .3em .5em .5em;
+    border-radius:.3rem .3rem .5rem .5rem;
     border:1px solid rgba(0, 171, 63, 0.6);
-    opacity:.9;}
-#site-nav {padding:.2rem 0 .7rem;
+    opacity:.9;
+    margin-bottom:.15rem;}
+#site-nav {padding:.2rem 0 2.2rem;
     font-size:110%;
     width:85%;
     margin:auto;
+    margin-bottom:.07rem;
     backdrop-filter:brightness(90%) contrast(120%) saturate(250%);
     background:linear-gradient(to top, rgba(222, 22, 22, .2), rgba(128, 0, 128, 0.2));
     border-radius:1.5rem;
@@ -178,7 +185,7 @@ article {min-height:80vh;border:dotted 1px rgba(255,255,0,.1);}
     border-left:inset 3px rgba(255, 0, 0, 0.6);
     line-height:1;
     z-index:1;
-    margin:0 -.5rem;
+    margin:0 -.5rem .07rem;
     padding:.3rem .2rem .1rem;
     filter:drop-shadow(0 0 1rem black);
     backdrop-filter:brightness(115%) contrast(150%) saturate(300%);}
@@ -195,7 +202,8 @@ article {min-height:80vh;border:dotted 1px rgba(255,255,0,.1);}
     z-index:2;
     border:inset .7rem rgba(255,255,100,.1);
     border-top:solid 1px rgba(255,0,0,.2);
-    border-bottom:solid 1px rgba(255,0,0,.2);}
+    border-bottom:solid 1px rgba(255,0,0,.2);
+    margin-bottom:.07rem;}
 .article-header-wrapper:hover {background:linear-gradient(to top, rgba(222, 69, 69, .1), rgba(128, 0, 128, 0.1));
     margin-right:-.7rem;
     margin-left:-.7rem;
@@ -247,14 +255,15 @@ article {min-height:80vh;border:dotted 1px rgba(255,255,0,.1);}
     background-attachment:scroll;
     border:inset .15rem rgba(100,100,100,.2);
     border-bottom:solid .2rem rgba(255,0,0,.2);
-    border-top:0;}
+    border-top:0;
+    margin-bottom:.07rem;}
 .article-content {border:solid 1px rgba(255,0,0,.2);
     background-image:url("../img/bginvert.png");
     background-attachment:fixed;
     background-size:10000px;
     background-position-x:-200px;
     padding:0 0 1rem .2rem;
-    margin:0;
+    margin:0 0 .07rem 0;
     backdrop-filter:brightness(90%) contrast(250%) grayscale(50%) blur(.1em) saturate(120%);}
 .article-content:hover {background:radial-gradient(rgba(128, 128, 128, 0.1), rgba(0, 0, 0, 0.1));
     backdrop-filter:brightness(95%) contrast(200%) grayscale(50%) blur(.1em) saturate(120%);}

dist/bundle-2a313.css

@@ -20,7 +20,7 @@
 <div class="search-results-wrapper"><div id="searchResults">
 </div></div></div></div>
 
-<div id="fullScreenOverlay" onclick="closeOverlay()"><span class="close-button" onclick="closeOverlay()">&times;</span><img id="overlayImage"></div>
+<div id="fullScreenOverlay" onclick="closeImageOverlay()"><span class="close-button">&times;</span><img id="overlayImage"></div>
 
 <div id="bg-wrapper"><div id="bg-img"><div id="bg-wrapper2"><div id="bg-wrapper3"></div></div></div></div>
 <div id="bg"><div id="shift-layer1"><div id="shift-layer2"></div></div></div><div id="bg-frame-top"></div><div id="bg-frame-right"></div><div id="bg-frame-bottom"></div><div id="bg-frame-left"></div>
@@ -31,8 +31,8 @@
 <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">Search</span>🔍</span><button id="zoom-out" title="Zoom Out">−</button><button id="zoom-in" title="Zoom In">+</button>
-<span class="dark-light"><button id="dark-light" title="Dark / Light">🌙 / ☀️</button></span></span>
+<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 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">
@@ -1505,7 +1505,6 @@ <h4>Profitability Has Never Excused Criminality: A Message To Facebook, Google,
 <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>
 
-<script src="/js/github-pages.js"></script>
 <script src="/js/welcome-overlay.js"></script>
 <script src="/js/utils.js"></script>
 <script src="/js/noise.js"></script>
@@ -1518,7 +1517,6 @@ <h4>Profitability Has Never Excused Criminality: A Message To Facebook, Google,
 <script src="/js/background.js"></script>
 <script src="/js/color-change.js"></script>
 <script src="/js/display-toggle.js"></script>
-<script src="/js/image-overlay.js"></script>
 <script src="/js/search.js"></script>
 
 </div></div></body></html>