<html>
<head>
<title>{{hostname}}</title>
<meta http-equiv="refresh" content="500">
<style>
body {
margin: 20px;
font-family: sans-serif;
text-align: center;
background-color: #333;
color: #ddd;
}
.water-present {
color: pink;
}
.water-absent {
color: lightblue;
}
.temperature {
font-family: monospace;
}
</style>
</head>
<body>
<h2>{{hostname}}</h2>
<p>{{datetime}}</p>
<p>{{temperature}} °C</p>
<p>Water is <span class="{{waterClass}}">{{waterStatus}}</span></p>
</body>
</html>