Release v2.0.3

center-key · Jul 8, 2023 · d0881be · d0881be
1 parent af7048f
commit d0881be
Show file tree

Hide file tree

Showing 16 changed files with 59 additions and 57 deletions.
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.0.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.0.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.0.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.0.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.0.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.0.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.0.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.0.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Letterbox layout -- Edge-to-edge semi-opaque bar over cover background image
@@ -57,23 +57,26 @@ main >section:first-child >div {
    padding: 0px 0px;
    margin: 10px auto;
    }
-main >section:first-child .box {
+main >section:first-child #social-buttons {
+   margin: 30px auto 5px auto;
+   }
+main >section .box,  /* deprecated */
+main >section .display-box {
    display: inline-block;
    font-size: 0.9rem;
    border: 1px solid darkgray;
    border-radius: 0.1rem;
-   padding: 5px 20px;
-   margin: 5px 0px;
-   }
-main >section:first-child #social-buttons {
-   margin: 30px auto 5px auto;
+   padding: 15px 35px 20px 35px;
    }
 main >section+section {
    max-width: 100%;
    width: 800px;
    padding: 40px;
    margin: 0px auto 30px auto;
    }
+main >section >figure {
+   margin-bottom: 30px;
+   }
 main >section >figure.video-container {
    margin-bottom: 0px;
    }

diff --git a/dist/layouts/modern.css b/dist/layouts/modern.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.0.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.0.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.0.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.0.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.0.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v2.0.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.0.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.0.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.0.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.0.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Zebra Sections layout -- Edge-to-edge blocks with alternating background colors

diff --git a/dist/lib-x.d.ts b/dist/lib-x.d.ts
@@ -1,4 +1,4 @@
-//! web-ignition v2.0.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v2.0.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[];
@@ -81,17 +81,18 @@ declare const libX: {
             [key: symbol]: unknown;
         };
         cloneState(clone: Element): Element;
-        create<K extends keyof HTMLElementTagNameMap>(tag: K, options?: {
+        create<K extends string>(tag: K, options?: {
             id?: string;
             subTags?: string[];
             class?: string;
             href?: string;
             html?: string;
             name?: string;
+            rel?: string;
             src?: string;
             text?: string;
             type?: string;
-        }): HTMLElementTagNameMap[K];
+        }): K extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[K] : HTMLElement;
         removeState(elem: Element): Element;
         select(selector: string): HTMLElement | null;
         selectAll(selector: string): HTMLElement[];

