Release v1.5.1

center-key · Feb 28, 2022 · 11bac0b · 11bac0b
1 parent 7d71c93
commit 11bac0b
Show file tree

Hide file tree

Showing 16 changed files with 62 additions and 37 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 v1.5.0 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v1.5.1 ~~ 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 v1.5.0 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v1.5.1 ~~ 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 v1.5.0 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v1.5.1 ~~ 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 v1.5.0 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v1.5.1 ~~ 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 v1.5.0 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v1.5.1 ~~ 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 v1.5.0 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v1.5.1 ~~ 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 v1.5.0 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v1.5.1 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 var numNeonImages=8;$("body").addClass("neon-image-"+(Date.now()%8+1));
diff --git a/dist/layouts/vertical-bars.css b/dist/layouts/vertical-bars.css
@@ -1,4 +1,4 @@
-/*! web-ignition v1.5.0 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v1.5.1 ~~ 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 v1.5.0 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v1.5.1 ~~ 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 v1.5.0 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v1.5.1 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 
 declare global {
     interface JQuery {
@@ -22,6 +22,9 @@ export declare type LibXUiPopupOptions = {
     width?: number;
     height?: number;
 };
+export declare type LibXUiKeepOnScreenOptions = {
+    padding?: number;
+};
 export declare type LibXCryptoHashOptions = {
     algorithm?: string;
     salt?: string;
@@ -54,7 +57,7 @@ declare const libX: {
         popup(url: string, options?: LibXUiPopupOptions | undefined): Window | null;
         popupClick(event: JQuery.EventBase): Window | null;
         revealSection(event: JQuery.EventBase): JQuery;
-        keepOnScreen(elem: JQuery, padding?: number): JQuery;
+        keepOnScreen(elem: JQuery, options?: LibXUiKeepOnScreenOptions | undefined): JQuery;
         autoDisableButtons(): void;
         loadImageFadeIn(elem: JQuery, url: string, duration?: number | undefined): JQuery;
         setupVideos(): JQuery;

diff --git a/dist/lib-x.dev.js b/dist/lib-x.dev.js
@@ -1,4 +1,4 @@
-//! web-ignition v1.5.0 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v1.5.1 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 
 const libXUi = {
     plugin: {
@@ -68,11 +68,21 @@ const libXUi = {
         dna.ui.slideFadeOut(button);
         return dna.ui.slideFadeIn(target);
     },
-    keepOnScreen(elem, padding = 10) {
-        const gap = elem.offset().left;
-        const moveR = Math.max(-gap, -padding) + padding;
-        const moveL = Math.max(gap + elem.width() - $(window).width(), -padding) + padding;
-        return elem.css({ left: '+=' + (moveR - moveL) + 'px' });
+    keepOnScreen(elem, options) {
+        const defaults = { padding: 10 };
+        const settings = { ...defaults, ...options };
+        const pad = settings.padding;
+        const win = {
+            width: $(window).width(),
+            height: $(window).height(),
+            scroll: $(window).scrollTop(),
+        };
+        const offset = elem.offset();
+        const moveR = Math.max(-offset.left, -pad) + pad;
+        const moveL = Math.max(offset.left + elem.width() - win.width, -pad) + pad;
+        const moveU = Math.min(win.scroll + win.height - offset.top - elem.height() - pad, 0);
+        const moveD = Math.max(moveU, win.scroll - offset.top + pad);
+        return elem.css({ left: `+=${moveR - moveL}px`, top: `+=${moveD}px` });
     },
     autoDisableButtons() {
         const disableButton = (event) => {
@@ -99,8 +109,9 @@ const libXUi = {
     },
     setupVideos() {
         const makeVideoClickable = (elem) => {
-            const url = elem.find('iframe').attr('src');
-            elem.attr('data-href', url.replace('//www.youtube.com/embed', '//youtu.be'));
+            const src = elem.find('iframe').attr('src');
+            const url = src.replace('//www.youtube.com/embed', '//youtu.be');
+            elem.attr('data-href', url).addClass('external-site');
         };
         $('figure.video-container-link').forEach(makeVideoClickable);
         return $('figure.video-container iframe').attr({ allow: 'fullscreen' }).parent();
@@ -224,7 +235,7 @@ const libXPopupImage = {
             .append(libX.ui.makeIcons($('<i data-icon=times>')))
             .append($('<img>').attr({ src: imageSrc }).css({ maxWidth: maxWidth }));
         popup.insertAfter(thumbnail);
-        libX.ui.keepOnScreen(popup, 30).fadeTo('slow', 1);
+        libX.ui.keepOnScreen(popup, { padding: 30 }).fadeTo('slow', 1);
         $(document).on({ [keyUpEventName]: escKeyClose });
     },
 };
@@ -324,7 +335,7 @@ const libXExtra = {
     },
 };
 const libX = {
-    version: '1.5.0',
+    version: '1.5.1',
     ui: libXUi,
     util: libXUtil,
     crypto: libXCrypto,

diff --git a/dist/lib-x.js b/dist/lib-x.js
@@ -1,4 +1,4 @@
-//! web-ignition v1.5.0 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v1.5.1 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 
 import { dna } from 'dna.js';
 const libXUi = {
@@ -69,11 +69,21 @@ const libXUi = {
         dna.ui.slideFadeOut(button);
         return dna.ui.slideFadeIn(target);
     },
-    keepOnScreen(elem, padding = 10) {
-        const gap = elem.offset().left;
-        const moveR = Math.max(-gap, -padding) + padding;
-        const moveL = Math.max(gap + elem.width() - $(window).width(), -padding) + padding;
-        return elem.css({ left: '+=' + (moveR - moveL) + 'px' });
+    keepOnScreen(elem, options) {
+        const defaults = { padding: 10 };
+        const settings = { ...defaults, ...options };
+        const pad = settings.padding;
+        const win = {
+            width: $(window).width(),
+            height: $(window).height(),
+            scroll: $(window).scrollTop(),
+        };
+        const offset = elem.offset();
+        const moveR = Math.max(-offset.left, -pad) + pad;
+        const moveL = Math.max(offset.left + elem.width() - win.width, -pad) + pad;
+        const moveU = Math.min(win.scroll + win.height - offset.top - elem.height() - pad, 0);
+        const moveD = Math.max(moveU, win.scroll - offset.top + pad);
+        return elem.css({ left: `+=${moveR - moveL}px`, top: `+=${moveD}px` });
     },
     autoDisableButtons() {
         const disableButton = (event) => {
@@ -100,8 +110,9 @@ const libXUi = {
     },
     setupVideos() {
         const makeVideoClickable = (elem) => {
-            const url = elem.find('iframe').attr('src');
-            elem.attr('data-href', url.replace('//www.youtube.com/embed', '//youtu.be'));
+            const src = elem.find('iframe').attr('src');
+            const url = src.replace('//www.youtube.com/embed', '//youtu.be');
+            elem.attr('data-href', url).addClass('external-site');
         };
         $('figure.video-container-link').forEach(makeVideoClickable);
         return $('figure.video-container iframe').attr({ allow: 'fullscreen' }).parent();
@@ -225,7 +236,7 @@ const libXPopupImage = {
             .append(libX.ui.makeIcons($('<i data-icon=times>')))
             .append($('<img>').attr({ src: imageSrc }).css({ maxWidth: maxWidth }));
         popup.insertAfter(thumbnail);
-        libX.ui.keepOnScreen(popup, 30).fadeTo('slow', 1);
+        libX.ui.keepOnScreen(popup, { padding: 30 }).fadeTo('slow', 1);
         $(document).on({ [keyUpEventName]: escKeyClose });
     },
 };
@@ -325,7 +336,7 @@ const libXExtra = {
     },
 };
 const libX = {
-    version: '1.5.0',
+    version: '1.5.1',
     ui: libXUi,
     util: libXUtil,
     crypto: libXCrypto,