changed the directory structure

falguniraina · Dec 31, 2019 · 4616c5a · 4616c5a
1 parent b836f7d
commit 4616c5a
Show file tree

Hide file tree

Showing 8 changed files with 265 additions and 221 deletions.
diff --git a/README.md b/README.md
@@ -1,8 +1,8 @@
-# [Water Monitoring System](https://vinitshahdeo.github.io/Water-Monitoring-System/home.html) - IoT Project
+# [Water Monitoring System](https://vinitshahdeo.github.io/Water-Monitoring-System/src/home.html) - IoT Project
 
 [![GitHub license](https://img.shields.io/github/license/vinitshahdeo/Water-Monitoring-System.svg?style=social&logo=github)](https://github.com/vinitshahdeo/Water-Monitoring-System/blob/master/LICENSE) [![GitHub stars](https://img.shields.io/github/stars/vinitshahdeo/Water-Monitoring-System.svg?style=social)](https://github.com/vinitshahdeo/Water-Monitoring-System/stargazers) [![GitHub forks](https://img.shields.io/github/forks/vinitshahdeo/Water-Monitoring-System.svg?style=social)](https://github.com/vinitshahdeo/Water-Monitoring-System/network)
 
-> **You can view the demo [here](https://vinitshahdeo.github.io/Water-Monitoring-System/home.html).**
+> **You can view the demo [here](https://vinitshahdeo.github.io/Water-Monitoring-System/src/home.html).**
 
 [![Water Monitoring System](https://img.shields.io/badge/Water&nbsp;Monitoring-System-teal.svg?colorA=teal&colorB=orange)](https://github.com/vinitshahdeo/Water-Monitoring-System/) [![IoT](https://img.shields.io/badge/IoT-Project-teal.svg?colorA=blue&colorB=red)](https://github.com/vinitshahdeo/Water-Monitoring-System/)
 

diff --git a/demo.html b/demo.html
diff --git a/Water level monitoring system.pdf → docs/Water level monitoring system.pdf b/Water level monitoring system.pdf → docs/Water level monitoring system.pdf
diff --git a/home.html b/home.html
diff --git a/data.json → src/data.json b/data.json → src/data.json
diff --git a/src/demo.html b/src/demo.html
@@ -0,0 +1,76 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="author" content="Vinit Shahdeo">
+  <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
+  <title>Water Monitoring System</title>
+  <style>
+    body {
+      background-color: #fafafa;
+      font-family: 'Roboto';
+    }
+
+    .container {
+      margin: 150px auto;
+      max-width: 960px;
+    }
+  </style>
+</head>
+
+<body>
+
+  <div class="container">
+    <h1>Water Tanks</h1>
+    <div class="loading" style="width: 140px;height: 140px;float:left"></div>
+    <div class="loading" style="width: 160px;height: 160px;float:left"></div>
+    <div class="waterBall1" style="width: 200px;height:200px; float:left"></div>
+    <div class="demo" style="width: 200px;height:200px; float:left"></div>
+  </div>
+  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+  <script type="text/javascript" src="lib/createWaterBall-jquery.js"></script>
+  <script>
+    $('.demo').createWaterBall({
+      targetRange: 90
+    });
+
+    var loadingEle = $('.loading');
+    var loading_width = loadingEle.width(),
+      loading_height = loadingEle.height();
+    $('.loading').createWaterBall({
+      cvs_config: {
+        width: loading_width,
+        height: loading_height
+      },
+      wave_config: {
+        waveWidth: 0.02,
+        waveHeight: 5
+      },
+      data_range: [30, 70, 100],
+      isLoading: true,
+      nowRange: 70,
+      targetRange: 70
+    });
+    setTimeout(function () {
+      $('.loading').createWaterBall('updateRange', 80);
+    }, 1000);
+    $('.waterBall1').createWaterBall({
+      csv_config: {
+        width: $('.waterBall1').width(),
+        height: $('.waterBall1').height()
+      },
+      wave_config: {
+        waveWidth: 0.02,
+        waveHeight: 5
+      },
+      data_range: [40, 50, 100],
+      targetRange: 45
+    });
+  </script>
+
+</body>
+
+</html>