diff --git a/dist/lib-x.dev.js b/dist/lib-x.dev.js
@@ -1,4 +1,4 @@
-//! web-ignition v2.0.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v2.0.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 
 const libXDom = {
     migrate(elem) {
@@ -40,6 +40,8 @@ const libXDom = {
             elem.innerHTML = options.html;
         if (options === null || options === void 0 ? void 0 : options.name)
             elem.name = options.name;
+        if (options === null || options === void 0 ? void 0 : options.rel)
+            elem.rel = options.rel;
         if (options === null || options === void 0 ? void 0 : options.src)
             elem.src = options.src;
         if (options === null || options === void 0 ? void 0 : options.text)
@@ -478,22 +480,24 @@ const libXUi = {
     },
     loadImageFadeIn(elem, url, duration) {
         const fadeTransition = duration !== null && duration !== void 0 ? duration : 600;
-        const goalElem = elem;
-        goalElem.style.transition = `all 0ms`;
-        goalElem.style.opacity = '0';
+        const style = elem.style;
+        style.transition = `all 0ms`;
+        style.opacity = '0';
+        if (globalThis.getComputedStyle(elem).display === 'none')
+            style.display = 'block';
         const load = (done) => {
             const cleanup = () => {
-                goalElem.style.removeProperty('transition');
-                goalElem.style.removeProperty('opacity');
+                style.removeProperty('transition');
+                style.removeProperty('opacity');
                 done(elem);
             };
             const handleImgage = () => {
-                if (goalElem.matches('img'))
-                    goalElem.src = url;
+                if (elem.matches('img'))
+                    elem.src = url;
                 else
-                    goalElem.style.backgroundImage = 'url("' + url + '")';
-                goalElem.style.transition = `all ${fadeTransition}ms`;
-                goalElem.style.opacity = '1';
+                    style.backgroundImage = 'url("' + url + '")';
+                style.transition = `all ${fadeTransition}ms`;
+                style.opacity = '1';
                 globalThis.setTimeout(cleanup, fadeTransition + 100);
             };
             const img = new Image();
@@ -510,9 +514,7 @@ const libXUi = {
             elem.dataset.href = url;
             elem.classList.add('external-site');
         };
-        const allowFullScreen = (iframe) => iframe.setAttribute('allow', 'fullscreen');
         globalThis.document.querySelectorAll('figure.video-container-link').forEach(makeClickable);
-        globalThis.document.querySelectorAll('figure.video-container >iframe').forEach(allowFullScreen);
         return;
     },
     setupForkMe() {
@@ -733,13 +735,11 @@ const libXBubbleHelp = {
                 target.appendChild(bubbleWrap);
                 target.classList.add('bubble-help-initialized');
             };
-            console.log('hi:', target);
             if (!target.classList.contains('bubble-help-initialized'))
                 init();
             globalThis.window.requestAnimationFrame(() => target.classList.add('bubble-help-show'));
         };
         const bye = (target) => {
-            console.log('bye:', target);
             const delayFadeOut = 200;
             globalThis.setTimeout(() => target.classList.remove('bubble-help-show'), delayFadeOut);
         };
@@ -782,7 +782,6 @@ const libXSocial = {
         { title: 'Twitter', icon: 'twitter', x: 580, y: 350, link: 'https://twitter.com/share?text=${title}&url=${url}' },
         { title: 'Facebook', icon: 'facebook-f', x: 580, y: 350, link: 'https://www.facebook.com/sharer.php?u=${url}' },
         { title: 'LinkedIn', icon: 'linkedin-in', x: 580, y: 350, link: 'https://www.linkedin.com/shareArticle?mini=true&url=${url}&title=${title}' },
-        { title: 'Digg', icon: 'digg', x: 985, y: 700, link: 'https://digg.com/submit?url=${url}' },
         { title: 'Reddit', icon: 'reddit', x: 600, y: 750, link: 'https://www.reddit.com/submit?url=${url}&title=${title}' },
     ],
     share(elem) {
@@ -840,7 +839,7 @@ const libXExtra = {
     },
 };
 const libX = {
-    version: '2.0.2',
+    version: '2.0.3',
     dom: libXDom,
     ui: libXUi,
     util: libXUtil,

diff --git a/dist/lib-x.js b/dist/lib-x.js
@@ -1,4 +1,4 @@
-//! web-ignition v2.0.2 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v2.0.3 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 
 const libXDom = {
     migrate(elem) {
@@ -40,6 +40,8 @@ const libXDom = {
             elem.innerHTML = options.html;
         if (options === null || options === void 0 ? void 0 : options.name)
             elem.name = options.name;
+        if (options === null || options === void 0 ? void 0 : options.rel)
+            elem.rel = options.rel;
         if (options === null || options === void 0 ? void 0 : options.src)
             elem.src = options.src;
         if (options === null || options === void 0 ? void 0 : options.text)
@@ -478,22 +480,24 @@ const libXUi = {
     },
     loadImageFadeIn(elem, url, duration) {
         const fadeTransition = duration !== null && duration !== void 0 ? duration : 600;
-        const goalElem = elem;
-        goalElem.style.transition = `all 0ms`;
-        goalElem.style.opacity = '0';
+        const style = elem.style;
+        style.transition = `all 0ms`;
+        style.opacity = '0';
+        if (globalThis.getComputedStyle(elem).display === 'none')
+            style.display = 'block';
         const load = (done) => {
             const cleanup = () => {
-                goalElem.style.removeProperty('transition');
-                goalElem.style.removeProperty('opacity');
+                style.removeProperty('transition');
+                style.removeProperty('opacity');
                 done(elem);
             };
             const handleImgage = () => {
-                if (goalElem.matches('img'))
-                    goalElem.src = url;
+                if (elem.matches('img'))
+                    elem.src = url;
                 else
-                    goalElem.style.backgroundImage = 'url("' + url + '")';
-                goalElem.style.transition = `all ${fadeTransition}ms`;
-                goalElem.style.opacity = '1';
+                    style.backgroundImage = 'url("' + url + '")';
+                style.transition = `all ${fadeTransition}ms`;
+                style.opacity = '1';
                 globalThis.setTimeout(cleanup, fadeTransition + 100);
             };
             const img = new Image();
@@ -510,9 +514,7 @@ const libXUi = {
             elem.dataset.href = url;
             elem.classList.add('external-site');
         };
-        const allowFullScreen = (iframe) => iframe.setAttribute('allow', 'fullscreen');
         globalThis.document.querySelectorAll('figure.video-container-link').forEach(makeClickable);
-        globalThis.document.querySelectorAll('figure.video-container >iframe').forEach(allowFullScreen);
         return;
     },
     setupForkMe() {
@@ -733,13 +735,11 @@ const libXBubbleHelp = {
                 target.appendChild(bubbleWrap);
                 target.classList.add('bubble-help-initialized');
             };
-            console.log('hi:', target);
             if (!target.classList.contains('bubble-help-initialized'))
                 init();
             globalThis.window.requestAnimationFrame(() => target.classList.add('bubble-help-show'));
         };
         const bye = (target) => {
-            console.log('bye:', target);
             const delayFadeOut = 200;
             globalThis.setTimeout(() => target.classList.remove('bubble-help-show'), delayFadeOut);
         };
@@ -782,7 +782,6 @@ const libXSocial = {
         { title: 'Twitter', icon: 'twitter', x: 580, y: 350, link: 'https://twitter.com/share?text=${title}&url=${url}' },
         { title: 'Facebook', icon: 'facebook-f', x: 580, y: 350, link: 'https://www.facebook.com/sharer.php?u=${url}' },
         { title: 'LinkedIn', icon: 'linkedin-in', x: 580, y: 350, link: 'https://www.linkedin.com/shareArticle?mini=true&url=${url}&title=${title}' },
-        { title: 'Digg', icon: 'digg', x: 985, y: 700, link: 'https://digg.com/submit?url=${url}' },
         { title: 'Reddit', icon: 'reddit', x: 600, y: 750, link: 'https://www.reddit.com/submit?url=${url}&title=${title}' },
     ],
     share(elem) {
@@ -840,7 +839,7 @@ const libXExtra = {
     },
 };
 const libX = {
-    version: '2.0.2',
+    version: '2.0.3',
     dom: libXDom,
     ui: libXUi,
     util: libXUtil,

diff --git a/dist/lib-x.min.js b/dist/lib-x.min.js