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> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <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> <title>Generator Status...</title>
<style> <style>
* { * {

1
on.html
View File

@ -1,6 +1,7 @@
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <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> <title>Generator Status...</title>
<style> <style>
* { * {

36
stats/index.html
View File

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