From 1504000500c0379f5757112aa04174a636a4dbc8 Mon Sep 17 00:00:00 2001
From: Max <Hunt>
Date: Fri, 23 Oct 2020 00:12:39 +0100
Subject: [PATCH] Update

---
 site/views/css/style.css |   4 +
 site/views/index.html    | 233 +++++++++++++++++----------------------
 2 files changed, 106 insertions(+), 131 deletions(-)
diff --git a/site/views/css/style.css b/site/views/css/style.css
index 15646ca..84a5830 100755
--- a/site/views/css/style.css
+++ b/site/views/css/style.css
@@ -105,6 +105,10 @@ body {
     height: 10px;
 }
 
+.empty {
+    height: 0px;
+}
+
 .in-development {
     height: 70px;
     width: 100%;
diff --git a/site/views/index.html b/site/views/index.html
index c73b8e2..f583432 100755
--- a/site/views/index.html
+++ b/site/views/index.html
@@ -42,142 +42,113 @@ Get out of my source code
 -->
 
 <head>
-  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-  <script src="https://www.gstatic.com/firebasejs/7.24.0/firebase-app.js"></script>
-  <script src="https://www.gstatic.com/firebasejs/7.24.0/firebase-analytics.js"></script>
-  <script src="https://www.gstatic.com/firebasejs/7.24.0/firebase-firestore.js"></script>
-  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
-  <link rel="stylesheet" type="text/css" href="css/style.css">
-  <title>IoT plant watering project</title>
-  <!-- <base href="https://weather.maxhunt.design/" target="_blank"> -->
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <script src="https://www.gstatic.com/firebasejs/7.24.0/firebase-app.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/7.24.0/firebase-analytics.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/7.24.0/firebase-firestore.js"></script>
+    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <title>IoT plant watering project</title>
+    <!-- <base href="https://weather.maxhunt.design/" target="_blank"> -->
 </head>
 
 <body>
-  <header>
-    <div class="in-development">PREVIEW - IN DEVELOPMENT</div>
-  </header>
-  <div class="page-container">
-    <div class="copyright-container">
-      <div class="copyright">
-        <div class="logo">
-          <img src="media/logo.png" alt="logo">
+    <header>
+        <div class="in-development">PREVIEW - IN DEVELOPMENT</div>
+    </header>
+    <div class="page-container">
+        <div class="copyright-container">
+            <div class="copyright">
+                <div class="logo">
+                    <img src="media/logo.png" alt="logo">
+                </div>
+                <div class="copyright-text">
+                    © Max Hunt 2020
+                </div>
+            </div>
         </div>
-        <div class="copyright-text">
-          © Max Hunt 2020
+        <div class="title">
+            IoT Plant Watering Predictor
+        </div>
+        <div class="containers">
+            <div class="container first-row">
+                <div class="container-title">
+                    Aims
+                </div>
+                <p>
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
+                    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                    <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                    <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                </p>
+            </div>
+            <div class="container first-row">
+                <div class="container-title">
+                    How it works
+                </div>
+                <p>
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
+                    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                    <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                    <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                </p>
+            </div>
+            <div class="container title-row">
+                <div class="container-title">
+                    Real time collected data
+                </div>
+            </div>
+            <div class="container title-row empty"></div>
+            <div class="container chart_container">
+                <div id="temp_chart" class="chart"></div>
+            </div>
+            <div class="container">
+                <div class="container-title">
+                    Data overview
+                </div>
+                <p>
+                    Some important numbers...
+                    <br><br> TBD
+                </p>
+            </div>
+            <div class="container chart_container">
+                <div id="humidity_chart" class="chart"></div>
+            </div>
+            <div class="container chart_container">
+                <div id="wind_chart" class="chart"></div>
+            </div>
+            <div class="container chart_container">
+                <div id="rain_chart" class="chart"></div>
+            </div>
+            <div class="container chart_container">
+                <div id="cloud_chart" class="chart"></div>
+            </div>
+            <div class="container">
+                <div class="container-title">
+                    The plant watering index
+                </div>
+                <p>
+                    Info on the plant watering index...
+                    <br><br> TBR
+                </p>
+            </div>
+            <div class="container">
+                <div class="container-title">
+                    Predicted watering pattern
+                </div>
+                <p>
+                    Another chart with predicted watering pattern
+                    <br><br> TBC
+                </p>
+            </div>
         </div>
-      </div>
     </div>
-    <div class="title">
-      IoT Plant Watering Predictor
-    </div>
-    <div class="containers">
-      <div class="container first-row">
-        <div class="container-title">
-          Aims
-        </div>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-          magna aliqua.
-          Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-          Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          <br><br>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-          magna aliqua.
-          Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-          Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          <br><br>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-          magna aliqua.
-          Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-          Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-      </div>
-      <div class="container first-row">
-        <div class="container-title">
-          How it works
-        </div>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-          magna aliqua.
-          Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-          Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          <br><br>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-          magna aliqua.
-          Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-          Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          <br><br>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-          magna aliqua.
-          Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-          Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-      </div>
-      <div class="container title-row">
-        <div class="container-title">
-          Real time collected data
-        </div>
-      </div>
-      <div class="container title-row"></div>
-      <div class="container chart_container">
-        <div id="temp_chart" class="chart"></div>
-      </div>
-      <div class="container">
-        <div class="container-title">
-          Data overview
-        </div>
-        <p>
-          Some important numbers...
-          <br><br>
-          TBD
-        </p>
-      </div>
-      <div class="container chart_container">
-        <div id="humidity_chart" class="chart"></div>
-      </div>
-      <div class="container chart_container">
-        <div id="wind_chart" class="chart"></div>
-      </div>
-      <div class="container chart_container">
-        <div id="rain_chart" class="chart"></div>
-      </div>
-      <div class="container chart_container">
-        <div id="cloud_chart" class="chart"></div>
-      </div>
-      <div class="container title-row">
-        <div class="container-title">
-          The plant watering index
-        </div>
-      </div>
-      <div class="container title-row">
-        <div class="container-title">
-          Predicted watering pattern
-        </div>
-      </div>
-      <div class="container">
-        <p>
-          Info on the plant watering index...
-          <br><br>
-          TBR
-        </p>
-      </div>
-      <div class="container">
-        <p>
-          Another chart with predicted watering pattern
-          <br><br>
-          TBC
-        </p>
-      </div>
-    </div>
-  </div>
-  <script defer src="js/main.js"></script>
-  <script src="js/fInit.js"></script>
+    <script defer src="js/main.js"></script>
+    <script src="js/fInit.js"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
