diff --git a/documentation/FAQ/index.html b/html/documentation/FAQ/index.html
similarity index 100%
rename from documentation/FAQ/index.html
rename to html/documentation/FAQ/index.html
diff --git a/documentation/Wiki_files/Home.md b/html/documentation/Wiki_files/Home.md
similarity index 100%
rename from documentation/Wiki_files/Home.md
rename to html/documentation/Wiki_files/Home.md
diff --git a/documentation/Wiki_files/_Sidebar.md b/html/documentation/Wiki_files/_Sidebar.md
similarity index 100%
rename from documentation/Wiki_files/_Sidebar.md
rename to html/documentation/Wiki_files/_Sidebar.md
diff --git a/documentation/allskyMap/allsky-map-with-pins.png b/html/documentation/allskyMap/allsky-map-with-pins.png
similarity index 100%
rename from documentation/allskyMap/allsky-map-with-pins.png
rename to html/documentation/allskyMap/allsky-map-with-pins.png
diff --git a/documentation/allskyMap/index.html b/html/documentation/allskyMap/index.html
similarity index 100%
rename from documentation/allskyMap/index.html
rename to html/documentation/allskyMap/index.html
diff --git a/documentation/basics/Desktop.png b/html/documentation/basics/Desktop.png
similarity index 100%
rename from documentation/basics/Desktop.png
rename to html/documentation/basics/Desktop.png
diff --git a/documentation/basics/Linux.html b/html/documentation/basics/Linux.html
similarity index 100%
rename from documentation/basics/Linux.html
rename to html/documentation/basics/Linux.html
diff --git a/documentation/basics/Pi.html b/html/documentation/basics/Pi.html
similarity index 100%
rename from documentation/basics/Pi.html
rename to html/documentation/basics/Pi.html
diff --git a/documentation/basics/date--help.png b/html/documentation/basics/date--help.png
similarity index 100%
rename from documentation/basics/date--help.png
rename to html/documentation/basics/date--help.png
diff --git a/documentation/basics/ls-config.png b/html/documentation/basics/ls-config.png
similarity index 100%
rename from documentation/basics/ls-config.png
rename to html/documentation/basics/ls-config.png
diff --git a/documentation/basics/ls.png b/html/documentation/basics/ls.png
similarity index 100%
rename from documentation/basics/ls.png
rename to html/documentation/basics/ls.png
diff --git a/documentation/css/dark.css b/html/documentation/css/dark.css
similarity index 100%
rename from documentation/css/dark.css
rename to html/documentation/css/dark.css
diff --git a/documentation/css/documentation.css b/html/documentation/css/documentation.css
similarity index 100%
rename from documentation/css/documentation.css
rename to html/documentation/css/documentation.css
diff --git a/documentation/css/light.css b/html/documentation/css/light.css
similarity index 100%
rename from documentation/css/light.css
rename to html/documentation/css/light.css
diff --git a/documentation/documentation-favicon.ico b/html/documentation/documentation-favicon.ico
similarity index 100%
rename from documentation/documentation-favicon.ico
rename to html/documentation/documentation-favicon.ico
diff --git a/documentation/documentation.js b/html/documentation/documentation.js
similarity index 97%
rename from documentation/documentation.js
rename to html/documentation/documentation.js
index b7c5615ff..652dd52cc 100644
--- a/documentation/documentation.js
+++ b/html/documentation/documentation.js
@@ -1,152 +1,152 @@
-// Modify URLs on the GitHub server so we can view pages there OR on a Pi.
-// Also, allow files to be included since GitHub doesn't have php.
-
-// branch is updated during installation.
-var branch = "dev";
-
-// On the Pi, URLs will either begin with "/documentation" (which is a web
-// alias to ~/allsky/documentation), or will be a relative path.
-// Either way, use it as is.
-
-// On GitHub, all URLs must have "/documentation/" in them - either because they were defined
-// that way in the html file, or we add them in this script.
-var documentation_URL = "documentation";
-var documentation_URL_full = "/" + documentation_URL + "/";
-
-var onGitHub;
-
-var git_hostname = "htmlpreview.github.io";
-var preURL_href, preURL_src;			// What gets prepended to the desired URL.
-
-var git_preURL_href = "https://" + git_hostname + "/?";
-var git_raw = "https://raw.githubusercontent.com/thomasjacquin/allsky/";
-
-if (location.hostname == git_hostname) {
-	onGitHub = true;
-
-	// On GitHub, the URLs for anchors (href=) and images (src=) are different.
-	// anchors need get_preURL_href prepended to them.
-	// image URLs and files that are included don't need get_preURL_href.
-	preURL_href = git_preURL_href + git_raw + branch;
-	preURL_src = git_raw + branch;
-} else {
-	onGitHub = false;		// on a Pi
-	preURL_href = "";
-	preURL_src = "";
-}
-preURL_include = preURL_src;
-
-var convertURL_called = false;
-
-// Convert URL for all tags with an "allsky=true" attribute.
-// The specified URL will never be a full URL, i.e., it'll start with "/" or a dir/file.
-function convertURL() {
-	if (convertURL_called) return;
-	// TODO: should we only be called once?
-	// What if includeHTML() found multiple files and they all had "allsky" links?
-	convertURL_called = true;
-
-	allTags = document.getElementsByTagName("*");
-	for (var i = 0; i < allTags.length; i++) {
-		var elmnt = allTags[i];
-		/*
-			Search for elements with an "allsky" attribute which means
-			we need to update the URL.
-		*/
-		if (! elmnt.getAttribute("allsky")) continue;	// "allsky" not defined - ignore tag
-
-		var url = null;
-		var preURL;
-
-		// Most of the elements with "allsky" are href, so look for them first.
-		var attribute = "href";
-		url = elmnt.getAttribute(attribute);
-		if (url) {
-			preURL = preURL_href;
-		} else {	// not "href", look for "src".
-			attribute = "src";
-			url = elmnt.getAttribute(attribute);
-			if (url) {
-				preURL = preURL_src;
-			} else {
-				console.log("---- Did not find 'href' or 'src' for " + elmnt);
-				continue;
-			}
-		}
-
-		// See if the url starts with documentation_URL_full which is the root of the documentation.
-		var isDocumentation = (url.indexOf(documentation_URL_full) === 0) ? true : false;
-// if (! isDocumentation) console.log("isDoc=" + isDocumentation + ", url=" + url);
-		if (! isDocumentation) {
-			// Get the directory of the current page.
-			var dir = document.URL.substr(0,document.URL.lastIndexOf('/'))
-			var d = dir.lastIndexOf('/');
-			dir = dir.substr(d+1);
-// console.log("== dir=" + dir);
-
-			// Prepend the documentation string followed by the current directory
-			// if we're not already in the documentation directory.
-			if (url.substr(0,2) === "//") {
-				// Why does htmlpreview start the URL with "//" ?
-				url = "https:" + url;
-			} else if (dir !== documentation_URL) {
-				url = documentation_URL_full + dir + "/" + url;
-			}
-// console.log("== new url=" + url);
-		}
-
-		// Only prepend on GitHub if not already there.
-		if (onGitHub && url.indexOf(preURL) < 0) {
-			url = preURL + url;
-// console.log("== new url after adding preURL=" + url);
-		}
-		// else on Pi so nothing to do since the URL is already correct.
-
-		elmnt[attribute] = url;
-	}
-}
-
-
-// Include a file (e.g., header, footer, sidebar) in a page using Javascript.
-function includeHTML() {
-	/* Search all HTML elements looking for ones that specify a file should be included. */
-	allTags = document.getElementsByTagName("*");
-	for (var i = 0; i < allTags.length; i++) {
-		var elmnt = allTags[i];
-		/*search for elements with a certain atrribute:*/
-		var file = elmnt.getAttribute("w3-include-html");
-		if (file) {
-			/* Make an HTTP request using the attribute value as the file name */
-			var xhttp = new XMLHttpRequest();
-			xhttp.onreadystatechange = function() {
-				if (this.readyState == 4) {
-					if (this.status == 200)
-						elmnt.innerHTML = this.responseText;
-					else if (this.status == 400 || this.status == 404)
-						elmnt.innerHTML = this.status + ": Page not found.";
-					/*
-						Remove the attribute, and call this function once more
-						to see if there are any new entries to process and to handle
-						any other original entries.
-					 */
-					elmnt.removeAttribute("w3-include-html");
-					includeHTML();
-					if (! convertURL_called) convertURL();
-				}
-			}
-
-			if (onGitHub) {
-				var pre = preURL_include;
-				if (file.substr(0,1) !== "/") {
-					pre += "/";
-				}
-				file = pre + file;
-			}  // else on Pi so nothing to do since the URL is already correct.
-			xhttp.open("GET", file, true);
-			xhttp.send();
-
-			/* Exit the function: */
-			return;
-		}
-	}
-}
+// Modify URLs on the GitHub server so we can view pages there OR on a Pi.
+// Also, allow files to be included since GitHub doesn't have php.
+
+// branch is updated during installation.
+var branch = "dev";
+
+// On the Pi, URLs will either begin with "/documentation" (which is a web
+// alias to ~/allsky/documentation), or will be a relative path.
+// Either way, use it as is.
+
+// On GitHub, all URLs must have "/documentation/" in them - either because they were defined
+// that way in the html file, or we add them in this script.
+var documentation_URL = "documentation";
+var documentation_URL_full = "/" + documentation_URL + "/";
+
+var onGitHub;
+
+var git_hostname = "htmlpreview.github.io";
+var preURL_href, preURL_src;			// What gets prepended to the desired URL.
+
+var git_preURL_href = "https://" + git_hostname + "/?";
+var git_raw = "https://raw.githubusercontent.com/thomasjacquin/allsky/";
+
+if (location.hostname == git_hostname) {
+	onGitHub = true;
+
+	// On GitHub, the URLs for anchors (href=) and images (src=) are different.
+	// anchors need get_preURL_href prepended to them.
+	// image URLs and files that are included don't need get_preURL_href.
+	preURL_href = git_preURL_href + git_raw + branch;
+	preURL_src = git_raw + branch;
+} else {
+	onGitHub = false;		// on a Pi
+	preURL_href = "";
+	preURL_src = "";
+}
+preURL_include = preURL_src;
+
+var convertURL_called = false;
+
+// Convert URL for all tags with an "allsky=true" attribute.
+// The specified URL will never be a full URL, i.e., it'll start with "/" or a dir/file.
+function convertURL() {
+	if (convertURL_called) return;
+	// TODO: should we only be called once?
+	// What if includeHTML() found multiple files and they all had "allsky" links?
+	convertURL_called = true;
+
+	allTags = document.getElementsByTagName("*");
+	for (var i = 0; i < allTags.length; i++) {
+		var elmnt = allTags[i];
+		/*
+			Search for elements with an "allsky" attribute which means
+			we need to update the URL.
+		*/
+		if (! elmnt.getAttribute("allsky")) continue;	// "allsky" not defined - ignore tag
+
+		var url = null;
+		var preURL;
+
+		// Most of the elements with "allsky" are href, so look for them first.
+		var attribute = "href";
+		url = elmnt.getAttribute(attribute);
+		if (url) {
+			preURL = preURL_href;
+		} else {	// not "href", look for "src".
+			attribute = "src";
+			url = elmnt.getAttribute(attribute);
+			if (url) {
+				preURL = preURL_src;
+			} else {
+				console.log("---- Did not find 'href' or 'src' for " + elmnt);
+				continue;
+			}
+		}
+
+		// See if the url starts with documentation_URL_full which is the root of the documentation.
+		var isDocumentation = (url.indexOf(documentation_URL_full) === 0) ? true : false;
+// if (! isDocumentation) console.log("isDoc=" + isDocumentation + ", url=" + url);
+		if (! isDocumentation) {
+			// Get the directory of the current page.
+			var dir = document.URL.substr(0,document.URL.lastIndexOf('/'))
+			var d = dir.lastIndexOf('/');
+			dir = dir.substr(d+1);
+// console.log("== dir=" + dir);
+
+			// Prepend the documentation string followed by the current directory
+			// if we're not already in the documentation directory.
+			if (url.substr(0,2) === "//") {
+				// Why does htmlpreview start the URL with "//" ?
+				url = "https:" + url;
+			} else if (dir !== documentation_URL) {
+				url = documentation_URL_full + dir + "/" + url;
+			}
+// console.log("== new url=" + url);
+		}
+
+		// Only prepend on GitHub if not already there.
+		if (onGitHub && url.indexOf(preURL) < 0) {
+			url = preURL + url;
+// console.log("== new url after adding preURL=" + url);
+		}
+		// else on Pi so nothing to do since the URL is already correct.
+
+		elmnt[attribute] = url;
+	}
+}
+
+
+// Include a file (e.g., header, footer, sidebar) in a page using Javascript.
+function includeHTML() {
+	/* Search all HTML elements looking for ones that specify a file should be included. */
+	allTags = document.getElementsByTagName("*");
+	for (var i = 0; i < allTags.length; i++) {
+		var elmnt = allTags[i];
+		/*search for elements with a certain atrribute:*/
+		var file = elmnt.getAttribute("w3-include-html");
+		if (file) {
+			/* Make an HTTP request using the attribute value as the file name */
+			var xhttp = new XMLHttpRequest();
+			xhttp.onreadystatechange = function() {
+				if (this.readyState == 4) {
+					if (this.status == 200)
+						elmnt.innerHTML = this.responseText;
+					else if (this.status == 400 || this.status == 404)
+						elmnt.innerHTML = this.status + ": Page not found.";
+					/*
+						Remove the attribute, and call this function once more
+						to see if there are any new entries to process and to handle
+						any other original entries.
+					 */
+					elmnt.removeAttribute("w3-include-html");
+					includeHTML();
+					if (! convertURL_called) convertURL();
+				}
+			}
+
+			if (onGitHub) {
+				var pre = preURL_include;
+				if (file.substr(0,1) !== "/") {
+					pre += "/";
+				}
+				file = pre + file;
+			}  // else on Pi so nothing to do since the URL is already correct.
+			xhttp.open("GET", file, true);
+			xhttp.send();
+
+			/* Exit the function: */
+			return;
+		}
+	}
+}
diff --git a/documentation/explanations/SSL.html b/html/documentation/explanations/SSL.html
similarity index 100%
rename from documentation/explanations/SSL.html
rename to html/documentation/explanations/SSL.html
diff --git a/documentation/explanations/angleSunriseSunset.html b/html/documentation/explanations/angleSunriseSunset.html
similarity index 100%
rename from documentation/explanations/angleSunriseSunset.html
rename to html/documentation/explanations/angleSunriseSunset.html
diff --git a/documentation/explanations/constellationOverlay.html b/html/documentation/explanations/constellationOverlay.html
similarity index 100%
rename from documentation/explanations/constellationOverlay.html
rename to html/documentation/explanations/constellationOverlay.html
diff --git a/documentation/explanations/darkFrames.html b/html/documentation/explanations/darkFrames.html
similarity index 100%
rename from documentation/explanations/darkFrames.html
rename to html/documentation/explanations/darkFrames.html
diff --git a/documentation/explanations/exposureGainBrightnessSaturation.html b/html/documentation/explanations/exposureGainBrightnessSaturation.html
similarity index 100%
rename from documentation/explanations/exposureGainBrightnessSaturation.html
rename to html/documentation/explanations/exposureGainBrightnessSaturation.html
diff --git a/documentation/explanations/imageOverlays.html b/html/documentation/explanations/imageOverlays.html
similarity index 100%
rename from documentation/explanations/imageOverlays.html
rename to html/documentation/explanations/imageOverlays.html
diff --git a/documentation/explanations/keograms.html b/html/documentation/explanations/keograms.html
similarity index 100%
rename from documentation/explanations/keograms.html
rename to html/documentation/explanations/keograms.html
diff --git a/documentation/explanations/startrails.html b/html/documentation/explanations/startrails.html
similarity index 100%
rename from documentation/explanations/startrails.html
rename to html/documentation/explanations/startrails.html
diff --git a/documentation/images/README.txt b/html/documentation/images/README.txt
similarity index 100%
rename from documentation/images/README.txt
rename to html/documentation/images/README.txt
diff --git a/documentation/images/saveChangesButton.png b/html/documentation/images/saveChangesButton.png
similarity index 100%
rename from documentation/images/saveChangesButton.png
rename to html/documentation/images/saveChangesButton.png
diff --git a/documentation/images/showAdvancedOptionsButton.png b/html/documentation/images/showAdvancedOptionsButton.png
similarity index 100%
rename from documentation/images/showAdvancedOptionsButton.png
rename to html/documentation/images/showAdvancedOptionsButton.png
diff --git a/documentation/index.html b/html/documentation/index.html
similarity index 100%
rename from documentation/index.html
rename to html/documentation/index.html
diff --git a/documentation/installations/Allsky.html b/html/documentation/installations/Allsky.html
similarity index 100%
rename from documentation/installations/Allsky.html
rename to html/documentation/installations/Allsky.html
diff --git a/documentation/installations/AllskyWebsite.html b/html/documentation/installations/AllskyWebsite.html
similarity index 100%
rename from documentation/installations/AllskyWebsite.html
rename to html/documentation/installations/AllskyWebsite.html
diff --git a/documentation/installations/Code.png b/html/documentation/installations/Code.png
similarity index 100%
rename from documentation/installations/Code.png
rename to html/documentation/installations/Code.png
diff --git a/documentation/miscellaneous/cleaningWebsite.html b/html/documentation/miscellaneous/cleaningWebsite.html
similarity index 100%
rename from documentation/miscellaneous/cleaningWebsite.html
rename to html/documentation/miscellaneous/cleaningWebsite.html
diff --git a/documentation/miscellaneous/nomenclature.html b/html/documentation/miscellaneous/nomenclature.html
similarity index 100%
rename from documentation/miscellaneous/nomenclature.html
rename to html/documentation/miscellaneous/nomenclature.html
diff --git a/documentation/miscellaneous/pickingCamera.html b/html/documentation/miscellaneous/pickingCamera.html
similarity index 100%
rename from documentation/miscellaneous/pickingCamera.html
rename to html/documentation/miscellaneous/pickingCamera.html
diff --git a/documentation/miscellaneous/tips.html b/html/documentation/miscellaneous/tips.html
similarity index 100%
rename from documentation/miscellaneous/tips.html
rename to html/documentation/miscellaneous/tips.html
diff --git a/documentation/settings/AllskySettingsPage.png b/html/documentation/settings/AllskySettingsPage.png
similarity index 100%
rename from documentation/settings/AllskySettingsPage.png
rename to html/documentation/settings/AllskySettingsPage.png
diff --git a/documentation/settings/EditorColors.html b/html/documentation/settings/EditorColors.html
similarity index 97%
rename from documentation/settings/EditorColors.html
rename to html/documentation/settings/EditorColors.html
index aeef7bf47..f8a8ed909 100644
--- a/documentation/settings/EditorColors.html
+++ b/html/documentation/settings/EditorColors.html
@@ -1,123 +1,123 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="utf-8">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<script src="../documentation.js" type="application/javascript"></script>
-	<link href="../css/light.css" rel="stylesheet">
-	<link href="../css/documentation.css" rel="stylesheet">
-	<link href="../documentation-favicon.ico" rel="shortcut icon" type="image/png">
-	<style>
-		a.img img {
-			max-width: 60%; 
-			height: auto;
-		}
-		img {
-			margin-left: 20px;
-			width: 641px;
-			height: 738px;
-		}
-	</style>
-	<title>WebUI Editor Colors</title>
-</head>
-<body>
-<div class="d-flex flex-column flex-md-row gh-header">
-	<h1 class="flex-auto min-width-0 mb-2 mb-md-0 mr-0 mr-md-2 gh-header-title" id="onPage">WebUI Editor Colors</h1>
-</div>
-<div class="xcontainer-xl px-3 px-md-4 px-lg-5 mt-4">
-<!-- Don't include the sidebar or class="Layout-main" or class="Layout ..." -->
-<div class="markdown-body" id="mainContents">
-
-<p>
-The WebUI's <b>Editor</b> page allows editing Allsky configuration files.
-Items in the editor window are color-coded depending on what they are.
-</p>
-<blockquote>
-HINT: The Editor accepts CTRL-Z to undo actions.
-</blockquote>
-<p>
-A typical view of a shell file being edited is below, followed by a typical JSON file.
-A description of the color scheme comes last.
-</p>
-
-<h3>Shell (.sh) Files</h3>
-<br>
-<a allsky="true" class="img" href="EditorPage-sh.png" target="_blank">
-<img allsky="true" src="EditorPage-sh.png" title="Editing .sh file - click to show full version" alt=".sh file" loading="lazy" width="25%">
-</a>
-
-<h3>JSON (.json) Files</h3>
-<br>
-<a allsky="true" class="img" href="EditorPage-json.png">
-<img allsky="true" src="EditorPage-json.png" title="Editing .json file - click to show full version" alt=".json file" loading="lazy">
-</a>
-
-<br><h3>Color Scheme</h3>
-<ul>
-<li>Setting <b>names</b> look different depending on the file type:
-	<ul>
-	<li>In <code>.sh</code> files the names look <span class="editorShell">LIKE_THIS</span>.
-		By convention shell setting names (called shell "variables") are all uppercase
-		and multi-word names are separated by an underscore (<code>_</code>),
-		although there are some variables that don't follow that convention.
-	<li>In <code>.json</code> files they look <span class="editorSetting">likeThis</span>.
-		By convention if the name includes multiple words,
-		the first letter of the first word is lowercase and subsequent word's first characters
-		are Upper case.
-		Settings names in the file MUST be enclosed in double quotes,
-		but quotes are omitted in the Allsky documentation for readability.
-	</ul>
-<li>Settings <b>value</b> colors are the same in both file types but
-	vary based on the type of value:
-	<ul>
-	<li><b>Text</b> (anything surrounded by quotes):
-		<span class="editorString">"sample text"</span>,
-		<span class="editorString">"123.4"</span>.
-		Note that a number surrounded by quotes is actually a string, e.g., "123.4".
-		Numbers-as-strings may work in some cases,
-		but when entering a number it's safest to NOT use quotes.
-	<li><b>Numbers</b> (when not quoted):
-		<span class="editorNum">1.234</span>,
-		<span class="editorSign">-</span><span class="editorNum">21</span>,
-	<li><b>Booleans</b> (when not quoted):
-		<span class="editorBool">true</span>,
-		<span class="editorBool">false</span>.
-		Note that in shell files these values are usually quoted,
-		which means they are strings, not booleans.
-		The shell has no boolean type, unlike JSON and many newer programming languages which do.
-	</ul>
-<li>Special characters: <span class="editorSpecial">{ } : , =</span>
-<li>JSON brackets: <span class="editorBracketsJSON">[ ]</span>
-<li>Shell comments: <span class="editorShellComment"># This is a shell comment</span>
-<li>Many reserved words and common commands in shell scripts
-	like "if" and "sudo" have special colors.
-</ul>
-
-<br><h3>Debugging</h3>
-If you see different colors while editing a file, check for syntax errors:
-<ul>
-<li>JSON files
-	<ul>
-	<li>Missing commas are needed after each value except the last one in a sub-section.
-		This is the most common syntax error.
-	<li>Missing quotes - setting names and string values must be surrounded by double quotes.
-	<li>Missing colons - one must separate each setting name from its value.
-		There can be 0 or more spaces before and/or after the colon.
-	</ul>
-<li>Shell files
-	<ul>
-	<li>Missing quotes - strings that contain a space, tab, or special character
-		must be surrounded by quotes.
-	<li>Extraneous spaces - there should be no space between a variable name
-		and the <span class="editorSpecial">=</span>
-		and between the and the <span class="editorSpecial">=</span> and the value.
-	</ul>
-</ul>
-</p>
-
-</div><!-- markdown-body --></div><!-- Layout-main ... -->
-</div><!-- xcontainer-x1 ... -->
-</body>
-</html>
-<script> includeHTML(); </script>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<script src="../documentation.js" type="application/javascript"></script>
+	<link href="../css/light.css" rel="stylesheet">
+	<link href="../css/documentation.css" rel="stylesheet">
+	<link href="../documentation-favicon.ico" rel="shortcut icon" type="image/png">
+	<style>
+		a.img img {
+			max-width: 60%; 
+			height: auto;
+		}
+		img {
+			margin-left: 20px;
+			width: 641px;
+			height: 738px;
+		}
+	</style>
+	<title>WebUI Editor Colors</title>
+</head>
+<body>
+<div class="d-flex flex-column flex-md-row gh-header">
+	<h1 class="flex-auto min-width-0 mb-2 mb-md-0 mr-0 mr-md-2 gh-header-title" id="onPage">WebUI Editor Colors</h1>
+</div>
+<div class="xcontainer-xl px-3 px-md-4 px-lg-5 mt-4">
+<!-- Don't include the sidebar or class="Layout-main" or class="Layout ..." -->
+<div class="markdown-body" id="mainContents">
+
+<p>
+The WebUI's <b>Editor</b> page allows editing Allsky configuration files.
+Items in the editor window are color-coded depending on what they are.
+</p>
+<blockquote>
+HINT: The Editor accepts CTRL-Z to undo actions.
+</blockquote>
+<p>
+A typical view of a shell file being edited is below, followed by a typical JSON file.
+A description of the color scheme comes last.
+</p>
+
+<h3>Shell (.sh) Files</h3>
+<br>
+<a allsky="true" class="img" href="EditorPage-sh.png" target="_blank">
+<img allsky="true" src="EditorPage-sh.png" title="Editing .sh file - click to show full version" alt=".sh file" loading="lazy" width="25%">
+</a>
+
+<h3>JSON (.json) Files</h3>
+<br>
+<a allsky="true" class="img" href="EditorPage-json.png">
+<img allsky="true" src="EditorPage-json.png" title="Editing .json file - click to show full version" alt=".json file" loading="lazy">
+</a>
+
+<br><h3>Color Scheme</h3>
+<ul>
+<li>Setting <b>names</b> look different depending on the file type:
+	<ul>
+	<li>In <code>.sh</code> files the names look <span class="editorShell">LIKE_THIS</span>.
+		By convention shell setting names (called shell "variables") are all uppercase
+		and multi-word names are separated by an underscore (<code>_</code>),
+		although there are some variables that don't follow that convention.
+	<li>In <code>.json</code> files they look <span class="editorSetting">likeThis</span>.
+		By convention if the name includes multiple words,
+		the first letter of the first word is lowercase and subsequent word's first characters
+		are Upper case.
+		Settings names in the file MUST be enclosed in double quotes,
+		but quotes are omitted in the Allsky documentation for readability.
+	</ul>
+<li>Settings <b>value</b> colors are the same in both file types but
+	vary based on the type of value:
+	<ul>
+	<li><b>Text</b> (anything surrounded by quotes):
+		<span class="editorString">"sample text"</span>,
+		<span class="editorString">"123.4"</span>.
+		Note that a number surrounded by quotes is actually a string, e.g., "123.4".
+		Numbers-as-strings may work in some cases,
+		but when entering a number it's safest to NOT use quotes.
+	<li><b>Numbers</b> (when not quoted):
+		<span class="editorNum">1.234</span>,
+		<span class="editorSign">-</span><span class="editorNum">21</span>,
+	<li><b>Booleans</b> (when not quoted):
+		<span class="editorBool">true</span>,
+		<span class="editorBool">false</span>.
+		Note that in shell files these values are usually quoted,
+		which means they are strings, not booleans.
+		The shell has no boolean type, unlike JSON and many newer programming languages which do.
+	</ul>
+<li>Special characters: <span class="editorSpecial">{ } : , =</span>
+<li>JSON brackets: <span class="editorBracketsJSON">[ ]</span>
+<li>Shell comments: <span class="editorShellComment"># This is a shell comment</span>
+<li>Many reserved words and common commands in shell scripts
+	like "if" and "sudo" have special colors.
+</ul>
+
+<br><h3>Debugging</h3>
+If you see different colors while editing a file, check for syntax errors:
+<ul>
+<li>JSON files
+	<ul>
+	<li>Missing commas are needed after each value except the last one in a sub-section.
+		This is the most common syntax error.
+	<li>Missing quotes - setting names and string values must be surrounded by double quotes.
+	<li>Missing colons - one must separate each setting name from its value.
+		There can be 0 or more spaces before and/or after the colon.
+	</ul>
+<li>Shell files
+	<ul>
+	<li>Missing quotes - strings that contain a space, tab, or special character
+		must be surrounded by quotes.
+	<li>Extraneous spaces - there should be no space between a variable name
+		and the <span class="editorSpecial">=</span>
+		and between the and the <span class="editorSpecial">=</span> and the value.
+	</ul>
+</ul>
+</p>
+
+</div><!-- markdown-body --></div><!-- Layout-main ... -->
+</div><!-- xcontainer-x1 ... -->
+</body>
+</html>
+<script> includeHTML(); </script>
diff --git a/documentation/settings/EditorPage-json.png b/html/documentation/settings/EditorPage-json.png
similarity index 100%
rename from documentation/settings/EditorPage-json.png
rename to html/documentation/settings/EditorPage-json.png
diff --git a/documentation/settings/EditorPage-sh.png b/html/documentation/settings/EditorPage-sh.png
similarity index 100%
rename from documentation/settings/EditorPage-sh.png
rename to html/documentation/settings/EditorPage-sh.png
diff --git a/documentation/settings/EditorPage.png b/html/documentation/settings/EditorPage.png
similarity index 100%
rename from documentation/settings/EditorPage.png
rename to html/documentation/settings/EditorPage.png
diff --git a/documentation/settings/allsky.html b/html/documentation/settings/allsky.html
similarity index 100%
rename from documentation/settings/allsky.html
rename to html/documentation/settings/allsky.html
diff --git a/documentation/settings/allskyWebsite.html b/html/documentation/settings/allskyWebsite.html
similarity index 100%
rename from documentation/settings/allskyWebsite.html
rename to html/documentation/settings/allskyWebsite.html
diff --git a/documentation/sidebar.html b/html/documentation/sidebar.html
similarity index 98%
rename from documentation/sidebar.html
rename to html/documentation/sidebar.html
index 884633e2c..a222682c4 100644
--- a/documentation/sidebar.html
+++ b/html/documentation/sidebar.html
@@ -1,56 +1,56 @@
-<!-- This file is included into others -->
-<div class="Box Box--condensed">
-<div class="Box-body wiki-custom-sidebar markdown-body">
-<ol>
-<li><a allsky="true" href="/documentation/index.html">Documentation Home</a>
-<li><a allsky="true" href="/documentation/miscellaneous/nomenclature.html">Nomenclature</a>
-<li>Basics:
-	<ol type="i">
-	<li><a allsky="true" href="/documentation/basics/Linux.html">Linux</a>
-	<li><a allsky="true" href="/documentation/basics/Pi.html">Raspberry Pi</a>
-	</ol>
-<li>Installation / Upgrading:
-	<ol type="i">
-<li><a allsky="true" href="/documentation/installations/Allsky.html">Allsky</a>
-<li><a allsky="true" href="/documentation/installations/AllskyWebsite.html">Allsky Website</a>
-	</ol>
-<li>Settings:
-	<ol type="i">
-	<li><a allsky="true" href="/documentation/settings/allsky.html">Allsky</a>
-	<li><a allsky="true" href="/documentation/settings/allskyWebsite.html">Allsky Website</a>
-	</ol>
-<li>Explanations / How To:
-	<ol type="i">
-	<li><a allsky="true" href="/documentation/explanations/imageOverlays.html">Image Overlays</a>
-	<li><a allsky="true" href="/documentation/explanations/constellationOverlay.html">Constellation Overlay</a>
-	<li><a allsky="true" href="/documentation/explanations/darkFrames.html">Dark Frames</a>
-	<li><a allsky="true" href="/documentation/explanations/keograms.html">Keograms</a>
-	<li><a allsky="true" href="/documentation/explanations/startrails.html">Startrails</a>
-	<li><a allsky="true" href="/documentation/explanations/angleSunriseSunset.html">Angle &amp; sunrise/sunset</a>
-	<li><a allsky="true" href="/documentation/explanations/exposureGainBrightnessSaturation.html">Exposure, Gain, Brightness, Saturation</a>
-	<li><a allsky="true" href="/documentation/explanations/SSL.html">Using / SSL - Secure Socket Layers</a>
-	</ol>
-<li><a allsky="true" href="/documentation/miscellaneous/cleaningWebsite.html">Remove old files from a website</a>
-<li><a allsky="true" href="/documentation/miscellaneous/tips.html">Miscellaneous Tips</a>
-<li><a allsky="true" href="/documentation/allskyMap/index.html">Putting your camera on allsky map</a>
-<li><a allsky="true" href="/documentation/FAQ/index.html">Allsky FAQ</a>
-<li>Troubleshooting:
-	<ol type="i">
-	<li><a allsky="true" href="/documentation/troubleshooting/reportingIssues.html">Reporting Issues</b></a>
-	<li><a allsky="true" href="/documentation/troubleshooting/ASI_ERROR_TIMEOUTs.html">ASI_ERROR_TIMEOUTs</a>
-	<li><a allsky="true" href="/documentation/troubleshooting/uploads.html">Uploads (FTP, scp, etc.)</a>
-	<li><a allsky="true" href="/documentation/troubleshooting/timelapse.html">Timelapse</a>
-	<li><a allsky="true" href="/documentation/troubleshooting/image-flicker.html">Image flicker</a>
-	<li><a allsky="true" href="/documentation/troubleshooting/WebUI.html">WebUI</a>
-	<li><a allsky="true" href="/documentation/troubleshooting/AllskyWebsite.html">Website</a>
-	<li><a allsky="true" href="/documentation/troubleshooting/RPiCameraNotFound.html">RPiHQ camera not found or not working</a>
-	<li><a allsky="true" href="/documentation/troubleshooting/RETCODE137.html">RPiHQ camera and RETCODE=137</a>
-	<li><a allsky="true" href="/documentation/troubleshooting/increaseSwap.html">Increase swap space</a>
-	<li><a allsky="true" href="/documentation/troubleshooting/hardware.html">Hardware</a>
-	<li><a allsky="true" href="/documentation/troubleshooting/T7cameras.html">T7 Cameras</a>
-	<li><a allsky="true" href="/documentation/troubleshooting/other.html">Other</a>
-	</ol>
-<li><a allsky="true" href="/documentation/miscellaneous/pickingCamera.html">Picking an allsky camera</a>
-</ol>
-</div>
-</div>
+<!-- This file is included into others -->
+<div class="Box Box--condensed">
+<div class="Box-body wiki-custom-sidebar markdown-body">
+<ol>
+<li><a allsky="true" href="/documentation/index.html">Documentation Home</a>
+<li><a allsky="true" href="/documentation/miscellaneous/nomenclature.html">Nomenclature</a>
+<li>Basics:
+	<ol type="i">
+	<li><a allsky="true" href="/documentation/basics/Linux.html">Linux</a>
+	<li><a allsky="true" href="/documentation/basics/Pi.html">Raspberry Pi</a>
+	</ol>
+<li>Installation / Upgrading:
+	<ol type="i">
+<li><a allsky="true" href="/documentation/installations/Allsky.html">Allsky</a>
+<li><a allsky="true" href="/documentation/installations/AllskyWebsite.html">Allsky Website</a>
+	</ol>
+<li>Settings:
+	<ol type="i">
+	<li><a allsky="true" href="/documentation/settings/allsky.html">Allsky</a>
+	<li><a allsky="true" href="/documentation/settings/allskyWebsite.html">Allsky Website</a>
+	</ol>
+<li>Explanations / How To:
+	<ol type="i">
+	<li><a allsky="true" href="/documentation/explanations/imageOverlays.html">Image Overlays</a>
+	<li><a allsky="true" href="/documentation/explanations/constellationOverlay.html">Constellation Overlay</a>
+	<li><a allsky="true" href="/documentation/explanations/darkFrames.html">Dark Frames</a>
+	<li><a allsky="true" href="/documentation/explanations/keograms.html">Keograms</a>
+	<li><a allsky="true" href="/documentation/explanations/startrails.html">Startrails</a>
+	<li><a allsky="true" href="/documentation/explanations/angleSunriseSunset.html">Angle &amp; sunrise/sunset</a>
+	<li><a allsky="true" href="/documentation/explanations/exposureGainBrightnessSaturation.html">Exposure, Gain, Brightness, Saturation</a>
+	<li><a allsky="true" href="/documentation/explanations/SSL.html">Using / SSL - Secure Socket Layers</a>
+	</ol>
+<li><a allsky="true" href="/documentation/miscellaneous/cleaningWebsite.html">Remove old files from a website</a>
+<li><a allsky="true" href="/documentation/miscellaneous/tips.html">Miscellaneous Tips</a>
+<li><a allsky="true" href="/documentation/allskyMap/index.html">Putting your camera on allsky map</a>
+<li><a allsky="true" href="/documentation/FAQ/index.html">Allsky FAQ</a>
+<li>Troubleshooting:
+	<ol type="i">
+	<li><a allsky="true" href="/documentation/troubleshooting/reportingIssues.html">Reporting Issues</b></a>
+	<li><a allsky="true" href="/documentation/troubleshooting/ASI_ERROR_TIMEOUTs.html">ASI_ERROR_TIMEOUTs</a>
+	<li><a allsky="true" href="/documentation/troubleshooting/uploads.html">Uploads (FTP, scp, etc.)</a>
+	<li><a allsky="true" href="/documentation/troubleshooting/timelapse.html">Timelapse</a>
+	<li><a allsky="true" href="/documentation/troubleshooting/image-flicker.html">Image flicker</a>
+	<li><a allsky="true" href="/documentation/troubleshooting/WebUI.html">WebUI</a>
+	<li><a allsky="true" href="/documentation/troubleshooting/AllskyWebsite.html">Website</a>
+	<li><a allsky="true" href="/documentation/troubleshooting/RPiCameraNotFound.html">RPiHQ camera not found or not working</a>
+	<li><a allsky="true" href="/documentation/troubleshooting/RETCODE137.html">RPiHQ camera and RETCODE=137</a>
+	<li><a allsky="true" href="/documentation/troubleshooting/increaseSwap.html">Increase swap space</a>
+	<li><a allsky="true" href="/documentation/troubleshooting/hardware.html">Hardware</a>
+	<li><a allsky="true" href="/documentation/troubleshooting/T7cameras.html">T7 Cameras</a>
+	<li><a allsky="true" href="/documentation/troubleshooting/other.html">Other</a>
+	</ol>
+<li><a allsky="true" href="/documentation/miscellaneous/pickingCamera.html">Picking an allsky camera</a>
+</ol>
+</div>
+</div>
diff --git a/documentation/troubleshooting/ASI_ERROR_TIMEOUTs.html b/html/documentation/troubleshooting/ASI_ERROR_TIMEOUTs.html
similarity index 100%
rename from documentation/troubleshooting/ASI_ERROR_TIMEOUTs.html
rename to html/documentation/troubleshooting/ASI_ERROR_TIMEOUTs.html
diff --git a/documentation/troubleshooting/AllskyWebsite.html b/html/documentation/troubleshooting/AllskyWebsite.html
similarity index 100%
rename from documentation/troubleshooting/AllskyWebsite.html
rename to html/documentation/troubleshooting/AllskyWebsite.html
diff --git a/documentation/troubleshooting/RETCODE137.html b/html/documentation/troubleshooting/RETCODE137.html
similarity index 100%
rename from documentation/troubleshooting/RETCODE137.html
rename to html/documentation/troubleshooting/RETCODE137.html
diff --git a/documentation/troubleshooting/RPiCameraNotFound.html b/html/documentation/troubleshooting/RPiCameraNotFound.html
similarity index 100%
rename from documentation/troubleshooting/RPiCameraNotFound.html
rename to html/documentation/troubleshooting/RPiCameraNotFound.html
diff --git a/documentation/troubleshooting/T7cameras.html b/html/documentation/troubleshooting/T7cameras.html
similarity index 100%
rename from documentation/troubleshooting/T7cameras.html
rename to html/documentation/troubleshooting/T7cameras.html
diff --git a/documentation/troubleshooting/WebUI.html b/html/documentation/troubleshooting/WebUI.html
similarity index 100%
rename from documentation/troubleshooting/WebUI.html
rename to html/documentation/troubleshooting/WebUI.html
diff --git a/documentation/troubleshooting/hardware.html b/html/documentation/troubleshooting/hardware.html
similarity index 100%
rename from documentation/troubleshooting/hardware.html
rename to html/documentation/troubleshooting/hardware.html
diff --git a/documentation/troubleshooting/image-flicker.html b/html/documentation/troubleshooting/image-flicker.html
similarity index 100%
rename from documentation/troubleshooting/image-flicker.html
rename to html/documentation/troubleshooting/image-flicker.html
diff --git a/documentation/troubleshooting/increaseSwap.html b/html/documentation/troubleshooting/increaseSwap.html
similarity index 100%
rename from documentation/troubleshooting/increaseSwap.html
rename to html/documentation/troubleshooting/increaseSwap.html
diff --git a/documentation/troubleshooting/index.html b/html/documentation/troubleshooting/index.html
similarity index 100%
rename from documentation/troubleshooting/index.html
rename to html/documentation/troubleshooting/index.html
diff --git a/documentation/troubleshooting/other.html b/html/documentation/troubleshooting/other.html
similarity index 100%
rename from documentation/troubleshooting/other.html
rename to html/documentation/troubleshooting/other.html
diff --git a/documentation/troubleshooting/reportingIssues.html b/html/documentation/troubleshooting/reportingIssues.html
similarity index 100%
rename from documentation/troubleshooting/reportingIssues.html
rename to html/documentation/troubleshooting/reportingIssues.html
diff --git a/documentation/troubleshooting/timelapse.html b/html/documentation/troubleshooting/timelapse.html
similarity index 100%
rename from documentation/troubleshooting/timelapse.html
rename to html/documentation/troubleshooting/timelapse.html
diff --git a/documentation/troubleshooting/uploads.html b/html/documentation/troubleshooting/uploads.html
similarity index 100%
rename from documentation/troubleshooting/uploads.html
rename to html/documentation/troubleshooting/uploads.html