dennydai/daihan.me
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

Update 'covid-speedrun/index.html'
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Han Dai 2022-08-21 22:21:41 +00:00
parent 23f9c2e2e7
commit ca5e93ed2c
1 changed files with 127 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

245
covid-speedrun/index.html
View File

@ -1,125 +1,134 @@
<html> <html>
<head> <head>
<title>Han's Covid Speedrun Record</title> <title>Han's Covid Speedrun Record</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<style> <style>
body { body {
background-color: #333; background-color: #333;
color: #ffffff; color: #ffffff;
} }
table { table {
font-family: monospace; font-family: monospace;
color: #fff; color: #fff;
font-style: bold; font-style: bold;
} }
td, td,
th { th {
text-align: left; text-align: left;
padding: 8px; padding: 8px;
} }
tr:nth-child(even) { tr:nth-child(even) {
background-color: #777; background-color: #777;
} }
tr:nth-child(odd) { tr:nth-child(odd) {
background-color: #333; background-color: #333;
} }
</style> </style>
</head> </head>
<body> <body>
<table width="100%" height="100%"> <table width="100%" height="100%">
<tbody> <tbody>
<tr> <tr>
<td> <td>
<center> <center>
<h1>Han's Covid Speedrun Record</h1> <h1>Han's Covid Speedrun Record</h1>
<h2>Any% - Omicron Variant</h2> <h2>Any% - Omicron Variant</h2>
<h4>(Started at 5:51pm EDT on Aug 17 2022)</h4> <h4>(Started at 5:51pm EDT on Aug 17 2022)</h4>
<table id="speedrun"> <table>
<tr> <tbody id="speedrun">
<th>Checkpoint</th> <tr>
<th>Time</th> <th>Checkpoint</th>
</tr> <th>Time</th>
</table> </tr>
<table><tbody><tr><td style="color: rgb(0, 255, 0);font-size: 30px;text-align: right;">🏆 3d 23:59:47.180</td></tr></tbody></table> </tbody>
</center> <tbody id="final"></tbody>
</td> </table>
</tr> </center>
</tbody> </td>
</table> </tr>
<script> </tbody>
var table = document.getElementById("speedrun"); </table>
<script>
var timeline = { // I actually can't recall that much detail so this is just a rough estimate var table = document.getElementById("speedrun");
"Possible Exposure": new Date("Aug 14, 2022 22:00:00"), var final = document.getElementById("final");
"Sore Throat": new Date("Aug 15, 2022 20:01:14.861"),
"Runny Nose": new Date("Aug 17, 2022 11:18:07.751"), var timeline = { // I actually can't recall that much detail so this is just a rough estimate
"First Positive": new Date("Aug 17, 2022 17:51:10.123"), "Possible Exposure": new Date("Aug 14, 2022 22:00:00"),
"Highest Temperature (37.7 ℃)": new Date("Aug 17, 2022 21:36:00.000"), "Sore Throat": new Date("Aug 15, 2022 20:01:14.861"),
"Sweating": new Date("Aug 18, 2022 09:32:22.441"), "Runny Nose": new Date("Aug 17, 2022 11:18:07.751"),
"Oxygen Lvl Stays at 96%": new Date("Aug 18, 2022 10:00:00.000"), "First Positive": new Date("Aug 17, 2022 17:51:10.123"),
"Headache (Mild)": new Date("Aug 18, 2022 22:11:33.451"), "Highest Temperature (37.7 ℃)": new Date("Aug 17, 2022 21:36:00.000"),
"No Symptom (while not talking)": new Date("Aug 19, 2022 10:31:12.516"), "Sweating": new Date("Aug 18, 2022 09:32:22.441"),
"Oxygen Lvl back to normal 97%-98%" : new Date("Aug 19, 2022 11:00:00.000"), "Oxygen Lvl Stays at 96%": new Date("Aug 18, 2022 10:00:00.000"),
"Wake Up without Symptom": new Date("Aug 20, 2022 09:12:44.915"), "Headache (Mild)": new Date("Aug 18, 2022 22:11:33.451"),
"Tickly Throat": new Date("Aug 20, 2022 20:27:32.013"), "No Symptom (while not talking)": new Date("Aug 19, 2022 10:31:12.516"),
"Full Recovered": new Date("Aug 21, 2022 11:30:00.123"), "Oxygen Lvl back to normal 97%-98%" : new Date("Aug 19, 2022 11:00:00.000"),
} "Wake Up without Symptom": new Date("Aug 20, 2022 09:12:44.915"),
"Tickly Throat": new Date("Aug 20, 2022 20:27:32.013"),
for (var event in timeline) { "Full Recovered": new Date("Aug 21, 2022 11:30:00.123"),
}
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";
cell2.style.color = "#ff0000";
}
}
// Last Row
var row = table.insertRow(); var row = table.insertRow();
var cell1 = row.insertCell(0); var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1); var cell2 = row.insertCell(1);
cell1.innerHTML = event; cell1.style.color = "#00ff00";
cell2.innerHTML = timeSince(timeline[event] - timeline["First Positive"]); cell2.style.color = "#00ff00";
if (event == "First Positive") { // // Still Running
cell1.style.color = "#ff0000"; // cell1.innerHTML = "NOW";
cell2.style.color = "#ff0000"; // function now() {
// cell2.innerHTML = timeSince(new Date() - timeline["First Positive"]);
// }
// setInterval(now, 10);
// Win
cell1.innerHTML = "Tested Negative!";
cell2.innerHTML = timeSince(new Date("Aug 21, 2022 17:50:57.303") - timeline["First Positive"]);
var row = final.insertRow();
var cell = row.insertCell(0);
cell.colSpan = 2;
cell.innerHTML = "🏆 3d 23:59:47.180";
cell.style.color = "#00ff00";
cell.style.fontSize = "30px";
cell.style.textAlign = "right";
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>
// Last Row
var row = table.insertRow(); </html>
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.style.color = "#00ff00";
cell2.style.color = "#00ff00";
// // Still Running
// cell1.innerHTML = "NOW";
// function now() {
// cell2.innerHTML = timeSince(new Date() - timeline["First Positive"]);
// }
// setInterval(now, 10);
// Win
cell1.innerHTML = "Tested Negative!";
cell2.innerHTML = timeSince(new Date("Aug 21, 2022 17:50:57.303") - 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>