Release v2.1.3

pilafmon · pilafmon · commit 6f12f8cec296 · 2024-04-25T23:47:11.000-07:00
diff --git a/dist/blogger-tweaks.min.css b/dist/blogger-tweaks.min.css
diff --git a/dist/layouts/block-duo.css b/dist/layouts/block-duo.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Block Duo layout -- Two big columns followed by a single footer
diff --git a/dist/layouts/color-blocks.css b/dist/layouts/color-blocks.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Color Blocks layout -- Two columns of colorful blocks
diff --git a/dist/layouts/color-slide.css b/dist/layouts/color-slide.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Color Slide layout -- Top to botttom color transition
diff --git a/dist/layouts/letterbox.css b/dist/layouts/letterbox.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Letterbox layout -- Edge-to-edge semi-opaque bar over cover background image
diff --git a/dist/layouts/modern.css b/dist/layouts/modern.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Modern layout -- Clean blog post page
diff --git a/dist/layouts/neon.css b/dist/layouts/neon.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Neon layout -- For hackers and space junkies
diff --git a/dist/layouts/neon.min.js b/dist/layouts/neon.min.js
@@ -1,2 +1,2 @@
-//! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 const numNeonImages=8;const randomImage=Date.now()%numNeonImages+1;globalThis.document.body.classList.add("neon-image-"+String(randomImage));
diff --git a/dist/layouts/vertical-bars.css b/dist/layouts/vertical-bars.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Vertical Bars layout -- traditional boring old-school webpage
diff --git a/dist/layouts/zebra-sections.css b/dist/layouts/zebra-sections.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Zebra Sections layout -- Edge-to-edge blocks with alternating background colors
@@ -113,6 +113,9 @@ main >section:first-child {
 main >section:nth-child(even) {
    background-color: whitesmoke;
    }
+main >section:last-child {
+   padding-bottom: 50px;
+   }
 main >section >h2 {
    font-size: 1.6rem;
    margin-top: -8px;
@@ -144,6 +147,12 @@ main >section >ul {
    max-width: 600px;
    text-align: left;
    }
+main >section >figure {
+   padding: 0px 10px;
+   }
+main >section >figure img {
+   max-height: 600px;
+   }
 main >section figure {
    display: inline-block;
    min-width: auto;
@@ -161,12 +170,24 @@ main >section figure img.popup-image:hover {
 main >section figure figcaption {
    font-style: italic;
    }
+main >section >blockquote {
+   font-style: italic;
+   }
+main >section >blockquote cite {
+   display: block;
+   font-size: 0.8rem;
+   font-weight: 100;
+   font-style: normal;
+   }
 body >footer {
    flex-direction: column;
    text-align: center;
    color: silver;
    background-color: black;
    }
+body >footer >div {
+   padding: 5px 0px;
+   }
 body >footer a {
    color: silver;
    }
@@ -182,6 +203,17 @@ body >footer i[data-brand] {
    font-size: 1.6rem;
    margin: 0px 5px;
    }
+
+/* Mobile devices */
+@media (max-width: 667px) {  /* selects iPhone 6/6s/7/8/SE2/SE3 landscape and anything narrower */
+   body >header img {
+      bottom: -50px;
+      width: 100px;
+      }
+   main >section:first-child {
+      padding-top: 80px;
+      }
+   }
 /******************************************************************************/
 
 /* Zebra Sections layout -- customize colors */
diff --git a/dist/lib-x.d.ts b/dist/lib-x.d.ts
@@ -1,4 +1,4 @@
-//! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 
 export type GlobalKey = keyof typeof globalThis;
 export type Json = string | number | boolean | null | undefined | JsonObject | Json[];
@@ -169,6 +169,9 @@ declare const libX: {
         isObj(thing: unknown): boolean;
         removeWhitespace(text: string): string;
     };
+    nav: {
+        setupLinkMenu(): HTMLElement | null;
+    };
     crypto: {
         hash(message: string, options?: Partial<LibXCryptoHashSettings>): Promise<string>;
     };
diff --git a/dist/lib-x.dev.js b/dist/lib-x.dev.js
@@ -1,4 +1,4 @@
-//! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 
 const libXDom = {
     stateDepot: [],
@@ -527,6 +527,23 @@ const libXUtil = {
         return text.replace(/\s/g, '');
     },
 };
+const libXNav = {
+    setupLinkMenu() {
+        const linkMenu = globalThis.document.getElementById('link-menu');
+        const setCurrentPage = () => {
+            const pageName = globalThis.location.pathname
+                .replace(/index.[a-z]*$/, '').replace(/\/$/, '').replace(/.*\//, '');
+            const active = linkMenu.querySelector(`a[href$="${pageName}"]`);
+            const isDefaultPage = /(\/|index\.[a-z]*)$/.test(globalThis.location.href);
+            const onHomePage = linkMenu.children[0].getAttribute('href') === '.' && isDefaultPage;
+            const current = onHomePage ? linkMenu.firstElementChild : active;
+            current?.classList.add('current');
+        };
+        if (linkMenu)
+            setCurrentPage();
+        return linkMenu;
+    },
+};
 const libXCrypto = {
     hash(message, options) {
         const defaults = { algorithm: 'SHA-256', salt: '' };
@@ -808,10 +825,11 @@ const libXExtra = {
     },
 };
 const libX = {
-    version: '2.1.2',
+    version: '2.1.3',
     dom: libXDom,
     ui: libXUi,
     util: libXUtil,
+    nav: libXNav,
     crypto: libXCrypto,
     storage: libXStorage,
     counter: libXCounter,
@@ -837,6 +855,7 @@ const libX = {
             libX.ui.setupForkMe();
             libX.ui.displayAddr();
             libX.ui.setupVideos();
+            libX.nav.setupLinkMenu();
             libX.form.perfect();
             libX.bubbleHelp.setup();
             libX.social.setup();
diff --git a/dist/lib-x.js b/dist/lib-x.js
@@ -1,4 +1,4 @@
-//! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 
 const libXDom = {
     stateDepot: [],
@@ -527,6 +527,23 @@ const libXUtil = {
         return text.replace(/\s/g, '');
     },
 };
+const libXNav = {
+    setupLinkMenu() {
+        const linkMenu = globalThis.document.getElementById('link-menu');
+        const setCurrentPage = () => {
+            const pageName = globalThis.location.pathname
+                .replace(/index.[a-z]*$/, '').replace(/\/$/, '').replace(/.*\//, '');
+            const active = linkMenu.querySelector(`a[href$="${pageName}"]`);
+            const isDefaultPage = /(\/|index\.[a-z]*)$/.test(globalThis.location.href);
+            const onHomePage = linkMenu.children[0].getAttribute('href') === '.' && isDefaultPage;
+            const current = onHomePage ? linkMenu.firstElementChild : active;
+            current?.classList.add('current');
+        };
+        if (linkMenu)
+            setCurrentPage();
+        return linkMenu;
+    },
+};
 const libXCrypto = {
     hash(message, options) {
         const defaults = { algorithm: 'SHA-256', salt: '' };
@@ -808,10 +825,11 @@ const libXExtra = {
     },
 };
 const libX = {
-    version: '2.1.2',
+    version: '2.1.3',
     dom: libXDom,
     ui: libXUi,
     util: libXUtil,
+    nav: libXNav,
     crypto: libXCrypto,
     storage: libXStorage,
     counter: libXCounter,
@@ -837,6 +855,7 @@ const libX = {
             libX.ui.setupForkMe();
             libX.ui.displayAddr();
             libX.ui.setupVideos();
+            libX.nav.setupLinkMenu();
             libX.form.perfect();
             libX.bubbleHelp.setup();
             libX.social.setup();
diff --git a/dist/lib-x.min.js b/dist/lib-x.min.js
diff --git a/dist/reset.min.css b/dist/reset.min.css
diff --git a/package.json b/package.json

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-/! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License /`
	`1`	`+/! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License /`
`2`	`2`
`3`	`3`	`/*`
`4`	`4`	`Block Duo layout -- Two big columns followed by a single footer`
Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`		`-//! web-ignition v2.1.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License`
	`1`	`+//! web-ignition v2.1.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License`
`2`	`2`	`const numNeonImages=8;const randomImage=Date.now()%numNeonImages+1;globalThis.document.body.classList.add("neon-image-"+String(randomImage));`