fix comments breaking website

gbg_program/_wifi_site.html

@@ -28,6 +28,8 @@
 
 </body>
 <script>
+  /*comments must be like this never with two slashes*/
+
   /*https://github.com/bobboteck/JoyStick/blob/7be970e9ad6f484964fa9bd8803b9d4314ed891c/joy.min.js*/
   let StickStatus = { xPosition: 0, yPosition: 0, x: 0, y: 0, cardinalDirection: "C" }; var JoyStick = function (t, e, i) { var o = void 0 === (e = e || {}).title ? "joystick" : e.title, n = void 0 === e.width ? 0 : e.width, a = void 0 === e.height ? 0 : e.height, r = void 0 === e.internalFillColor ? "#00AA00" : e.internalFillColor, c = void 0 === e.internalLineWidth ? 2 : e.internalLineWidth, s = void 0 === e.internalStrokeColor ? "#003300" : e.internalStrokeColor, d = void 0 === e.externalLineWidth ? 2 : e.externalLineWidth, u = void 0 === e.externalStrokeColor ? "#008000" : e.externalStrokeColor, h = void 0 === e.autoReturnToCenter || e.autoReturnToCenter; i = i || function (t) { }; var S = document.getElementById(t); S.style.touchAction = "none"; var f = document.createElement("canvas"); f.id = o, 0 === n && (n = S.clientWidth), 0 === a && (a = S.clientHeight), f.width = n, f.height = a, S.appendChild(f); var l = f.getContext("2d"), k = 0, g = 2 * Math.PI, x = (f.width - (f.width / 2 + 10)) / 2, v = x + 5, P = x + 30, m = f.width / 2, C = f.height / 2, p = f.width / 10, y = -1 * p, w = f.height / 10, L = -1 * w, F = m, E = C; function W() { l.beginPath(), l.arc(m, C, P, 0, g, !1), l.lineWidth = d, l.strokeStyle = u, l.stroke() } function T() { l.beginPath(), F < x && (F = v), F + x > f.width && (F = f.width - v), E < x && (E = v), E + x > f.height && (E = f.height - v), l.arc(F, E, x, 0, g, !1); var t = l.createRadialGradient(m, C, 5, m, C, 200); t.addColorStop(0, r), t.addColorStop(1, s), l.fillStyle = t, l.fill(), l.lineWidth = c, l.strokeStyle = s, l.stroke() } function D() { let t = "", e = F - m, i = E - C; return i >= L && i <= w && (t = "C"), i < L && (t = "N"), i > w && (t = "S"), e < y && ("C" === t ? t = "W" : t += "W"), e > p && ("C" === t ? t = "E" : t += "E"), t } "ontouchstart" in document.documentElement ? (f.addEventListener("touchstart", function (t) { k = 1 }, !1), document.addEventListener("touchmove", function (t) { 1 === k && t.targetTouches[0].target === f && (F = t.targetTouches[0].pageX, E = t.targetTouches[0].pageY, "BODY" === f.offsetParent.tagName.toUpperCase() ? (F -= f.offsetLeft, E -= f.offsetTop) : (F -= f.offsetParent.offsetLeft, E -= f.offsetParent.offsetTop), l.clearRect(0, 0, f.width, f.height), W(), T(), StickStatus.xPosition = F, StickStatus.yPosition = E, StickStatus.x = ((F - m) / v * 100).toFixed(), StickStatus.y = ((E - C) / v * 100 * -1).toFixed(), StickStatus.cardinalDirection = D(), i(StickStatus)) }, !1), document.addEventListener("touchend", function (t) { k = 0, h && (F = m, E = C); l.clearRect(0, 0, f.width, f.height), W(), T(), StickStatus.xPosition = F, StickStatus.yPosition = E, StickStatus.x = ((F - m) / v * 100).toFixed(), StickStatus.y = ((E - C) / v * 100 * -1).toFixed(), StickStatus.cardinalDirection = D(), i(StickStatus) }, !1)) : (f.addEventListener("mousedown", function (t) { k = 1 }, !1), document.addEventListener("mousemove", function (t) { 1 === k && (F = t.pageX, E = t.pageY, "BODY" === f.offsetParent.tagName.toUpperCase() ? (F -= f.offsetLeft, E -= f.offsetTop) : (F -= f.offsetParent.offsetLeft, E -= f.offsetParent.offsetTop), l.clearRect(0, 0, f.width, f.height), W(), T(), StickStatus.xPosition = F, StickStatus.yPosition = E, StickStatus.x = ((F - m) / v * 100).toFixed(), StickStatus.y = ((E - C) / v * 100 * -1).toFixed(), StickStatus.cardinalDirection = D(), i(StickStatus)) }, !1), document.addEventListener("mouseup", function (t) { k = 0, h && (F = m, E = C); l.clearRect(0, 0, f.width, f.height), W(), T(), StickStatus.xPosition = F, StickStatus.yPosition = E, StickStatus.x = ((F - m) / v * 100).toFixed(), StickStatus.y = ((E - C) / v * 100 * -1).toFixed(), StickStatus.cardinalDirection = D(), i(StickStatus) }, !1)), W(), T(), this.GetWidth = function () { return f.width }, this.GetHeight = function () { return f.height }, this.GetPosX = function () { return F }, this.GetPosY = function () { return E }, this.GetX = function () { return ((F - m) / v * 100).toFixed() }, this.GetY = function () { return ((E - C) / v * 100 * -1).toFixed() }, this.GetDir = function () { return D() } };
 </script>
@@ -58,7 +60,7 @@
         radios[i].checked = radios[i].value === value;
       }
 
-      if (value === 1) {//modes that give a choice about deactivate when timeout
+      if (value === 1) {/*modes that give a choice about deactivate when timeout*/
         document.getElementById("timeout").disabled = false;
       } else {
         document.getElementById("timeout").disabled = true;