Update temperature.html

This commit is contained in:
Bob Wen 2021-03-08 14:59:54 +08:00 committed by GitHub
parent c0804d85e3
commit 041c3d8afb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 11 deletions

View File

@ -1,30 +1,29 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Temperature</title> <title>Temperature</title>
<style> <style>
body { body {
font-family: 'Courier New', Courier, monospace; font-family: "Courier New", Courier, monospace;
} }
#table { #table {
width:100%; width: 100%;
} }
#table tr { #table tr {
font-size: 16pt font-size: 16pt
} }
#table [colspan="2"] { #table [colspan="2"] {
text-align:center; text-align: center;
width:100% width: 100%
} }
#table #title { #table #title {
font-size:24pt; font-size: 24pt;
} }
#table .key { #table .key {
text-align:right; text-align:right;
width: 40%; width: 40%;
padding:.2rem; padding: .2rem;
} }
#table .value { #table .value {
text-align: left; text-align: left;
@ -33,9 +32,8 @@
} }
</style> </style>
</head> </head>
<body onresize="resize_canvas()"> <body onresize="resize_canvas()">
<table id=table> <table id="table">
<tr> <tr>
<th colspan="2" id="title">CPU Temperature</th> <th colspan="2" id="title">CPU Temperature</th>
</tr> </tr>
@ -43,16 +41,17 @@
<td colspan="2"><canvas id="smoothie-chart" height="300"></canvas></td> <td colspan="2"><canvas id="smoothie-chart" height="300"></canvas></td>
</tr> </tr>
<tr> <tr>
<td class="key">Current Temperature:</td> <td class="key" id="key_cur_temp">Current Temperature:</td>
<td class="value"><code id="cur_temp" ></code><code> °C</code></td> <td class="value"><code id="cur_temp" ></code><code> °C</code></td>
</tr> </tr>
<tr> <tr>
<td class="key">Average Temperature (5m):</td> <td class="key" id="key_avg_temp">Average Temperature (5m):</td>
<td class="value"><code id="avg_temp" ></code><code> °C</code></td> <td class="value"><code id="avg_temp" ></code><code> °C</code></td>
</tr> </tr>
</table> </table>
<script src="../base1/cockpit.js"></script> <script src="../base1/cockpit.js"></script>
<script src="../*/po.js"></script>
<script src="smoothie.js"></script> <script src="smoothie.js"></script>
<script src="temperature.js"></script> <script src="temperature.js"></script>
</body> </body>