From 56e2129b7704e7f053f4d00cc9530acde8957ae6 Mon Sep 17 00:00:00 2001
From: RichardG867 <richardg867@gmail.com>
Date: Mon, 4 Aug 2025 16:59:42 -0300
Subject: [PATCH] Merge builds page polyfills and style-reduced.js into a new
 global script

---
 _includes/header.html      |   2 +-
 assets/js/script.js        | 114 +++++++++++++++++++++++++++++++++++++
 assets/js/style-reduced.js |  50 ----------------
 builds.md                  |  31 ----------
 4 files changed, 115 insertions(+), 82 deletions(-)
 create mode 100644 assets/js/script.js
 delete mode 100644 assets/js/style-reduced.js

diff --git a/_includes/header.html b/_includes/header.html
index 2344988..5362b43 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -29,8 +29,8 @@
 			<link rel="stylesheet" href="/assets/css/style-print.css" media="print">
 			<link rel="stylesheet" href="/assets/css/fonts.css">
 		<!--<![endif]-->
+		<script src="/assets/js/script.js"></script>
 		<!--[if IE]>
-			<script src="/assets/js/style-reduced.js"></script>
 			<link rel="stylesheet" href="/assets/css/style-reduced.css" media="screen">
 		<![endif]-->
 		<!--[if gte IE 5]>
