From 01052bb2bd455443cc7314fa2869b7f2550e0d67 Mon Sep 17 00:00:00 2001
From: Innovation Inc <connorrox60@gmail.com>
Date: Fri, 13 Dec 2019 22:16:24 -0600
Subject: [PATCH] Unspaghettification

---
 index-open.html | 306 ++++++++++++++++++++++++------------------------
 1 file changed, 152 insertions(+), 154 deletions(-)
diff --git a/index-open.html b/index-open.html
index f5a787d..90f1526 100644
--- a/index-open.html
+++ b/index-open.html
@@ -1,165 +1,163 @@
 <html>
-  <head>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
-    <!--<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>-->
-    <!--<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>-->
-    <script src="https://raw.githubusercontent.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.min.js"/>
-    <!-- classes were from SparrOS Developer Team -->
-    <title>DremJS</title>
+	<head>
+		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
+		<!-- classes were from SparrOS Developer Team -->
+    		<title>DremJS</title>
       <!--<embed src="mopen.mp3" width="0" height="0" loop="false" autostart="true" hidden="true" />
       <audio loop autoplay>
 		Aw fiddle sticks. What now? (ERROR: 1040-0001)
 		Your browser doesn't support the AUDIO tag! Get a newer browser or update it
 		<source src="ambient.mp3" type="audio/mp3">
 	</audio>-->
-    <style>
-      .framewrap {
-        width:500px;
-        height:300px;
-    	padding:10px;
-        position: fixed;
-        top: 50px;
-        left: 10px;
-        background-color:#87CEEB;
-      }
-      .appFrame {
-        width:99%;
-        height:93%;
-    	background-color:#FFFFFF;
-      }
-      .start {
-        position: absolute;
-        left: 0px;
-        bottom: 0px;
-      }
-      .astart {
-        position: absolute;
-        left: 0px;
-        bottom: 50px;
-      }
-      .cwhite {
-        color: white;
-      }
-      .br1 {
-        position: absolute;
-        bottom: 8px;
-        right: 16px;
-        font-size: 12px;
-      }
-      .br2 {
-        position: absolute;
-        bottom: 22px;
-        right: 16px;
-        font-size: 12px;
-      }
-      .br3 {
-        position: absolute;
-        bottom: 36px;
-        right: 16px;
-        font-size: 12px;
-      }
-      html { 
-        background: url(DremJS-Background.png) no-repeat center center fixed; 
-        -webkit-background-size: cover;
-        -moz-background-size: cover;
-        -o-background-size: cover;
-        background-size: cover;
-      }
-      a:link {
-        color: black;
-	text-decoration: none;
-      }
-      a:visited {
-	color: black;
-	text-decoration: none;
-      }
-      .startgray {
-        background-color: gray;
-        padding: 300px;
-        border: 5px solid gray;
-        margin: 0;
-      }
-      .cent {
-        position: relative;
-	top: 4px;
-      }
-      .taskbar {
-	background-color: black;
-	position: absolute;
-        top: 0;
-	right: 0;
-	width: 100%;
-	height: 42px;
-      }
-  </style>
-  </head>
-  <body onload="initAgendaWM()">
-   <p class="cwhite br3">DremJS Version 0.1.2b</p>
-   <p class="cwhite br2">Build 31</p>
-   <p class="cwhite br1">&copy; Innovation Inc.</p>
-   <div class="start startgray">
-      <ul class="astart">
-        <dt><a onclick="openApplication('About')"><p><img src="apps/About/about.png" align="top"> About DremJS</p></a></dt>
-	<dt><a onclick="openApplication('HowTo')"><p><img src="apps/HowTo/howto.png" align="top"> How to Install Applications</p></a></dt>
-	<dt><a onclick="openApplication('Market')"><p><img src="apps/Market/market.png" align="top"> DremJS Market</p></a></dt>
-	<dt><a onclick="openApplication('debug')"><p><img src="apps/debug/debug.png" align="top"> Report a Bug</p></a></dt>	      
-	<!--Below is where remotely installed apps will start -->
+    		<style>
+      			.framewrap {
+        			width:500px;
+        			height:300px;
+    				padding:10px;
+        			position: fixed;
+        			top: 50px;
+        			left: 10px;
+        			background-color:#87CEEB;
+      			}
+      			.appFrame {
+        			width:99%;
+        			height:93%;
+    				background-color:#FFFFFF;
+      			}
+      			.start {
+        			position: absolute;
+        			left: 0px;
+        			bottom: 0px;
+      			}
+      			.astart {
+        			position: absolute;
+        			left: 0px;
+        			bottom: 50px;
+      			}
+      			.cwhite {
+        			color: white;
+     			}
+      			.br1 {
+        			position: absolute;
+        			bottom: 8px;
+        			right: 16px;
+        			font-size: 12px;
+      			}
+      			.br2 {
+        			position: absolute;
+        			bottom: 22px;
+        			right: 16px;
+        			font-size: 12px;
+      			}
+      			.br3 {
+        			position: absolute;
+        			bottom: 36px;
+        			right: 16px;
+        			font-size: 12px;
+      			}
+      			html { 
+        			background: url(DremJS-Background.png) no-repeat center center fixed; 
+        			-webkit-background-size: cover;
+        			-moz-background-size: cover;
+        			-o-background-size: cover;
+        			background-size: cover;
+      			}
+			a:link {
+        			color: black;
+				text-decoration: none;
+      			}
+      			a:visited {
+				color: black;
+				text-decoration: none;
+      			}
+      			.startgray {
+        			background-color: gray;
+        			padding: 300px;
+        			border: 5px solid gray;
+        			margin: 0;
+      			}
+      			.cent {
+        			position: relative;
+				top: 4px;
+      			}
+      			.taskbar {
+				background-color: black;
+				position: absolute;
+        			top: 0;
+				right: 0;
+				width: 100%;
+				height: 42px;
+     			}
+		</style>
+  	</head>
+  	<body onload="initAgendaWM()">
+   		<p class="cwhite br3">DremJS Version 0.1.2b</p>
+   		<p class="cwhite br2">Build 31</p>
+   		<p class="cwhite br1">&copy; Innovation Inc.</p>
+   		<div class="start startgray">
+      			<ul class="astart">
+        			<dt><a onclick="openApplication('About')"><p><img src="apps/About/about.png" align="top"> About DremJS</p></a></dt>
+				<dt><a onclick="openApplication('HowTo')"><p><img src="apps/HowTo/howto.png" align="top"> How to Install Applications</p></a></dt>
+				<dt><a onclick="openApplication('Market')"><p><img src="apps/Market/market.png" align="top"> DremJS Market</p></a></dt>
+				<dt><a onclick="openApplication('debug')"><p><img src="apps/debug/debug.png" align="top"> Report a Bug</p></a></dt>	      
+				<!--Below is where remotely installed apps will start -->
 	
