Commit 56

Author: madmurphy

ChangeLog.md

@@ -1,6 +1,13 @@
 # Change Log
 
 
+## 3.1.5 (2022-10-07)
+
+Changes:
+
+* Documentation
+
+
 ## 3.1.4 (2022-08-06)
 
 Changes:

dev/js-add-ons

@@ -0,0 +1 @@
+../dist/js-add-ons

dev/takefive-dev.css

@@ -7,7 +7,7 @@
 |*|
 |*|	https://github.com/madmurphy/takefive.css/
 |*|
-|*|	Version 3.1.4
+|*|	Version 3.1.5
 |*|
 |*|	(c) madmurphy333@gmail.com
 |*|

dist/js-add-ons/takefive-clean-empty-hash.js

@@ -0,0 +1,17 @@
+window.addEventListener("DOMContentLoaded", function () {
+
+	var aEmptyHashLinks = document.querySelectorAll("a[href$=\"#\"]");
+
+	for (var nIdx = 0; nIdx < aEmptyHashLinks.length; nIdx++) {
+
+		aEmptyHashLinks[nIdx].addEventListener("click", function (oEvt) {
+
+			location.hash = "";
+			history.replaceState(null, "", this.href.split('#')[0]);
+			oEvt.preventDefault();
+
+		});
+
+	}
+
+}, false);

dist/js-add-ons/takefive-clean-history.js

@@ -0,0 +1,57 @@
+(function () {
+
+	var bOpenedWithSlide = false, nHistCount = -1;
+
+	function newSlideClicked () {
+
+		nHistCount--;
+
+	}
+
+	function exitClicked (oEvt) {
+
+		if (bOpenedWithSlide) {
+
+			/*  The page was loaded with a slide open  */
+			bOpenedWithSlide = false;
+
+		} else {
+
+			history.go(nHistCount);
+			oEvt.preventDefault();
+
+		}
+
+		nHistCount = -1;
+
+	}
+
+	addEventListener("DOMContentLoaded", function () {
+
+		var
+			elIter,
+			aLinks = document.querySelectorAll("article.slide a"),
+			elTest = document.createElement("a");
+
+		bOpenedWithSlide = Boolean(document.querySelector("article.slide:target"));
+		elTest.href = location.href;
+
+		for (var nLen = aLinks.length, nIdx = 0; nIdx < nLen; nIdx++) {
+
+			elIter = aLinks[nIdx];
+			elTest.hash = elIter.hash || "#";
+
+			if (elTest.href === elIter.href) {
+				elIter.addEventListener("click",
+					elIter.hash && document.querySelector("article.slide" + elIter.hash) ?
+						newSlideClicked
+					:
+						exitClicked
+				);
+			}
+
+		}
+
+	}, false);
+
+})();

dist/js-add-ons/takefive-keyboard-events.js

@@ -0,0 +1,23 @@
+/* close the slide currently open or do nothing */
+function closeCurrentSlide () {
+
+	var oSlide = document.querySelector("article.slide:target");
+
+	if (oSlide) {
+
+		var oExitLink = oSlide.querySelector("nav:first-of-type a[rel~=\"parent\"]");
+		location.assign(oExitLink ? oExitLink.href : "#");
+
+	}
+
+}
+
+window.addEventListener("keyup", function (oEvt) {
+
+	if (oEvt.key === "Escape") {
+
+		closeCurrentSlide();
+
+	}
+
+}, false);

dist/js-add-ons/takefive-touch-events.js

@@ -0,0 +1,55 @@
+(function () {
+
+	var nDownX = null, nDownY = null;
+
+	function handleTouchStart (oEvt) {
+
+		const oFirstTouch = oEvt.touches[0];
+
+		nDownX = oFirstTouch.clientX;
+		nDownY = oFirstTouch.clientY;
+
+	};
+
+	function handleTouchMove (oEvt) {
+
+		if (!nDownX || !nDownY) {
+
+			return;
+
+		}
+
+		var
+			oLink, sRel = null,
+			nDiffX = nDownX - oEvt.touches[0].clientX,
+			nDiffY = nDownY - oEvt.touches[0].clientY;
+
+		switch (Math.abs(nDiffX) > Math.abs(nDiffY) ? nDiffX > 0 ? 3 : 2 : nDiffY > 0 ? 1 : 0) {
+
+			/*  Cases: `0` -> down swipe, `1` -> up swipe, `2` -> right swipe, `3` -> left swipe  */
+			case 2: sRel = "prev"; break;	/*  Right swipe  */
+			case 3: sRel = "next"; break;	/*  Left swipe  */
+
+		}
+
+		nDownX = null;
+		nDownY = null;
+
+		sRel && (oLink = this.querySelector("nav:first-of-type a[href][rel~=\"" + sRel + "\"]")) && location.assign(oLink.href);
+
+	};
+
+	window.addEventListener("DOMContentLoaded", function () {
+
+		const aSlides = document.querySelectorAll("article.slide");
+
+		for (var nIdx = 0, nLen = aSlides.length; nIdx < nLen; nIdx++) {
+
+			aSlides[nIdx].addEventListener('touchstart', handleTouchStart, false);
+			aSlides[nIdx].addEventListener('touchmove', handleTouchMove, false);
+
+		}
+
+	}, false);
+
+})();

dist/takefive.css

@@ -7,7 +7,7 @@
 |*|
 |*|	https://github.com/madmurphy/takefive.css/
 |*|
-|*|	Version 3.1.4
+|*|	Version 3.1.5
 |*|
 |*|	(c) madmurphy333@gmail.com
 |*|

dist/takefive.min.css

@@ -369,6 +369,10 @@ table.definition th:first-child {
 	padding-left: 1em;
 }
 
+table.definition.longterms th:first-child {
+	width: 13em;
+}
+
 table.definition th,
 table.definition thead th:first-child {
 	font-weight: bold;
@@ -881,6 +885,11 @@ mark, .bg0 {
 	background-color: #87e4ff;
 }
 
+.bg2 {
+	background-color: rgba(255, 93, 0, .1);
+}
+
+
 .resultbox {
 	box-sizing: border-box;
 	border: 2px inset;