Ledda/rpi-sensors
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Revamping this whole thing

Browse Source
This commit is contained in:
Daniel Ledda
2020-12-24 12:18:58 +01:00
parent 5950cd869e
commit 0dc3fdb9b8
15 changed files with 721 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
webapp/dist/charts.html vendored
View File

@@ -6,32 +6,7 @@
<link href="{{.}}/static/styles.css" rel="stylesheet" />
<script src="{{.}}/static/main.js"></script>
</head>
<body id="root">
<div class="center">
<h1>Ledda's Room Climate</h1>
<div class="main-content-grid">
<div id="chart-container" class="widget">
<canvas id="myChart"></canvas>
</div>
<div id="timer-widget" class="widget">
<div>
<h2>Next update in:</h2>
<p id="timer">0.00</p>
</div>
</div>
<div id="mins-widget" class="widget">
<div>
<h2>Minutes Displayed:</h2>
<p id="mins-displayed">60</p>
</div>
</div>
<div id="timezone-widget" class="widget">
<div>
<h2>Displayed Timezone:</h2>
<p>UTC</p>
</div>
</div>
</div>
</div>
<body>
<div id="root"></div>
</body>
</html>

18
webapp/dist/styles.css vendored
View File

@@ -14,8 +14,6 @@ html, body {
height: 80%;
width: 80%;
display: grid;
grid-template-rows: repeat(5, 1fr);
grid-template-columns: repeat(12, 1fr);
text-align: center;
}
.main-content-grid > * {
@@ -73,19 +71,3 @@ h1 {
.widget p {
margin: 0;
}
#timer-widget {
grid-area: 1 / 11 / span 1 / span 2;
}
#mins-widget {
grid-area: auto / 11 / span 2 / span 2;
}
#timezone-widget {
grid-area: auto / 11 / span 2 / span 2;
}
#chart-container {
grid-area: 1 / 1 / span 5 / span 10;
}