-	<hr />
-	<dt><a target="_top" href="shuttingdown.html"><p><img src="shutdown.png" align="top" style="width:16px;height:16px;"> Shutdown DremJS</p></dt>
-      </ul>
-	      <a href="#"><p class="start" style="left:12px;">Start</p></a>
-	  </div>
-   <div id="appContainer">
+				<hr />
+				<dt><a target="_top" href="shuttingdown.html"><p><img src="shutdown.png" align="top" style="width:16px;height:16px;"> Shutdown DremJS</p></dt>
+      			</ul>
+	      		<a href="#"><p class="start" style="left:12px;">Start</p></a>
+	  	</div>
+   		<div id="appContainer">
 	   
-   </div>
-   <div class="taskbar">
-     <div class="cwhite" style="text-align:left" id="txt"></div> <a onclick="openApplication('About')"><img class="cent" src="apps/About/about.png"> |</a>
-   </div>
+   		</div>
+   		<div class="taskbar">
+     			<div class="cwhite" style="text-align:left" id="txt"></div> <a onclick="openApplication('About')"><img class="cent" src="apps/About/about.png"> |</a>
+   		</div>
 	   
-	   <script>
-        function initAgendaWM() {
-		makeDraggable();
-		startTime();
-	}
-        function makeDraggable() {
-            $(".framewrap")
-                .draggable()
-                .resizable();
-        }
-        function moveToFront(app) {
-            $('.framewrap').css('z-index', 1);
-	        $('#' + app).css('z-index', 9999);
-        }
-	    function openApplication(app) {
-	       var i = 0;
-	       while ($('#' + i).length)
-	           i++;
-	       var newElement="<div onclick=\"moveToFront('" + i + "')\" id='" + i + "' class='framewrap'><input type='button' onclick=\"closeApplication('" + i + "')\" value='X' /><iframe class='appFrame' src='apps/" + app + "/'></iframe></div>";
-	       var parent=document.getElementById('appContainer');
-	       parent.innerHTML+=newElement;
-	       moveToFront(i);
-	       makeDraggable();
-	   }
-	   function closeApplication(app) {
-	       var element = document.getElementById(app);
-           element.parentNode.removeChild(element);
-	   }
-		   function startTime() {
-    var today = new Date();
-    var h = today.getHours();
-    var m = today.getMinutes();
-    var s = today.getSeconds();
-    m = checkTime(m);
-    s = checkTime(s);
-    document.getElementById('txt').innerHTML =
-    h + ":" + m + ":" + s;
-    var t = setTimeout(startTime, 500);
-}
-function checkTime(i) {
-    if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
-    return i;
-}
-    </script>
-  </body>
+		<script>
+        		function initAgendaWM() {
+				makeDraggable();
+				startTime();
+			}
+        		function makeDraggable() {
+            			$(".framewrap")
+                			.draggable()
+                			.resizable();
+        		}
+        		function moveToFront(app) {
+            			$('.framewrap').css('z-index', 1);
+	        		$('#' + app).css('z-index', 9999);
+        		}
+	    		function openApplication(app) {
+	       			var i = 0;
+	       			while ($('#' + i).length)
+	           			i++;
+	       			var newElement="<div onclick=\"moveToFront('" + i + "')\" id='" + i + "' class='framewrap'><input type='button' onclick=\"closeApplication('" + i + "')\" value='X' /><iframe class='appFrame' src='apps/" + app + "/'></iframe></div>";
+	       			var parent=document.getElementById('appContainer');
+	       			parent.innerHTML+=newElement;
+	       			moveToFront(i);
+	       			makeDraggable();
+	   		}
+	   		function closeApplication(app) {
+	       			var element = document.getElementById(app);
+           			element.parentNode.removeChild(element);
+	   		}
+		   	function startTime() {
+    				var today = new Date();
+    				var h = today.getHours();
+    				var m = today.getMinutes();
+    				var s = today.getSeconds();
+    				m = checkTime(m);
+    				s = checkTime(s);
+    				document.getElementById('txt').innerHTML =
+    				h + ":" + m + ":" + s;
+    				var t = setTimeout(startTime, 500);
+			}
+			function checkTime(i) {
+    				if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
+    				return i;
+			}
+    		</script>
+  	</body>
 </html>