diff --git a/assets/js/script.js b/assets/js/script.js
new file mode 100644
index 0000000..bb92fc3
--- /dev/null
+++ b/assets/js/script.js
@@ -0,0 +1,114 @@
+/* This script is executed by all browsers, so keep it retro-friendly. */
+
+/* Polyfills. */
+function addEvent(elem, evtName, func) {
+	if (elem.addEventListener)
+		return elem.addEventListener(evtName, func);
+	evtName = 'on' + evtName;
+	if (elem.attachEvent)
+		return elem.attachEvent(evtName, func);
+	var prevFunc = elem[evtName];
+	if (prevFunc) {
+		elem[evtName] = function(evt) {
+			if (prevFunc(evt) == false)
+				return false;
+			return func(evt);
+		};
+	} else {
+		elem[evtName] = func;
+	}
+}
+if (!Array.prototype.indexOf) {
+	Array.prototype.indexOf = function(elem, start) {
+		for (var i = start || 0; i < this.length; i++) {
+			if (this[i] == elem)
+				return i;
+		}
+		return -1;
+	};
+}
+if (!Array.prototype.push) {
+	Array.prototype.push = function(elem) {
+		this[this.length] = elem;
+	};
+}
+if (!Array.prototype.unshift) {
+	Array.prototype.unshift = function(elem) {
+		for (var i = this.length; i; i--)
+			this[i] = this[i - 1];
+		this[0] = elem;
+	};
+}
+var imgCache = {};
+function getNaturalWidth(img) { /* for the auto-sizing expression on the retro CSS */
+	if (img.naturalWidth)
+		return img.naturalWidth;
+
+	/* Cache images by src to avoid wasting memory. */
+	var imgObj = imgCache[img.src];
+	if (!imgObj) {
+		imgObj = new Image();
+		imgObj.src = img.src;
+		imgCache[img.src] = imgObj;
+	}
+	return imgObj.width;
+}
+
+/* Allow HTML5 elements to be styled on IE6. */
+if (navigator.userAgent.indexOf('MSIE') > -1) {
+	document.createElement('nav');
+	document.createElement('hero');
+	document.createElement('main');
+	document.createElement('footer');
+}
+
+/* Make the logo transparent on IE6. Doing this on more
+   images interferes with the auto-sizing CSS expression. */
+function fixPngs() {
+	/* Check if the icon and logo are loaded, and try
+	   again after a while if they're not present yet. */
+	if (!document.images || (document.images.length < 2))
+		setTimeout(fixPngs, 500);
+
+	/* Fix icon and logo. */
+	for (var i = 0; i < Math.min(2, document.images.length); i++) {
+		var img = document.images[i];
+		var oldpad = img.style.paddingRight; /* padding counts as space for AlphaImageLoader so swap it for margin */
+		img.style.paddingRight = 0;
+		var oldsrc = img.src;
+		var oldw = img.clientWidth;
+		var oldh = img.clientHeight;
+		img.src = '/assets/images/blank.gif';
+		img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + oldsrc + "', sizingMethod='scale')";
+		img.style.width = oldw + 'px';
+		img.style.height = oldh + 'px';
+		img.style.marginRight = oldpad;
+	}
+}
+if (document.all && /MSIE (5\.5|6)/.test(navigator.userAgent))
+	fixPngs();
+
+/* Merge horizontally-neighboring table cells with identical contents. */
+addEvent(window, 'load', function() {
+	var tr = document.getElementsByTagName('tr');
+	for (var i = 0; i < tr.length; i++) {
+		var tdStart = tr[i].firstChild;
+		while (tdStart && (tdStart.nodeType != 1))
+			tdStart = tdStart.nextSibling;
+		if (!tdStart)
+			continue;
+		var td = tdStart.nextSibling;
+		while (td) {
+			var tdNext = td.nextSibling;
+			if (td.nodeType != 1) {
+				/* Ignore non-elements. */
+			} else if (td.innerHTML == tdStart.innerHTML) {
+				td.parentNode.removeChild(td);
+				tdStart.colSpan = (tdStart.colSpan || 1) + 1;
+			} else {
+				tdStart = td;
+			}
+			td = tdNext;
+		}
+	}
+});
diff --git a/assets/js/style-reduced.js b/assets/js/style-reduced.js
deleted file mode 100644
index 6c5e51b..0000000
--- a/assets/js/style-reduced.js
+++ /dev/null
@@ -1,50 +0,0 @@
-/* Helper script for the retro-reduced stylesheet. */
-
-/* Get an image's real width. Used by the auto-sizing CSS expression. */
-var imgCache = {};
-function getNaturalWidth(img) {
-	if (img.naturalWidth) {
-		return img.naturalWidth;
-	} else {
-		/* Cache images by src to avoid wasting memory. */
-		var imgObj = imgCache[img.src];
-		if (!imgObj) {
-			imgObj = new Image();
-			imgObj.src = img.src;
-			imgCache[img.src] = imgObj;
-		}
-		return imgObj.width;
-	}
-}
-
-/* Allow HTML5 elements to be styled. */
-document.createElement('nav');
-document.createElement('hero');
-document.createElement('main');
-document.createElement('footer');
-
-/* Make the logo transparent on IE6. Doing this on more
-   images interferes with the auto-sizing CSS expression. */
-function fixPngs() {
-	/* Check if the icon and logo are loaded, and try
-	   again after a while if they're not present yet. */
-	if (!document.images || (document.images.length < 2))
-		setTimeout(fixPngs, 500);
-
-	/* Fix icon and logo. */
-	for (var i = 0; i < Math.min(2, document.images.length); i++) {
-		var img = document.images[i];
-		var oldpad = img.style.paddingRight; /* padding counts as space for AlphaImageLoader so swap it for margin */
-		img.style.paddingRight = 0;
-		var oldsrc = img.src;
-		var oldw = img.clientWidth;
-		var oldh = img.clientHeight;
-		img.src = '/assets/images/blank.gif';
-		img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + oldsrc + "', sizingMethod='scale')";
-		img.style.width = oldw + 'px';
-		img.style.height = oldh + 'px';
-		img.style.marginRight = oldpad;
-	}
-}
-if (document.all && /MSIE (5\.5|6)/.test(navigator.userAgent))
-	fixPngs();
diff --git a/builds.md b/builds.md
index 5f9f989..3dc1fc7 100644
--- a/builds.md
+++ b/builds.md
@@ -12,37 +12,6 @@ Most people should use the regular [**release builds**](https://github.com/86Box
 ---
 
 <script>
-/* Some polyfills because why not? */
-function addEvent(elem, evt, func) {
-	if (elem.addEventListener)
-		return elem.addEventListener(evt, func);
-	evt = 'on' + evt;
-	if (elem.attachEvent)
-		return elem.attachEvent(evt, func);
-	elem[evt] = func;
-}
-if (!Array.prototype.indexOf) {
-	Array.prototype.indexOf = function(elem, start) {
-		for (var i = start || 0; i < this.length; i++) {
-			if (this[i] == elem)
-				return i;
-		}
-		return -1;
-	}
-}
-if (!Array.prototype.push) {
-	Array.prototype.push = function(elem) {
-		this[this.length] = elem;
-	};
-}
-if (!Array.prototype.unshift) {
-	Array.prototype.unshift = function(elem) {
-		for (var i = this.length; i; i--)
-			this[i] = this[i - 1];
-		this[0] = elem;
-	}
-}
-
 addEvent(window, 'load', function() {
 	/* Perform initial load. */
 	window.firstBuildLoad = true;