From 1d3790a30b88fb0d9ff13ca2271baa725c9c7fd7 Mon Sep 17 00:00:00 2001
From: Han Dai <10000@daihan.me>
Date: Sat, 20 Aug 2022 22:27:53 +0000
Subject: [PATCH] Add 'covid-speedrun/index.html'

---
 covid-speedrun/index.html | 124 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 124 insertions(+)
 create mode 100644 covid-speedrun/index.html
diff --git a/covid-speedrun/index.html b/covid-speedrun/index.html
new file mode 100644
index 0000000..bf9f9e5
--- /dev/null
+++ b/covid-speedrun/index.html
@@ -0,0 +1,124 @@
+
+<html>
+
+<head>
+    <title>Han's Covid Speedrun Record</title>
+    <style>
+        body {
+            background-color: #333;
+            color: #ffffff;
+        }
+
+        table {
+            font-family: monospace;
+            color: #fff;
+            font-style: bold;
+        }
+
+        td,
+        th {
+            text-align: left;
+            padding: 8px;
+        }
+
+        tr:nth-child(even) {
+            background-color: #777;
+        }
+
+        tr:nth-child(odd) {
+            background-color: #333;
+        }
+    </style>
+</head>
+
+<body>
+    <table width="100%" height="100%">
+        <tbody>
+            <tr>
+                <td>
+                    <center>
+                        <h1>Han's Covid Speedrun Record</h1>
+                        <h4>(Started at 5:51pm EDT on Aug 17 2022)</h4>
+                        <table id="speedrun">
+                            <tr>
+                                <th>Checkpoint</th>
+                                <th>Time</th>
+                            </tr>
+                        </table>
+                    </center>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+
+    <script>
+        var table = document.getElementById("speedrun");
+
+        var timeline = { // I actually can't recall that much detail so this is just a rough estimate
+            "Possible Exposure": new Date("Aug 14, 2022 22:00:00"),
+            "Sore Throat": new Date("Aug 15, 2022 20:01:14.861"),
+            "Runny Nose": new Date("Aug 17, 2022 11:18:07.751"),
+            "First Positive": new Date("Aug 17, 2022 17:51:10.123"),
+            "Highest Temperature (37.7 C)": new Date("Aug 17, 2022 21:36:00.000"),
+            "Sweating": new Date("Aug 18, 2022 09:32:22.441"),
+            "Oxygen Lvl Stays at 96%": new Date("Aug 18, 2022 10:00:00.000"),
+            "Headache (Mild)": new Date("Aug 18, 2022 22:11:33.451"),
+            "No Symptom (while not talking)": new Date("Aug 19, 2022 10:31:12.516"),
+            "Oxygen Lvl back to normal 97%-98%" : new Date("Aug 19, 2022 11:00:00.000"),
+            "No Symptom": new Date("Aug 20, 2022 09:12:44.915"),
+        }
+
+        for (var event in timeline) {
+            var row = table.insertRow();
+            var cell1 = row.insertCell(0);
+            var cell2 = row.insertCell(1);
+            cell1.innerHTML = event;
+            cell2.innerHTML = timeSince(timeline[event] - timeline["First Positive"]);
+            if (event == "First Positive") {
+                cell1.style.color = "#ff0000";
+            }
+        }
+
+        // Still Running
+        var row = table.insertRow();
+        var cell1 = row.insertCell(0);
+        var cell2 = row.insertCell(1);
+        cell1.innerHTML = "NOW";
+        cell1.style.color = "#00ff00";
+        cell2.style.color = "#00ff00";
+        function now() {
+            cell2.innerHTML = timeSince(new Date() - timeline["First Positive"]);
+        }
+        setInterval(now, 10);
+        // Win
+        // var row = table.insertRow();
+        // var cell1 = row.insertCell(0);
+        // var cell2 = row.insertCell(1);
+        // cell1.style.color = "#00ff00";
+        // cell2.style.color = "#00ff00";
+        // cell1.innerHTML = "Tested Negative!";
+        // cell2.innerHTML = timeSince(new Date("Aug xx, 2022 xx:00:00.000") - timeline["First Positive"]);
+
+
+        function timeSince(timestamp) {
+            var sign = "+";
+            if (timestamp < 0) {
+                sign = "-";
+                timestamp = -timestamp;
+            }
+            var d = Math.floor(timestamp / 86400000);
+            timestamp -= d * 86400000;
+            var h = Math.floor(timestamp / 3600000);
+            timestamp -= h * 3600000;
+            var m = Math.floor(timestamp / 60000);
+            timestamp -= m * 60000;
+            var s = Math.floor(timestamp / 1000);
+            timestamp -= s * 1000;
+            var ms = Math.floor(timestamp);
+
+            return sign + String(d).padStart(2, '0') + "d " + String(h).padStart(2, '0') + ":" + String(m).padStart(2, '0') + ":" + String(s).padStart(2, '0') + "." + String(ms).padStart(3, '0');
+        }
+    </script>
+</body>
+
+</html>
