From b01b0b2f61c87605278fd274be636e2ee96578e9 Mon Sep 17 00:00:00 2001
From: Adriel Sand <sandadriel@criptext.com>
Date: Thu, 7 Oct 2021 08:53:19 +0300
Subject: [PATCH] make site optimized for mobile - all pages

---
 off.html         |  1 +
 on.html          |  1 +
 stats/index.html | 38 +++++++++++++++++++++-----------------
 3 files changed, 23 insertions(+), 17 deletions(-)
diff --git a/off.html b/off.html
index 760bff7..fc7d0f4 100644
--- a/off.html
+++ b/off.html
@@ -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>
             * {
diff --git a/on.html b/on.html
index b431332..1197964 100644
--- a/on.html
+++ b/on.html
@@ -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>
             * {
diff --git a/stats/index.html b/stats/index.html
index c361677..78fef2a 100644
--- a/stats/index.html
+++ b/stats/index.html
@@ -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',
