-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAutomation.html
113 lines (108 loc) · 4.03 KB
/
Automation.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">
<head>
<title> Example </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="vendor/bootstrap.js"></script>
<script type="text/javascript" src="1.js"></script>
<link rel="stylesheet" href="vendor/bootstrap.css">
<link href="https://fonts.googleapis.com/css?family=Raleway:400,300,600,800,900" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
<link rel="stylesheet" href="css/Automation.css">
</head>
<body>
<div class="header">
<div class="nav text-center">
<img src="images/logo.png" alt="">
</div>
</div>
<!-- end header -->
<div class="menu container">
<div class="row">
<div class="col-md-12 text-center">
<h1>Automation</h1>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Choose vegetable <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- end menu -->
<div class="infomation">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Display infomation of system</h1>
</div>
</div>
<div class="row">
<div class="col-md-4 template">
<div id="container"></div>
</div>
<div class="col-md-4">
<div id="humidity"></div>
</div>
<div class="col-md-4 light">
<p class="lighttext"><i class="far fa-lightbulb"></i> Light</p>
<p class="suntext"><i class="fas fa-cloud-sun"></i> Weather</p>
</div>
</div>
</div>
</div>
<!-- end infomation -->
<div class="control">
<div class="container">
<div class="row">
<div class="col-md-6 harvestTime">
<p><i class="far fa-clock"></i> Harvest time</p>
<div class="date text-center">
<p>15 Day</p>
</div>
</div>
<div class="col-md-6 pump">
<p><img class="icon_pump" src="images/icon_pump.png" alt="">Water pump</p>
<div class="row">
<div class="col-md-6">
<img src="images/icon_pump.png" alt="">
</div>
<div class="col-md-6">
<img src="images/icon_pump.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end control -->
<div class="pullProcess">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1><i class="fas fa-person-booth"></i> Pull cover</h1>
<input class="progress1" step="2" type="range" min="0" max="100" value="0">
</div>
</div>
</div>
</div>
<!-- end pullProcess -->
<div class="documentation">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Documentation</h1>
<p>Bacon ipsum dolor amet pancetta leberkas chuck, short loin corned beef bresaola spare ribs shankle boudin brisket buffalo. Alcatra jowl burgdoggen beef shoulder strip steak. Pork loin ground round drumstick flank cupim turducken pork chop tenderloin tongue fatback beef ribs t-bone shankle meatball prosciutto. Kevin porchetta ball tip, capicola shankle salami drumstick buffalo tri-tip. T-bone kevin tail chuck. Biltong pig brisket, capicola ham hock landjaeger kevin hamburger pancetta. Sausage tail ground round pig beef. Bacon ipsum dolor amet pancetta leberkas chuck, short loin corned beef bresaola spare ribs shankle boudin brisket buffalo. Alcatra jowl burgdoggen beef shoulder strip steak. Pork loin ground round drumstick flank cupim turducken pork chop tenderloin tongue fatback beef ribs t-bone shankle meatball prosciutto. Kevin porchetta ball tip, capicola shankle salami drumstick buffalo tri-tip. T-bone kevin tail chuck. Biltong pig brisket, capicola ham hock landjaeger kevin hamburger pancetta. Sausage tail ground round pig beef</p>
</div>
</div>
</div>
</div>
<script src="js/Automation.js"></script>
</body>
</html>