92 lines
1.6 KiB
HTML
92 lines
1.6 KiB
HTML
<html>
|
|
<head>
|
|
<meta http-equiv="expires" content="0">
|
|
<meta http-equiv="refresh" content="30">
|
|
|
|
<style type="text/css">
|
|
@font-face {
|
|
font-family: 'Bitwise';
|
|
src: URL('bitwise.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Turtle';
|
|
src: URL('turtle.ttf') format('truetype');
|
|
}
|
|
|
|
body {
|
|
background: black;
|
|
color: {TRIPCOLOR};
|
|
}
|
|
|
|
.turtle {
|
|
font-family: Turtle;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
|
|
.header {
|
|
font-family: 'Bitwise';
|
|
font-size: 12vh;
|
|
text-align: center;
|
|
width:100%;
|
|
height: 12vh;
|
|
text-align: center;
|
|
}
|
|
|
|
.header-alarm {
|
|
visibility: {TRIP}
|
|
}
|
|
|
|
.outer {
|
|
width: 100%;
|
|
height: 80%;
|
|
display: flex;
|
|
flex-flow: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.top {
|
|
font-family: 'Bitwise';
|
|
font-size: 9vw;
|
|
width:100%;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.footer {
|
|
font-family: 'Bitwise';
|
|
font-size: 7vh;
|
|
text-align: right;
|
|
width:100%;
|
|
height: 8%;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<div class="header-alarm">
|
|
Alarm!!
|
|
</div>
|
|
</div>
|
|
<div class="outer">
|
|
<div class="top sensor-i">
|
|
O: {IT}°C, {IH}% rH
|
|
</div>
|
|
|
|
<div class="top sensor-o">
|
|
U: {AT}°C, {AH}% rH
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<span class="turtle">n</span><span>Stand: {DATE}</span>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |