Skip to content

Commit

Permalink
Added infographic for the wiki (#165)
Browse files Browse the repository at this point in the history
* added first-timers friendly badge

* added new mentor's details

* Format 7a84c1e

* fixed italics issue in FAQs section

* Format 61f714f

* fixed font weight issue

* Format 0c2a1c3

* removed extra *

* added rgsoc snippet

* Format e645f24

* Format #134

* Format #134

* fixed issues in .md rendering

* added a snippet for rgsoc

* added info+logo for RGSOC

* added link to tweet

* added link to RGSoC issue

* added rgsoc logo

* added rgsoc logo

* added link to rgsoc issue

* Added infographic for the wiki

Co-authored-by: Vinit Shahdeo <vinitshahdeo@gmail.com>
Co-authored-by: prettifier[bot] <45367598+prettifier[bot]@users.noreply.github.com>
Co-authored-by: Pragati Verma <itispragativerma@gmail.com>
  • Loading branch information
4 people authored Mar 16, 2020
1 parent 0423ea4 commit f7b07b3
Show file tree
Hide file tree
Showing 5 changed files with 265 additions and 217 deletions.
7 changes: 6 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
![Django](https://img.shields.io/badge/Made%20with-Django-brightgreen?style=for-the-badge&logo=django)
![React](https://img.shields.io/badge/Made%20with-React-red?style=for-the-badge&logo=react)


Water Monitoring System is an IOT based Liquid Level Monitoring system that has mechanisms to keep the user alerted in case of liquid overflow or when tank depletes. The water tanks can be fixed with ultrasonic sensors that is placed over the container. Ultrasonic sensor is used to measure, compare container depth and liquid level.

The status of the system could be monitored by an LCD screen or a web page that provides a brilliant graphical representation. Colours are used to depict various scenarios with respect to the amount of liquid in the tanks or containers and the buzzer buzzes when the limit exceeds the permissible quantity of fill.
Expand Down Expand Up @@ -120,6 +121,7 @@ git push -u origin <your_branch_name>
- Refer [this](https://github.com/vinitshahdeo/Water-Monitoring-System/blob/master/CONTRIBUTING.md) for more.
## Open Source Programs
This project is part of the following Open Source programs:
Expand Down Expand Up @@ -156,6 +158,7 @@ _Yes, it is a hardware/IoT + software project. There would be maximum tasks rela

_Mentors can assign issues to participants and also mention a deadline before which the issue is to be resolved. They can reassign issues in case of any delay, so be active and complete your tasks within the negotiated duration._


## Additional Info

- If you're interested in contributing for **documentation**, please checkout `feature/documentation` branch.
Expand All @@ -173,6 +176,7 @@ _Mentors can assign issues to participants and also mention a deadline before wh
[![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://github.com/vinitshahdeo) [![GitHub pull requests](https://img.shields.io/github/issues-pr-closed-raw/vinitshahdeo/Water-Monitoring-System?logo=git&logoColor=white)](https://github.com/vinitshahdeo/Water-Monitoring-System/pulls?q=is%3Apr+is%3Aclosed)
| GitHub Usernames | Domain |
| ---------------------------------------------------- | -------------------------- |
| [@vinitshahdeo](https://github.com/vinitshahdeo) | Full Stack + Documentation |
Expand All @@ -183,6 +187,8 @@ _Mentors can assign issues to participants and also mention a deadline before wh
| [@ArpitKotecha](https://github.com/ArpitKotecha) | Backend |
| [@Manvityagi](https://github.com/Manvityagi) | APIs + Cloud |
| [@jainpawan21](https://github.com/jainpawan21) | Frontend |
| [@amaaniqbal](https://github.com/amaaniqbal) | Frontend |
[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/images/0)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/links/0)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/images/1)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/links/1)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/images/2)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/links/2)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/images/3)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/links/3)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/images/4)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/links/4)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/images/5)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/links/5)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/images/6)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/links/6)[![](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/images/7)](https://sourcerer.io/fame/vinitshahdeo/vinitshahdeo/Water-Monitoring-System/links/7)
Expand All @@ -196,7 +202,6 @@ _Mentors can assign issues to participants and also mention a deadline before wh
## Project Admin
[![Relative date](https://img.shields.io/date/1577392258?color=important&label=started&logo=github)](https://github.com/vinitshahdeo/) [![Maintenance](https://img.shields.io/maintenance/yes/2020?color=green&logo=github)](https://github.com/vinitshahdeo/)
| <a href="https://fayz.in/stories/s/1522/0/?ckt_id=ZGL1ZGVk&title=story_of_vinit_shahdeo"><img src="assets/vinit-shahdeo.jpg" width=150px height=150px /></a> |
| :----------------------------------------------------------------------------------------------------------------------------------------------------------: |
Expand Down
Binary file added Resources/infographic.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/rgsoc2020.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
147 changes: 75 additions & 72 deletions src/demo.html
Original file line number Diff line number Diff line change
@@ -1,76 +1,79 @@
<!doctype html>
<!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";
}

<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>

.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
});

<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>
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>
Loading

0 comments on commit f7b07b3

Please sign in to comment.