From 14a183e506c4da512e0feb042593bf06f7d3472e Mon Sep 17 00:00:00 2001
From: Paul Niezborala <paulniezbo@gmail.com>
Date: Tue, 9 Jan 2018 18:55:56 +0100
Subject: [PATCH 1/3] Render json versions in index.html

---
 index.html | 96 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 95 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 2882c5f39..86d4f2038 100644
--- a/index.html
+++ b/index.html
@@ -3,10 +3,104 @@
 <head>
   <title>Unities - a u3d powered data site about Unity releases</title>
   <meta charset = "UTF-8" />
+  <script type="text/javascript">
+    var reader = new XMLHttpRequest() || new ActiveXObject('MSXML2.XMLHTTP');
+    var json;
+    var lastUpdates = [];
+    var updater = setInterval(displayTime, 1000);
+    var refresher = setInterval(loadFile, 1000 * 60 * 10) // 10 minutes
+
+    function loadFile() {
+      reader.open('get', 'v1/versions.json', true); 
+      reader.onreadystatechange = displayContents;
+      reader.send(null);
+    }
+
+    function displayContents() {
+      if(reader.readyState==4) {
+        json = reader.responseText;
+
+        versionList = document.getElementById('versionList');
+        versions = JSON.parse(json);
+
+        for(os in versions) {
+          osHeader = document.createElement("h4");
+          osHeader.innerText = os;
+          versionList.appendChild(osHeader);
+
+          osContent = document.createElement("div");
+          osContent.setAttribute("class", "osdisplay");
+          versionList.appendChild(osContent);
+
+          if(versions[os]['lastupdate']) {
+            lastupdate = new Date(versions[os]['lastupdate'] * 1000)
+            lastUpdates[os] = lastupdate;
+            
+            timeContent = document.createElement("div");
+            timeContent.innerText = "Parsing last update...";
+            timeContent.setAttribute("id", "time." + os);
+            timeContent.setAttribute("class", "timedisplay");
+            osContent.appendChild(timeContent);
+          }
+          if(versions[os]['versions']) {
+            // TABLE
+            versionsTable = document.createElement("table");
+            versionsTable.setAttribute("class", "versiontable");
+            osContent.appendChild(versionsTable);
+
+            // HEADER
+            versionRowHeader = document.createElement("tr");
+
+            versionNameHeader = document.createElement("th");
+            versionNameHeader.innerText = "Version";
+            versionRowHeader.appendChild(versionNameHeader);
+
+            versionUrlHeader = document.createElement("th");
+            versionUrlHeader.innerText = "Url";
+            versionRowHeader.appendChild(versionUrlHeader);
+            
+            versionsTable.appendChild(versionRowHeader);
+
+            // CONTENT
+            for(version in versions[os]['versions']) {
+              versionRow = document.createElement("tr");
+
+              versionEntry = document.createElement("td");
+              versionEntry.innerText = version;
+              versionRow.appendChild(versionEntry);
+
+              urlEntry = document.createElement("td");
+              urlEntry.innerText = versions[os]['versions'][version];
+              versionRow.appendChild(urlEntry);
+
+              versionsTable.appendChild(versionRow);
+            }
+          }
+        }
+      }
+    }
+
+    function displayTime() {
+      now = Date.now();
+      for(os in lastUpdates) {
+        toUpdate = document.getElementById("time." + os)
+        timelapse = now - lastupdate;
+        secondsPassed = Math.floor(timelapse/1000);
+        seconds = secondsPassed % 60;
+        minutesPassed = Math.floor(secondsPassed/60);
+        minutes = minutesPassed % 60;
+        hours = Math.floor(minutesPassed/24);
+        toUpdate.innerText = "Last update was " + hours + " hours, " + minutes + " minutes and " + seconds + " seconds ago.";
+      }
+    }
+  </script>
 </head>
-<body>
+<body onload="loadFile();">
   <h1>Unity versions</h1>
   <a href="v1/versions.json">versions.json</a>. Structured information about stable, beta and patch releases of Unity releases. Data is updated hourly.
+  
+  <h3>Versions</h3>
+  <div id="versionList"></div>
 
   <h3>Links</h3>
   <ul>

From 0487f159e0f9f3bb108f70efa93d9c63c457fd86 Mon Sep 17 00:00:00 2001
From: Paul Niezborala <paulniezbo@gmail.com>
Date: Tue, 9 Jan 2018 19:29:10 +0100
Subject: [PATCH 2/3] Fix hours display

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 86d4f2038..164abad98 100644
--- a/index.html
+++ b/index.html
@@ -89,7 +89,7 @@
         seconds = secondsPassed % 60;
         minutesPassed = Math.floor(secondsPassed/60);
         minutes = minutesPassed % 60;
-        hours = Math.floor(minutesPassed/24);
+        hours = Math.floor(minutesPassed/60);
         toUpdate.innerText = "Last update was " + hours + " hours, " + minutes + " minutes and " + seconds + " seconds ago.";
       }
     }

From eeab2b076b7ad5284d4d488bf8387a60e16075db Mon Sep 17 00:00:00 2001
From: Paul Niezborala <paulniezbo@gmail.com>
Date: Tue, 9 Jan 2018 19:31:21 +0100
Subject: [PATCH 3/3] Don't wait for automatic call to display time

---
 index.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/index.html b/index.html
index 164abad98..044ed6b87 100644
--- a/index.html
+++ b/index.html
@@ -77,6 +77,8 @@
             }
           }
         }
+
+        displayTime();
       }
     }
 
