thebiblelover7
/
generator-status
1
1
Fork 0
Code Issues Pull Requests Projects Releases Activity

make site optimized for mobile - all pages

master
Adriel Sand 2021-10-07 08:53:19 +03:00
parent f73748b245
commit b01b0b2f61
3 changed files with 23 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
off.html
View File

@ -1,6 +1,7 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Generator Status...</title>
<style>
* {

1
on.html
View File

@ -1,6 +1,7 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Generator Status...</title>
<style>
* {

38
stats/index.html
View File

@ -1,6 +1,7 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Generator Status...</title>
<style>
* {
@ -61,7 +62,7 @@
<p>Generator Stats</p>
</div>
<div class="date-time-updated">
<p>last updated at: <b>date-n-time-placeholder</b></p>
<p>last updated on: <b>Oct 04, 2021 at 10:33</b></p>
</div>
</div>
<div class="chart_last_week_class">
@ -76,28 +77,31 @@
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
const labels = [
'Sunday',
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday',
'',
'2021/09/28',
'2021/09/29',
'2021/09/30',
'2021/10/01',
'2021/10/02',
'2021/10/03',
];
const data = {
labels: labels,
datasets: [{
datasets: [
{
label: 'Hours we had electricity from government',
backgroundColor: 'rgb(255, 99, 132)',
borderColor: 'rgb(255, 99, 132)',
data: [8.86, 7.53, 8.63, 8.31, 12., 11.65, 6.41],
fill: {
target: 'origin',
above: 'rgb(255, 0, 0)', // Area will be red above the origin
below: 'rgb(0, 0, 255)' // And blue below the origin
},
}]
data: [, 10#08.31, 10#12.0, 10#11.65, 10#13.78, 10#03.23, 10#09.73],
fill: true,
// fill: {
// target: 'origin',
// above: 'rgb(255, 0, 0)', // Area will be red above the origin
// below: 'rgb(0, 0, 255)' // And blue below the origin
//
// },
},
]
};
const config = {
type: 'line',