Hugging Face's logo

Spaces:
detectionpro
/
automated
Running

App Files Community
detectionpro commited on
Commit
9aba585
·
verified ·
1 Parent(s): 2624954

Upload 20 files

Browse files
Files changed (20) hide show
  1. templates/angular_leafspot.html +245 -0
  2. templates/anthracnose_fruit.html +169 -0
  3. templates/connect.php +6 -0
  4. templates/connection1.php +31 -0
  5. templates/disease_plant.html +169 -0
  6. templates/grey_mold.html +244 -0
  7. templates/healthy_fruit.html +70 -0
  8. templates/healthy_plant.html +80 -0
  9. templates/healthy_plant_leaf.html +84 -0
  10. templates/index2.html +543 -0
  11. templates/js/sweetalert.js +1 -0
  12. templates/leaf_spot.html +244 -0
  13. templates/login.php +44 -0
  14. templates/login1.php +595 -0
  15. templates/main.js +0 -0
  16. templates/powdery_mildew_fruit.html +169 -0
  17. templates/powdery_mildew_leaf.html +244 -0
  18. templates/registration.php +40 -0
  19. templates/style.css +109 -0
  20. templates/sucess.html +27 -0
templates/angular_leafspot.html ADDED
@@ -0,0 +1,245 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css"
11
+ integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous">
12
+
13
+ <title>STRAWBEERY PLANT DISEASE PREDICTION</title>
14
+
15
+ <style>
16
+ * {
17
+ margin: 0px;
18
+ padding: 0px;
19
+ box-sizing: border-box;
20
+ }
21
+
22
+ .card-style {
23
+ background-color: #dcdcdc;
24
+
25
+ }
26
+
27
+ .content {
28
+ padding: 15px;
29
+ color: white;
30
+ background-color: rgb(153, 156, 150);
31
+ /* font-size: 1rem; */
32
+ }
33
+
34
+ @media (max-width: 430px) and (min-width: 200px) {
35
+
36
+
37
+ .contents {
38
+ font-size: 0.6rem;
39
+ color: chartreuse;
40
+ }
41
+
42
+ .content-h1 {
43
+
44
+ font-size: 1rem;
45
+ }
46
+ }
47
+
48
+ .border img {
49
+ border-radius: 15px;
50
+ border: 2px solid black;
51
+ }
52
+ .animate-charcter {
53
+ text-transform: uppercase;
54
+ background-image: linear-gradient(-225deg,
55
+ #231557 0%,
56
+ #44107a 29%,
57
+ #ff1361 67%,
58
+ #fff800 100%);
59
+ background-size: auto auto;
60
+ background-clip: border-box;
61
+ background-size: 200% auto;
62
+ color: #fff;
63
+ content: center;
64
+ background-clip: text;
65
+ -webkit-text-fill-color: transparent;
66
+ -webkit-background-clip: text;
67
+ -webkit-text-fill-color: transparent;
68
+ animation: textclip 5s linear infinite;
69
+ display: inline-block;
70
+ font-size: 24px;
71
+ }
72
+ @keyframes textclip {
73
+ to {
74
+ background-position: 200% center;
75
+ }
76
+ }
77
+ .hero
78
+ {
79
+ width:100%;
80
+ height:100vh;
81
+ background-image:linear-gradient(rgba(12,3,51,0.3),rgba(12,3,51,0.3));
82
+ position:relative;
83
+ padding:0 5%;
84
+ display:flex;
85
+ align-items:center;
86
+ justify-content:center;
87
+ }
88
+ .back-video{
89
+ position:absolute;
90
+ right:0;
91
+ bottom:0;
92
+ z-index:-1;
93
+ opacity:0.70;
94
+ }
95
+ @media (min-aspect-ratio:16/9)
96
+ {
97
+ .back-video{
98
+ width:100%;
99
+ height:100%%;
100
+ }
101
+ }
102
+ @media (max-aspect-ratio:16/9)
103
+ {
104
+ .back-video{
105
+ width:auto;
106
+ height:100%;
107
+ }
108
+ }
109
+ h2 {
110
+ color:white;
111
+ }
112
+
113
+ .background-image
114
+ {
115
+ background-image:url('../static/images/bggg.jpeg');
116
+ background-size:cover;
117
+ background-repeat:no-repeat;
118
+ height:200vh;
119
+
120
+ }
121
+
122
+ </style>
123
+ </head>
124
+
125
+ <body>
126
+
127
+ <div>
128
+ <img src="static/images/Strawberry Disease predection . (4).png" class="w3-border w3-padding" alt="Indian AI Production"
129
+ style="width:100%">
130
+ </div>
131
+ <section>
132
+ <div class="hero">
133
+ <video autoplay loop muted plays-inline class="back-video">
134
+ <source src="/static/vecteezy_young-strawberry-plants-in-spring-garden_3383447.mp4" type="video/mp4">
135
+ </video>
136
+
137
+ <div class="container my-2">
138
+ <div class="row mb-5">
139
+
140
+
141
+
142
+ <div class="col-sm" style="margin-bottom: 23px;">
143
+ <span class="border border-primary">
144
+ <img src="{{ user_image }}" alt="User Image" class="img-thumbnail">
145
+ <!-- <img src="{{pred_output}}" alt="User Image" class="img-thumbnail"> -->
146
+
147
+
148
+ </span>
149
+ </div>
150
+
151
+ <div class="col-sm">
152
+
153
+ <div>
154
+
155
+ <h1 style="padding: 15px;background-image: linear-gradient(to left top, #ed4e4e, #f75670, #fb6392, #f974b1, #f286cd);"
156
+ class="text-center mb-5 content-h1 rounded">
157
+ {{pred_output}} </h1>
158
+
159
+
160
+ <h2>Disease Name / रोगाचे नाव : </span></h2>
161
+ <h3 style="line-height: 100%; color:white">Angular leafspot<br><br> टोकदार पानांचे ठिपके <br>
162
+ </h3>
163
+ <hr class="w-100 mx-auto ">
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </section >
169
+
170
+ <h1 class="text-center mt-4 mb-4 animate-charcter" style="font-size:35px;text-align:center"> <b>Solution for Disease / र��ग का उपचार / रोगाचा उपाय </b></h1>
171
+ <p><strong>Use any one Systemic Insecticide, which contain<i> Flonicamid 50%/ Thiamethoxam 25% WG / Imidacloprid
172
+ 17.8 Sl / Acetamiprid 20% SP.</i></strong></p>
173
+ <p></p>
174
+ <p>किसी भी एक प्रणालीगत कीटनाशक का प्रयोग करें, जिसमें फ्लोनिकमिड ५०% / थियामेथोक्साम 25% WG / इमिडाक्लोप्रिड
175
+ १७.८
176
+ एसएल / एसिटामिप्रिड २०% एसपी है।</p>
177
+ <p>कोणत्याही एक सिस्टीमिक कीटकनाशकाचा वापर करा, ज्यात फ्लोनीकायमिड ५०% / थियॅमेथॉक्सम 25% WG / इमिडाक्लोप्रिड
178
+ १७.८
179
+ एसएल / एसीटामिप्रिड २०% एसपी असेल.</p>
180
+
181
+ </div>
182
+
183
+ <section class="background-image">
184
+
185
+ <div class="container">
186
+ <h1 class="text-center mt-4 mb-4 animate-charcter" style="font-size:35px;text-align:center">
187
+ <b> Recommended Products</b></h1>
188
+ </div>
189
+
190
+ <div class="container">
191
+
192
+
193
+ <div class="card-columns ">
194
+ <div class="card ">
195
+ <div class="card-body text-center card-style">
196
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/preet.png" alt="">
197
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
198
+ </div>
199
+ </div>
200
+ <div class="card ">
201
+ <div class="card-body text-center card-style">
202
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/ulala.png" alt="">
203
+ <h3 class="card-text">Dose: 25-40 gm/Acre</h3>
204
+ </div>
205
+ </div>
206
+ <div class="card ">
207
+ <div class="card-body text-center card-style">
208
+ <img style="border-radius: 10px" class="img-fluid" src="/static/images/victor.png" alt="">
209
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
210
+ </div>
211
+ </div>
212
+ <div class="card ">
213
+ <div class="card-body text-center card-style">
214
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/confidor.png" alt="">
215
+ <h3 class="card-text">Dose: 25-35 ml/Acre</h3>
216
+ </div>
217
+ </div>
218
+ <div class="card ">
219
+ <div class="card-body text-center card-style">
220
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/panama.png" alt="">
221
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
222
+ </div>
223
+ </div>
224
+ <div class="card ">
225
+ <div class="card-body text-center card-style">
226
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/actara.png" alt="">
227
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
228
+ </div>
229
+ </div>
230
+
231
+
232
+ </div>
233
+
234
+ <div class="container-fluid contents">
235
+ <h5 style="padding: 15px; background-color:#93E9BE" class="text-center my-3 contents">
236
+ <center><button onclick="history.back()" style="width:180px;height:40px;background-image: linear-gradient(to left top, #ed4e4e, #f75670, #fb6392, #f974b1, #f286cd)"> Go Back </button></center>
237
+ </div>
238
+
239
+ </div>
240
+
241
+ </section>
242
+
243
+ </body>
244
+
245
+ </html>
templates/anthracnose_fruit.html ADDED
@@ -0,0 +1,169 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css"
11
+ integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous">
12
+
13
+ <title>STRAWBEERY PLANT DISEASE PREDICTION</title>
14
+
15
+ <style>
16
+ * {
17
+ margin: 0px;
18
+ padding: 0px;
19
+ box-sizing: border-box;
20
+ }
21
+
22
+ .card-style {
23
+ background-color: #dcdcdc;
24
+
25
+ }
26
+
27
+ .content {
28
+ padding: 15px;
29
+ color: white;
30
+ background-color: rgb(153, 156, 150);
31
+ /* font-size: 1rem; */
32
+ }
33
+
34
+ @media (max-width: 430px) and (min-width: 200px) {
35
+
36
+
37
+ .contents {
38
+ font-size: 0.6rem;
39
+ color: chartreuse;
40
+ }
41
+
42
+ .content-h1 {
43
+
44
+ font-size: 1rem;
45
+ }
46
+ }
47
+
48
+ .border img {
49
+ border-radius: 15px;
50
+ border: 2px solid black;
51
+ }
52
+ </style>
53
+ </head>
54
+
55
+ <body>
56
+
57
+ <div>
58
+ <img src="static/images/banner.png" class="w3-border w3-padding" alt="Indian AI Production"
59
+ style="width:100%">
60
+ </div>
61
+ <br>
62
+ <div class="container my-2">
63
+ <div class="row mb-5">
64
+
65
+ <div class="col-sm" style="margin-bottom: 23px;">
66
+ <span class="border border-primary">
67
+ <img src="{{ user_image }}" alt="User Image" class="img-thumbnail">
68
+ <!-- <img src="{{pred_output}}" alt="User Image" class="img-thumbnail"> -->
69
+
70
+
71
+ </span>
72
+ </div>
73
+
74
+ <div class="col-sm">
75
+
76
+ <div>
77
+ <h1 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;"
78
+ class="text-center mb-5 content-h1 rounded">
79
+ {{pred_output}} </h1>
80
+ </div>
81
+
82
+ <h2>Disease Name / रोग का नाम / रोगाचे नाव : </span></h2>
83
+ <h3 style="line-height: 100%;">Anthrancnose fruit<br><br> बुरशी<br>
84
+ </h3>
85
+ <hr class="w-100 mx-auto ">
86
+ </div>
87
+ </div>
88
+
89
+
90
+ <h1> Solution for Disease / रोग का उपचार / रोगाचा उपाय </h1>
91
+ <p><strong>Use any one Systemic Insecticide, which contain<i> Flonicamid 50%/ Thiamethoxam 25% WG / Imidacloprid
92
+ 17.8 Sl / Acetamiprid 20% SP.</i></strong></p>
93
+ <p></p>
94
+ <p>किसी भी एक प्रणालीगत कीटनाशक का प्रयोग करें, जिसमें फ्लोनिकमिड ५०% / थियामेथोक्साम 25% WG / इमिडाक्लोप्रिड
95
+ १७.८
96
+ एसएल / एसिटामिप्रिड २०% एसपी है।</p>
97
+ <p>कोणत्याही एक सिस्टीमिक कीटकनाशकाचा वापर करा, ज्यात फ्लोनीकायमिड ५०% / थियॅमेथॉक्सम 25% WG / इमिडाक्लोप्रिड
98
+ १७.८
99
+ एसएल / एसीटामिप्रिड २०% एसपी असेल.</p>
100
+
101
+ </div>
102
+
103
+
104
+
105
+ <section>
106
+
107
+ <div class="container">
108
+ <h1 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;"
109
+ class="text-center my-3 content-h1">
110
+ Recommended Products</h1>
111
+ </div>
112
+
113
+ <div class="container">
114
+
115
+
116
+ <div class="card-columns">
117
+ <div class="card ">
118
+ <div class="card-body text-center card-style">
119
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/preet.png" alt="">
120
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
121
+ </div>
122
+ </div>
123
+ <div class="card">
124
+ <div class="card-body text-center card-style">
125
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/ulala.png" alt="">
126
+ <h3 class="card-text">Dose: 25-40 gm/Acre</h3>
127
+ </div>
128
+ </div>
129
+ <div class="card ">
130
+ <div class="card-body text-center card-style">
131
+ <img style="border-radius: 10px" class="img-fluid" src="/static/images/victor.png" alt="">
132
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
133
+ </div>
134
+ </div>
135
+ <div class="card ">
136
+ <div class="card-body text-center card-style">
137
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/confidor.png" alt="">
138
+ <h3 class="card-text">Dose: 25-35 ml/Acre</h3>
139
+ </div>
140
+ </div>
141
+ <div class="card ">
142
+ <div class="card-body text-center card-style">
143
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/panama.png" alt="">
144
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
145
+ </div>
146
+ </div>
147
+ <div class="card ">
148
+ <div class="card-body text-center card-style">
149
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/actara.png" alt="">
150
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
151
+ </div>
152
+ </div>
153
+
154
+
155
+ </div>
156
+
157
+ <!-- <div class="container-fluid contents"> -->
158
+ <h5 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;"
159
+ class="text-center my-3 contents">
160
+ Delivery Contact:
161
+ IndianAIProduction.business@gmail.com</h5>
162
+ <!-- </div> -->
163
+ </div>
164
+
165
+ </section>
166
+
167
+ </body>
168
+
169
+ </html>
templates/connect.php ADDED
@@ -0,0 +1,6 @@
 
 
 
 
 
 
 
1
+ <?php
2
+ $conn = mysqli_connect('localhost','root','','typroject');
3
+ ?>
4
+
5
+
6
+
templates/connection1.php ADDED
@@ -0,0 +1,31 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ $servername = "localhost";
3
+ $username = "root";
4
+ $password = " ";
5
+ $dbname = "typroject";
6
+
7
+ // Create connection
8
+ $conn = new mysqli($servername, $username, $password, $dbname);
9
+
10
+ // Check connection
11
+ if ($conn->connect_error) {
12
+ die("Connection failed: " . $conn->connect_error);
13
+ }
14
+
15
+ // Get data from the form
16
+ $username = $_POST['username'];
17
+ $email = $_POST['email'];
18
+ $password = $_POST['password'];
19
+
20
+
21
+ // Insert data into the database
22
+ $sql = "INSERT INTO registration (username, password, email) VALUES ('$username','$email', '$password', )";
23
+
24
+ if ($conn->query($sql) === TRUE) {
25
+ echo "Registration Successfully";
26
+ } else {
27
+ echo "Error: " . $sql . "<br>" . $conn->error;
28
+ }
29
+
30
+ $conn->close();
31
+ ?>
templates/disease_plant.html ADDED
@@ -0,0 +1,169 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css"
11
+ integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous">
12
+
13
+ <title>STRAWBEERY PLANT DISEASE PREDICTION</title>
14
+
15
+ <style>
16
+ * {
17
+ margin: 0px;
18
+ padding: 0px;
19
+ box-sizing: border-box;
20
+ }
21
+
22
+ .card-style {
23
+ background-color: #dcdcdc;
24
+
25
+ }
26
+
27
+ .content {
28
+ padding: 15px;
29
+ color: white;
30
+ background-color: rgb(153, 156, 150);
31
+ /* font-size: 1rem; */
32
+ }
33
+
34
+ @media (max-width: 430px) and (min-width: 200px) {
35
+
36
+
37
+ .contents {
38
+ font-size: 0.6rem;
39
+ color: chartreuse;
40
+ }
41
+
42
+ .content-h1 {
43
+
44
+ font-size: 1rem;
45
+ }
46
+ }
47
+
48
+ .border img {
49
+ border-radius: 15px;
50
+ border: 2px solid black;
51
+ }
52
+ </style>
53
+ </head>
54
+
55
+ <body>
56
+
57
+ <div>
58
+ <img src="static/images/banner.png" class="w3-border w3-padding" alt="Indian AI Production"
59
+ style="width:100%">
60
+ </div>
61
+ <br>
62
+ <div class="container my-2">
63
+ <div class="row mb-5">
64
+
65
+ <div class="col-sm" style="margin-bottom: 23px;">
66
+ <span class="border border-primary">
67
+ <img src="{{ user_image }}" alt="User Image" class="img-thumbnail">
68
+ <!-- <img src="{{pred_output}}" alt="User Image" class="img-thumbnail"> -->
69
+
70
+
71
+ </span>
72
+ </div>
73
+
74
+ <div class="col-sm">
75
+
76
+ <div>
77
+ <h1 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;"
78
+ class="text-center mb-5 content-h1 rounded">
79
+ {{pred_output}} </h1>
80
+ </div>
81
+
82
+ <h2>Disease Name / रोग का नाम / रोगाचे नाव : </span></h2>
83
+ <h3 style="line-height: 100%;">Powdery Mildew<br><br> बुरशी <br>
84
+ </h3>
85
+ <hr class="w-100 mx-auto ">
86
+ </div>
87
+ </div>
88
+
89
+
90
+ <h1> Solution for Disease / रोग का उपचार / रोगाचा उपाय </h1>
91
+ <p><strong>Use any one Systemic Insecticide, which contain<i> Flonicamid 50%/ Thiamethoxam 25% WG / Imidacloprid
92
+ 17.8 Sl / Acetamiprid 20% SP.</i></strong></p>
93
+ <p></p>
94
+ <p>किसी भी एक प्रणालीगत कीटनाशक का प्रयोग करें, जिसमें फ्लोनिकमिड ५०% / थियामेथोक्साम 25% WG / इमिडाक्लोप्रिड
95
+ १७.८
96
+ एसएल / एसिटामिप्रिड २०% एसपी है।</p>
97
+ <p>कोणत्याही एक सिस्टीमिक कीटकनाशकाचा वापर करा, ज्यात फ्लोनीकायमिड ५०% / थियॅमेथॉक्सम 25% WG / इमिडाक्लोप्रिड
98
+ १७.८
99
+ एसएल / एसीटामिप्रिड २०% एसपी असेल.</p>
100
+
101
+ </div>
102
+
103
+
104
+
105
+ <section>
106
+
107
+ <div class="container">
108
+ <h1 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;"
109
+ class="text-center my-3 content-h1">
110
+ Recommended Products</h1>
111
+ </div>
112
+
113
+ <div class="container">
114
+
115
+
116
+ <div class="card-columns">
117
+ <div class="card ">
118
+ <div class="card-body text-center card-style">
119
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/preet.png" alt="">
120
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
121
+ </div>
122
+ </div>
123
+ <div class="card">
124
+ <div class="card-body text-center card-style">
125
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/ulala.png" alt="">
126
+ <h3 class="card-text">Dose: 25-40 gm/Acre</h3>
127
+ </div>
128
+ </div>
129
+ <div class="card ">
130
+ <div class="card-body text-center card-style">
131
+ <img style="border-radius: 10px" class="img-fluid" src="/static/images/victor.png" alt="">
132
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
133
+ </div>
134
+ </div>
135
+ <div class="card ">
136
+ <div class="card-body text-center card-style">
137
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/confidor.png" alt="">
138
+ <h3 class="card-text">Dose: 25-35 ml/Acre</h3>
139
+ </div>
140
+ </div>
141
+ <div class="card ">
142
+ <div class="card-body text-center card-style">
143
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/panama.png" alt="">
144
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
145
+ </div>
146
+ </div>
147
+ <div class="card ">
148
+ <div class="card-body text-center card-style">
149
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/actara.png" alt="">
150
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
151
+ </div>
152
+ </div>
153
+
154
+
155
+ </div>
156
+
157
+ <!-- <div class="container-fluid contents"> -->
158
+ <h5 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;"
159
+ class="text-center my-3 contents">
160
+ Delivery Contact:
161
+ IndianAIProduction.business@gmail.com</h5>
162
+ <!-- </div> -->
163
+ </div>
164
+
165
+ </section>
166
+
167
+ </body>
168
+
169
+ </html>
templates/grey_mold.html ADDED
@@ -0,0 +1,244 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css"
11
+ integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous">
12
+
13
+ <title>STRAWBEERY PLANT DISEASE PREDICTION</title>
14
+
15
+ <style>
16
+ * {
17
+ margin: 0px;
18
+ padding: 0px;
19
+ box-sizing: border-box;
20
+ }
21
+
22
+ .card-style {
23
+ background-color: #dcdcdc;
24
+
25
+ }
26
+
27
+ .content {
28
+ padding: 15px;
29
+ color: white;
30
+ background-color: rgb(153, 156, 150);
31
+ /* font-size: 1rem; */
32
+ }
33
+
34
+ @media (max-width: 430px) and (min-width: 200px) {
35
+
36
+
37
+ .contents {
38
+ font-size: 0.6rem;
39
+ color: chartreuse;
40
+ }
41
+
42
+ .content-h1 {
43
+
44
+ font-size: 1rem;
45
+ }
46
+ }
47
+
48
+ .border img {
49
+ border-radius: 15px;
50
+ border: 2px solid black;
51
+ }
52
+ .animate-charcter {
53
+ text-transform: uppercase;
54
+ background-image: linear-gradient(-225deg,
55
+ #231557 0%,
56
+ #44107a 29%,
57
+ #ff1361 67%,
58
+ #fff800 100%);
59
+ background-size: auto auto;
60
+ background-clip: border-box;
61
+ background-size: 200% auto;
62
+ color: #fff;
63
+ content: center;
64
+ background-clip: text;
65
+ -webkit-text-fill-color: transparent;
66
+ -webkit-background-clip: text;
67
+ -webkit-text-fill-color: transparent;
68
+ animation: textclip 5s linear infinite;
69
+ display: inline-block;
70
+ font-size: 24px;
71
+ }
72
+ @keyframes textclip {
73
+ to {
74
+ background-position: 200% center;
75
+ }
76
+ }
77
+ .hero
78
+ {
79
+ width:100%;
80
+ height:100vh;
81
+ background-image:linear-gradient(rgba(12,3,51,0.3),rgba(12,3,51,0.3));
82
+ position:relative;
83
+ padding:0 5%;
84
+ display:flex;
85
+ align-items:center;
86
+ justify-content:center;
87
+ }
88
+ .back-video{
89
+ position:absolute;
90
+ right:0;
91
+ bottom:0;
92
+ z-index:-1;
93
+ opacity:0.70;
94
+ }
95
+ @media (min-aspect-ratio:16/9)
96
+ {
97
+ .back-video{
98
+ width:100%;
99
+ height:100%%;
100
+ }
101
+ }
102
+ @media (max-aspect-ratio:16/9)
103
+ {
104
+ .back-video{
105
+ width:auto;
106
+ height:100%;
107
+ }
108
+ }
109
+ h2 {
110
+ color:white;
111
+ }
112
+
113
+ .background-image
114
+ {
115
+ background-image:url('../static/images/bggg.jpeg');
116
+ background-size:cover;
117
+ background-repeat:no-repeat;
118
+ height:200vh;
119
+
120
+ }
121
+
122
+ </style>
123
+ </head>
124
+
125
+ <body>
126
+
127
+ <div>
128
+ <img src="static/images/Strawberry Disease predection . (4).png" class="w3-border w3-padding" alt="Indian AI Production"
129
+ style="width:100%">
130
+ </div>
131
+ <section>
132
+ <div class="hero">
133
+ <video autoplay loop muted plays-inline class="back-video">
134
+ <source src="/static/vecteezy_young-strawberry-plants-in-spring-garden_3383447.mp4" type="video/mp4">
135
+ </video>
136
+
137
+ <div class="container my-2">
138
+ <div class="row mb-5">
139
+
140
+
141
+
142
+ <div class="col-sm" style="margin-bottom: 23px;">
143
+ <span class="border border-primary">
144
+ <img src="{{ user_image }}" alt="User Image" class="img-thumbnail">
145
+ <!-- <img src="{{pred_output}}" alt="User Image" class="img-thumbnail"> -->
146
+
147
+
148
+ </span>
149
+ </div>
150
+
151
+ <div class="col-sm">
152
+
153
+ <div>
154
+
155
+ <h1 style="padding: 15px;background-image: linear-gradient(to left top, #ed4e4e, #f75670, #fb6392, #f974b1, #f286cd);"
156
+ class="text-center mb-5 content-h1 rounded">
157
+ {{pred_output}} </h1>
158
+
159
+
160
+ <h2>Disease Name / रोगाचे नाव : </span></h2>
161
+ <h3 style="line-height: 100%; color:white">Gray Mold<br><br> राखाडी साचा <br>
162
+ </h3>
163
+ <hr class="w-100 mx-auto ">
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </section >
169
+
170
+ <h1 class="text-center mt-4 mb-4 animate-charcter" style="font-size:35px;text-align:center"> <b>Solution for Disease / रोग का उपचार / रोगाचा उपाय </b></h1>
171
+ <p><strong>Use any one Systemic Insecticide, which contain<i> Flonicamid 50%/ Thiamethoxam 25% WG / Imidacloprid
172
+ 17.8 Sl / Acetamiprid 20% SP.</i></strong></p>
173
+ <p></p>
174
+ <p>किसी भी एक प्रणालीगत कीटनाशक का प्रयोग करें, जिसमें फ्लोनिकमिड ५०% / थियामेथोक्साम 25% WG / इमिडाक्लोप्रिड
175
+ १७.८
176
+ एसएल / एसिटामिप्रिड २०% एसपी है।</p>
177
+ <p>कोणत्याही एक सिस्टीमिक कीटकनाशकाचा वापर करा, ज्यात फ्लोनीकायमिड ५०% / थियॅमेथॉक्सम 25% WG / इमिडाक्लोप्रिड
178
+ १७.८
179
+ एसएल / एसीटामिप्रिड २०% एसपी असेल.</p>
180
+
181
+ </div>
182
+
183
+ <section class="background-image">
184
+
185
+ <div class="container">
186
+ <h1 class="text-center mt-4 mb-4 animate-charcter" style="font-size:35px;text-align:center">
187
+ <b> Recommended Products</b></h1>
188
+ </div>
189
+
190
+ <div class="container">
191
+
192
+
193
+ <div class="card-columns ">
194
+ <div class="card ">
195
+ <div class="card-body text-center card-style">
196
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/preet.png" alt="">
197
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
198
+ </div>
199
+ </div>
200
+ <div class="card ">
201
+ <div class="card-body text-center card-style">
202
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/ulala.png" alt="">
203
+ <h3 class="card-text">Dose: 25-40 gm/Acre</h3>
204
+ </div>
205
+ </div>
206
+ <div class="card ">
207
+ <div class="card-body text-center card-style">
208
+ <img style="border-radius: 10px" class="img-fluid" src="/static/images/victor.png" alt="">
209
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
210
+ </div>
211
+ </div>
212
+ <div class="card ">
213
+ <div class="card-body text-center card-style">
214
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/confidor.png" alt="">
215
+ <h3 class="card-text">Dose: 25-35 ml/Acre</h3>
216
+ </div>
217
+ </div>
218
+ <div class="card ">
219
+ <div class="card-body text-center card-style">
220
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/panama.png" alt="">
221
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
222
+ </div>
223
+ </div>
224
+ <div class="card ">
225
+ <div class="card-body text-center card-style">
226
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/actara.png" alt="">
227
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
228
+ </div>
229
+ </div>
230
+
231
+
232
+ </div>
233
+
234
+ <div class="container-fluid contents">
235
+ <h5 style="padding: 15px; background-color:#93E9BE" class="text-center my-3 contents">
236
+ <center><button onclick="history.back()" style="width:180px;height:40px;background-image: linear-gradient(to left top, #ed4e4e, #f75670, #fb6392, #f974b1, #f286cd)"> Go Back </button></center>
237
+ </div>
238
+ </div>
239
+
240
+ </section>
241
+
242
+ </body>
243
+
244
+ </html>
templates/healthy_fruit.html ADDED
@@ -0,0 +1,70 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <!-- Bootstrap CSS -->
8
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css"
9
+ integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous">
10
+
11
+ <title>STRAWBERRY PLANT DISEASE PREDICTION</title>
12
+
13
+
14
+ <style>
15
+ * {
16
+ margin: 0px;
17
+ padding: 0px;
18
+ box-sizing: border-box;
19
+ }
20
+
21
+ .border img {
22
+ border-radius: 15px;
23
+ border: 2px solid black;
24
+ }
25
+ </style>
26
+ </head>
27
+
28
+ <body>
29
+
30
+ <div>
31
+ <img src="/static/images/banner.png" class="w3-border w3-padding" alt="Indian AI Production"
32
+ style="width:100%">
33
+ </div>
34
+
35
+ <div class="container my-2">
36
+ <div class="row mb-5">
37
+
38
+ <div class="col-sm" style="margin-bottom: 23px;">
39
+ <span class="border border-primary">
40
+ <img src="{{ user_image }}" alt="User Image" class="img-thumbnail">
41
+
42
+ </span>
43
+ </div>
44
+
45
+ <div class="col-sm">
46
+
47
+ <div>
48
+ <h1 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;"
49
+ class="text-center mb-5 content-h1 rounded">
50
+ {{pred_output}} </h1>
51
+ </div>
52
+ <div class="details">
53
+
54
+ <h5>
55
+
56
+ There is no disease on the cotton Plant.</br></br>
57
+ कपास के पेड़ पर कोई बीमारी नहीं है। </br></br>
58
+ कपाशीच्या झाडावर कोणताही रोग नाही आहे. </br></br>
59
+ કપાસના ઝાડ ઉપર કોઈ રોગ નથી.</br></br>
60
+ ಹತ್ತಿ ಮರದ ಮೇಲೆ ಯಾವುದೇ ರೋಗವಿಲ್ಲ..</br></br>
61
+ పత్తి చెట్టుపై వ్యాధి లేదు..</br></br>
62
+ </h5>
63
+ </div>
64
+ </div>
65
+ </div>
66
+
67
+ </div>
68
+ </body>
69
+
70
+ </html>
templates/healthy_plant.html ADDED
@@ -0,0 +1,80 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <!-- Bootstrap CSS -->
8
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css"
9
+ integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous">
10
+
11
+ <title>STRAWBERRY PLANT DISEASE PREDICTION</title>
12
+
13
+ <style>
14
+ * {
15
+ margin: 0px;
16
+ padding: 0px;
17
+ box-sizing: border-box;
18
+ }
19
+
20
+ .border img {
21
+ border-radius: 15px;
22
+ border: 2px solid black;
23
+ }
24
+ </style>
25
+ </head>
26
+
27
+ <body>
28
+
29
+
30
+
31
+ <div>
32
+ <img src="/static/images/banner.png" class="w3-border w3-padding" alt="Indian AI Production"
33
+ style="width:100%">
34
+ </div>
35
+
36
+
37
+
38
+
39
+ <div class="container my-2">
40
+ <div class="row mb-5">
41
+
42
+ <div class="col-sm" style="margin-bottom: 23px;">
43
+ <span class="border border-primary">
44
+ <img src="{{ user_image }}" alt="User Image" class="img-thumbnail">
45
+
46
+
47
+ </span>
48
+ </div>
49
+
50
+ <div class="col-sm">
51
+
52
+ <div>
53
+ <h1 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;"
54
+ class="text-center mb-5 content-h1 rounded">
55
+ {{pred_output}} </h1>
56
+ </div>
57
+ <div class="details">
58
+
59
+ <h6>
60
+
61
+
62
+ <b>There is no disease on the cotton plant.</b></br>
63
+ Although the chemical fertilizer has fallen on the leaves of the tree, the leaves are burnt, but
64
+ there is no need to worry.</br></br>
65
+ <b>स्ट्रॉबेरी के पेड़ पर कोई बीमारी नहीं है। </b></br>
66
+ </br></br>
67
+ <b>स्ट्रॉबेरी झाडावर कोणताही रोग नाही आहे. </b></br>
68
+ </b></br></br>
69
+
70
+
71
+ </h6>
72
+ </div>
73
+ </div>
74
+ </div>
75
+
76
+
77
+ </div>
78
+ </body>
79
+
80
+ </html>
templates/healthy_plant_leaf.html ADDED
@@ -0,0 +1,84 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <!-- Bootstrap CSS -->
8
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css"
9
+ integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous">
10
+
11
+ <title>STRAWBEERY PLANT DISEASE PREDICTION</title>
12
+
13
+ <style>
14
+ * {
15
+ margin: 0px;
16
+ padding: 0px;
17
+ box-sizing: border-box;
18
+ }
19
+
20
+ .border img {
21
+ border-radius: 15px;
22
+ border: 2px solid black;
23
+ }
24
+ </style>
25
+ </head>
26
+
27
+ <body>
28
+
29
+
30
+
31
+ <div>
32
+ <img src="/static/images/banner.png" class="w3-border w3-padding" alt="Indian AI Production"
33
+ style="width:100%">
34
+ </div>
35
+
36
+
37
+
38
+
39
+ <div class="container my-2">
40
+ <div class="row mb-5">
41
+
42
+ <div class="col-sm" style="margin-bottom: 23px;">
43
+ <span class="border border-primary">
44
+ <img src="{{ user_image }}" alt="User Image" class="img-thumbnail">
45
+
46
+
47
+ </span>
48
+ </div>
49
+
50
+ <div class="col-sm">
51
+
52
+ <div>
53
+ <h1 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;"
54
+ class="text-center mb-5 content-h1 rounded">
55
+ {{pred_output}} </h1>
56
+ </div>
57
+ <div class="details">
58
+
59
+ <h6>
60
+
61
+
62
+ <b>There is no disease on the cotton plant.</b></br>
63
+ Although the chemical fertilizer has fallen on the leaves of the tree, the leaves are burnt, but
64
+ there is no need to worry.</br></br>
65
+ <b>कपास के पेड़ पर कोई बीमारी नहीं है। </b></br>
66
+ रासायनिक उर्वरक पेड़ की पत्तियों पर गिर गया है, पत्तियां जल गई हैं, लेकिन चिंता करने की कोई
67
+ जरूरत नहीं है।</br></br>
68
+ <b>कपाशीच्या झाडावर कोणताही रोग नाही आहे. </b></br>
69
+ रासायनिक खत झाडाच्या पानावर पडल्यामुळे पान जळल आहे, तरी काही चिंता करायची गरज नाही. <b>मजूरांना
70
+ कंबर बागवून खत टाकायला सांगा. </b></br></br>
71
+ <b>કપાસના ઝાડ ઉપર કોઈ રોગ નથી.</b></br></br>
72
+ <b>ಹತ್ತಿ ಮರದ ಮೇಲೆ ಯಾವುದೇ ರೋಗವಿಲ್ಲ..</b></br></br>
73
+ <b>పత్తి చెట్టుపై వ్యాధి లేదు..</b></br></br>
74
+
75
+ </h6>
76
+ </div>
77
+ </div>
78
+ </div>
79
+
80
+
81
+ </div>
82
+ </body>
83
+
84
+ </html>
templates/index2.html ADDED
@@ -0,0 +1,543 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
11
+ integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
12
+ <link href="https://fonts.googleapis.com/css2?family=Rowdies:wght@700&display=swap" rel="stylesheet">
13
+ <!---<link rel="stylesheet" href="styles.css">!-->
14
+ <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
15
+
16
+ <title>STRAWBERRY PLANT DISEASE PREDICTION</title>
17
+
18
+ <style>
19
+
20
+ form {
21
+ display: flex;
22
+ height: 85vh;
23
+ justify-content: center;
24
+ align-items: center;
25
+ margin-top: 50px;
26
+ width: 60%;
27
+ text-align: center;
28
+ margin: auto;
29
+ }
30
+
31
+
32
+ .details h2 {
33
+
34
+ position: relative;
35
+ top: 100px;
36
+ margin: auto;
37
+ color: rgb(18, 231, 231);
38
+ font-size: 3rem;
39
+ }
40
+
41
+ label:hover {
42
+ transform: scale(1.03);
43
+ }
44
+
45
+ .details h2 {
46
+ /* margin-bottom: 300px; */
47
+ position: relative;
48
+ top: 100px;
49
+ margin: auto;
50
+ color: rgb(18, 231, 231);
51
+ font-size: 3rem;
52
+
53
+ }
54
+
55
+ .gallery-h1 h1 {
56
+
57
+ background-color: rgb(44, 43, 43);
58
+ color: white;
59
+ padding: 20px;
60
+ border-radius: 15px;
61
+
62
+ }
63
+
64
+ .details h1 {
65
+ color: white;
66
+ padding: 20px;
67
+ border-radius: 15px;
68
+ background-color: rgb(45, 47, 49);
69
+ }
70
+
71
+
72
+ .upload {
73
+
74
+ font-size: 20px;
75
+ background-color: rgb(255, 252, 252);
76
+ border-radius: 20px;
77
+ outline: none;
78
+ width: 315px;
79
+ color: rgb(0, 0, 0);
80
+ border: 3px solid rgb(45, 47, 49);
81
+
82
+
83
+
84
+ }
85
+
86
+ ::-webkit-file-upload-button {
87
+ color: white;
88
+ padding: 20px;
89
+ border: 2px solid rgb(129, 129, 129);
90
+ background-color: rgb(129, 129, 129);
91
+ border-radius: 15px;
92
+
93
+ }
94
+
95
+ ::-webkit-file-upload-button:hover {
96
+ border-radius: 20px;
97
+ border: 2px solid rgb(177, 174, 174);
98
+
99
+
100
+ }
101
+
102
+
103
+
104
+ input[type="submit"] {
105
+ position: absolute;
106
+ margin-top: 190px;
107
+ padding: 15px 35px;
108
+ background-color: white;
109
+ border-radius: 15px;
110
+ color: black;
111
+ font-size: 1.5rem;
112
+ border: 4px solid rgb(31, 185, 190);
113
+ }
114
+
115
+ .carousel-caption {
116
+ background: rgba(24, 25, 26, 0.5);
117
+ border-radius: 10px;
118
+ }
119
+
120
+
121
+ .carousel-caption h3 {
122
+
123
+
124
+ font-family: 'Rowdies', cursive;
125
+ color: yellow;
126
+ text-transform: uppercase;
127
+ margin-bottom: 10px;
128
+
129
+ }
130
+
131
+ .carousel-caption p {
132
+ padding: 7px;
133
+
134
+
135
+ }
136
+
137
+ .img-thumbnail {
138
+ height: 300px;
139
+ }
140
+
141
+ .Content-h5 {
142
+
143
+ padding: 15px;
144
+ background-color: rgb(153, 156, 150);
145
+ color: white;
146
+ border-radius: 15px;
147
+ margin-bottom: 25px;
148
+ }
149
+
150
+
151
+ @media only screen and (max-width: 325px) {
152
+ body {
153
+ font-size: x-small;
154
+
155
+ }
156
+ }
157
+ * {
158
+ box-sizing: border-box;
159
+ }
160
+
161
+ body {
162
+ margin: 0;
163
+ font-family: Arial;
164
+ }
165
+
166
+ /* The grid: Four equal columns that floats next to each other */
167
+ .column {
168
+ float: left;
169
+ width: 25%;
170
+ padding: 10px;
171
+ }
172
+
173
+ /* Style the images inside the grid */
174
+ .column img {
175
+ opacity: 0.8;
176
+ cursor: pointer;
177
+ }
178
+
179
+ .column img:hover {
180
+ opacity: 1;
181
+ }
182
+
183
+ /* Clear floats after the columns */
184
+ .row:after {
185
+ content: "";
186
+ display: table;
187
+ clear: both;
188
+ }
189
+
190
+ /* The expanding image container */
191
+ .container {
192
+ position: relative;
193
+ display: none;
194
+ }
195
+
196
+ /* Expanding image text */
197
+ #imgtext {
198
+ position: absolute;
199
+ bottom: 15px;
200
+ left: 15px;
201
+ color: white;
202
+ font-size: 20px;
203
+ }
204
+
205
+ /* Closable button inside the expanded image */
206
+ .closebtn {
207
+ position: absolute;
208
+ top: 10px;
209
+ right: 15px;
210
+ color: white;
211
+ font-size: 35px;
212
+ cursor: pointer;
213
+ }
214
+ .animate-charcter {
215
+ text-transform: uppercase;
216
+ background-image: linear-gradient(-225deg,
217
+ #231557 0%,
218
+ #44107a 29%,
219
+ #ff1361 67%,
220
+ #fff800 100%);
221
+ background-size: auto auto;
222
+ background-clip: border-box;
223
+ background-size: 200% auto;
224
+ color: #fff;
225
+ content: center;
226
+ background-clip: text;
227
+ -webkit-text-fill-color: transparent;
228
+ -webkit-background-clip: text;
229
+ -webkit-text-fill-color: transparent;
230
+ animation: textclip 3s linear infinite;
231
+ display: inline-block;
232
+ font-size: 24px;
233
+ }
234
+ @keyframes textclip {
235
+ to {
236
+ background-position: 200% center;
237
+ }
238
+ }
239
+ * {box-sizing: border-box;}
240
+ body {font-family: Verdana, sans-serif;}
241
+ .mySlides {display: none;}
242
+ img {vertical-align: middle;}
243
+
244
+ /* Slideshow container */
245
+ .slideshow-container {
246
+ max-width: 1500px;
247
+ position: relative;
248
+ margin: auto;
249
+ }
250
+
251
+ /* Caption text */
252
+ .text {
253
+ color: #000000;
254
+ font-size: 24px;
255
+ padding: 8px 12px;
256
+ position: absolute;
257
+ bottom: 8px;
258
+ width: 100%;
259
+ text-align: center;
260
+ }
261
+
262
+ /* Number text (1/3 etc) */
263
+ .numbertext {
264
+ color: #f2f2f2;
265
+ font-size: 12px;
266
+ padding: 8px 12px;
267
+ position: absolute;
268
+ top: 0;
269
+ }
270
+
271
+ /* The dots/bullets/indicators */
272
+ .dot {
273
+ height: 15px;
274
+ width: 15px;
275
+ margin: 0 2px;
276
+ background-color: #bbb;
277
+ border-radius: 50%;
278
+ display: inline-block;
279
+ transition: background-color 0.2s ease;
280
+ }
281
+
282
+ .active {
283
+ background-color: #717171;
284
+ }
285
+
286
+ /* Fading animation */
287
+ .fade {
288
+ animation-name: fade;
289
+ animation-duration: 1.5s;
290
+ }
291
+
292
+ @keyframes fade {
293
+ from {opacity: .4}
294
+ to {opacity: 1}
295
+ }
296
+
297
+ /* On smaller screens, decrease text size */
298
+ @media only screen and (max-width: 300px) {
299
+ .text {font-size: 11px}
300
+ }
301
+ </style>
302
+
303
+
304
+ </head>
305
+
306
+ <body>
307
+
308
+
309
+ <!---<header>
310
+ <div class="container-fluid">
311
+ <div id="myCarousel" class="carousel slide" data-ride="carousel">
312
+ <ol class="carousel-indicators">
313
+ <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
314
+ <li data-target="#myCarousel" data-slide-to="1" class=""></li>
315
+ <li data-target="#myCarousel" data-slide-to="2" class=""></li>
316
+ </ol>
317
+ <div class="carousel-inner">
318
+ <div class="carousel-item active ">
319
+ <img src="/static/images/image1.jpg" class="d-block w-100" alt="...">
320
+
321
+ <div class="container">
322
+ <div class="container background-img3">
323
+ <div class="carousel-caption">
324
+
325
+ <h3>Strawberry
326
+ Plant Disease Prediction AI App</h3>
327
+ <p>
328
+ Many veterans said that Deep Learning and AI is a threat to our world, but if we
329
+ use it properly, we can do many good things today, we will see a small example
330
+ of this in which we will be in Strawberry farming
331
+ Find out about the disease
332
+ </p>
333
+
334
+ </div>
335
+ </div>
336
+ </div>
337
+ </div>
338
+
339
+ <div class="carousel-item">
340
+ <img src="/static/images/img2.jpg" class="d-block w-100" alt="...">
341
+ <div class="container">
342
+ <div class="carousel-caption">
343
+ <h3>स्ट्रॉबेरी पेड़ का रोग का अंदाज और उपाय
344
+ </h3>
345
+ <p>
346
+ कई दिग्गजों ने कहा कि Deep Learning and AI यह हमारी दुनिया के लिए खतरा है लेकिन अगर
347
+ हम इसका सही यूज़ करें तो हम कई अच्छे काम भी कर सकते हैं आज इसी का छोटा सा example
348
+ देखेंगे जिसमें हम स्ट्रॉबेरी की खेती में होने वाले
349
+ रोग के बारे मे पता करेगें</p>
350
+
351
+ </div>
352
+ </div>
353
+ </div>
354
+
355
+
356
+ <div class="carousel-item">
357
+ <img src="/static/images/img3.jpg" class="d-block w-100" alt="...">
358
+ <div class="container">
359
+ <div class="container ">
360
+ <div class="carousel-caption">
361
+ <h3>
362
+ स्ट्रॉबेरीच्या झाडाच्या रोगाचा अंदाज आणि उपाय </h3>
363
+ <p>गेल्या काही वर्षांपासून
364
+ सखोल अभ्यास (Deep Learning) आणि कृत्रिम बुद्धिमत्ता (Artificial Intelligence) हा सर्वात चर्चेचा विषय राहिला आहे,
365
+ बरेच दिग्गज लोक म्हणतात की हा आपल्या जगासाठी धोका आहे, परंतु जर आपण त्याचा योग्य वापर केला तर आपण आज बर्‍याच चांगल्या गोष्टी करू शकतो.
366
+ त्याचेच एक उदाहरण हे की आपण स्ट्रॉबेरीचे रोग जाणून त्यावर त्यावर उपाय काढतो.
367
+ </p>
368
+
369
+ </div>
370
+ </div>
371
+ </div>
372
+ </div>
373
+ </div>
374
+ <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
375
+ <span class="carousel-control-prev-icon" aria-hidden="true"></span>
376
+ <span class="sr-only">Previous</span>
377
+ </a>
378
+ <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
379
+ <span class="carousel-control-next-icon" aria-hidden="true"></span>
380
+ <span class="sr-only">Next</span>
381
+ </a>
382
+ </div>
383
+ </div>
384
+ </header>-->
385
+ <div class="slideshow-container">
386
+ <center style="border: 5px solid black; padding:20px;">
387
+ <div class="mySlides fade">
388
+ <div class="numbertext">1 / 3</div>
389
+ <img src="static/images/image1.jpg" style="width:100%">
390
+ <div class="carousel-caption">
391
+ <h3>Strawberry
392
+ Plant Disease Prediction AI App</h3></div>
393
+ </div>
394
+
395
+ <div class="mySlides fade">
396
+ <div class="numbertext">2 / 3</div>
397
+ <img src="static/images/image2.JPG" style="width:100%">
398
+ <div class="carousel-caption">
399
+ <h3>स्ट्रॉबेरी पेड़ का रोग का अंदाज और उपाय
400
+ </h3> </div>
401
+ </div>
402
+
403
+ <div class="mySlides fade">
404
+ <div class="numbertext">3 / 3</div>
405
+ <img src="static/images/image3.jpg" style="width:100%">
406
+ <div class="carousel-caption">
407
+ <h3>
408
+ स्ट्रॉबेरीच्या झाडाच्या रोगाचा अंदाज आणि उपाय </h3></div>
409
+ </div>
410
+
411
+ </div>
412
+ <br>
413
+
414
+ <div style="text-align:center">
415
+ <span class="dot"></span>
416
+ <span class="dot"></span>
417
+ <span class="dot"></span>
418
+ </div>
419
+
420
+
421
+
422
+
423
+ <section>
424
+ <div class="container-fluid details"><br><br>
425
+ <center style="border: 5px solid black; padding: 1px;">
426
+ <h1 class="text-center mt-4 mb-4 animate-charcter" style="font-size:30px" >Predict strawberry Crop Disease & Get Cure</h1>
427
+ </center>
428
+ <h2 class="text-center mt-4 mb-4" style="font-size: 2rem;">स्ट्रॉबेरी के पेड कि तस्वीर डालिये</h2>
429
+ <form action="/predict" method="post" enctype="multipart/form-data" onsubmit="showloading()">
430
+
431
+ <input type="file" name="image" class="upload"><br>
432
+ <input type="submit" value="Predict">
433
+
434
+ </form>
435
+ </div>
436
+ </section>
437
+
438
+
439
+ <section>
440
+ <center style="border: 5px solid black; padding: 3px;">
441
+ <div class="text-center mt-4 mb-4 animate-charcter">
442
+ <h1>Photo Gallery</h1>
443
+ </div>
444
+ </center>
445
+ <div class="row">
446
+ <div class="column">
447
+ <img src="/static/images/gal1.jpg" alt="" style="width:100%" onclick="myFunction(this);">
448
+ </div>
449
+ <div class="column">
450
+ <img src="/static/images/gal2.jpg" alt="" style="width:100%" onclick="myFunction(this);">
451
+ </div>
452
+ <div class="column">
453
+ <img src="/static/images/gal3.jpg" alt="" style="width:100%" onclick="myFunction(this);">
454
+ </div>
455
+ <div class="column">
456
+ <img src="/static/images/gall (3).jpeg" alt="" style="width:100%" onclick="myFunction(this);">
457
+ </div>
458
+ <div class="column">
459
+ <img src="/static/images/gal5.jpeg" alt="" style="width:100%" onclick="myFunction(this);">
460
+ </div>
461
+ <div class="column">
462
+ <img src="/static/images/mob4.JPG" alt="" style="width:100%" onclick="myFunction(this);">
463
+ </div>
464
+ <div class="column">
465
+ <img src="/static/images/gall (1).jpeg" alt="" style="width:100%" onclick="myFunction(this);">
466
+ </div>
467
+ <div class="column">
468
+ <img src="/static/images/gall (2).jpeg" alt="" style="width:100%" onclick="myFunction(this);">
469
+ </div>
470
+ </div>
471
+
472
+ <center><div class="container">
473
+ <span onclick="this.parentElement.style.display='none'" class="closebtn">&times;</span>
474
+ <img id="expandedImg" style="width:50%">
475
+ <div id="imgtext"></div>
476
+ </div></center>
477
+
478
+ </section>
479
+
480
+ <section>
481
+ <div class="container Content-h5">
482
+
483
+ <h5 style="font-size: 1rem;" class="text-center my-3 contents">
484
+ Delivery Contact:
485
+ IndianAIProduction.business@gmail.com</h5>
486
+
487
+ </div>
488
+ </section>
489
+
490
+
491
+
492
+
493
+
494
+
495
+
496
+
497
+ <script>
498
+ function myFunction(imgs) {
499
+ var expandImg = document.getElementById("expandedImg");
500
+ var imgText = document.getElementById("imgtext");
501
+ expandImg.src = imgs.src;
502
+ imgText.innerHTML = imgs.alt;
503
+ expandImg.parentElement.style.display = "block";
504
+ }
505
+ </script>
506
+
507
+
508
+
509
+ <!-- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
510
+ integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
511
+ crossorigin="anonymous"></script>-->
512
+ <!--<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
513
+ integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
514
+ crossorigin="anonymous"></script>!-->
515
+ <!--<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
516
+ integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
517
+ crossorigin="anonymous"></script>!-->
518
+ <script>
519
+ let slideIndex = 0;
520
+ showSlides();
521
+
522
+ function showSlides() {
523
+ let i;
524
+ let slides = document.getElementsByClassName("mySlides");
525
+ let dots = document.getElementsByClassName("dot");
526
+ for (i = 0; i < slides.length; i++) {
527
+ slides[i].style.display = "none";
528
+ }
529
+ slideIndex++;
530
+ if (slideIndex > slides.length) {slideIndex = 1}
531
+ for (i = 0; i < dots.length; i++) {
532
+ dots[i].className = dots[i].className.replace(" active", "");
533
+ }
534
+ slides[slideIndex-1].style.display = "block";
535
+ dots[slideIndex-1].className += " active";
536
+ setTimeout(showSlides, 2000); // Change image every 2 seconds
537
+ }
538
+ </script>
539
+
540
+
541
+ </body>
542
+
543
+ </html>
templates/js/sweetalert.js ADDED
@@ -0,0 +1 @@
 
 
1
+ !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.swal=e():t.swal=e()}(this,function(){return function(t){function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=8)}([function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o="swal-button";e.CLASS_NAMES={MODAL:"swal-modal",OVERLAY:"swal-overlay",SHOW_MODAL:"swal-overlay--show-modal",MODAL_TITLE:"swal-title",MODAL_TEXT:"swal-text",ICON:"swal-icon",ICON_CUSTOM:"swal-icon--custom",CONTENT:"swal-content",FOOTER:"swal-footer",BUTTON_CONTAINER:"swal-button-container",BUTTON:o,CONFIRM_BUTTON:o+"--confirm",CANCEL_BUTTON:o+"--cancel",DANGER_BUTTON:o+"--danger",BUTTON_LOADING:o+"--loading",BUTTON_LOADER:o+"__loader"},e.default=e.CLASS_NAMES},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getNode=function(t){var e="."+t;return document.querySelector(e)},e.stringToNode=function(t){var e=document.createElement("div");return e.innerHTML=t.trim(),e.firstChild},e.insertAfter=function(t,e){var n=e.nextSibling;e.parentNode.insertBefore(t,n)},e.removeNode=function(t){t.parentElement.removeChild(t)},e.throwErr=function(t){throw t=t.replace(/ +(?= )/g,""),"SweetAlert: "+(t=t.trim())},e.isPlainObject=function(t){if("[object Object]"!==Object.prototype.toString.call(t))return!1;var e=Object.getPrototypeOf(t);return null===e||e===Object.prototype},e.ordinalSuffixOf=function(t){var e=t%10,n=t%100;return 1===e&&11!==n?t+"st":2===e&&12!==n?t+"nd":3===e&&13!==n?t+"rd":t+"th"}},function(t,e,n){"use strict";function o(t){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}Object.defineProperty(e,"__esModule",{value:!0}),o(n(25));var r=n(26);e.overlayMarkup=r.default,o(n(27)),o(n(28)),o(n(29));var i=n(0),a=i.default.MODAL_TITLE,s=i.default.MODAL_TEXT,c=i.default.ICON,l=i.default.FOOTER;e.iconMarkup='\n <div class="'+c+'"></div>',e.titleMarkup='\n <div class="'+a+'"></div>\n',e.textMarkup='\n <div class="'+s+'"></div>',e.footerMarkup='\n <div class="'+l+'"></div>\n'},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(1);e.CONFIRM_KEY="confirm",e.CANCEL_KEY="cancel";var r={visible:!0,text:null,value:null,className:"",closeModal:!0},i=Object.assign({},r,{visible:!1,text:"Cancel",value:null}),a=Object.assign({},r,{text:"OK",value:!0});e.defaultButtonList={cancel:i,confirm:a};var s=function(t){switch(t){case e.CONFIRM_KEY:return a;case e.CANCEL_KEY:return i;default:var n=t.charAt(0).toUpperCase()+t.slice(1);return Object.assign({},r,{text:n,value:t})}},c=function(t,e){var n=s(t);return!0===e?Object.assign({},n,{visible:!0}):"string"==typeof e?Object.assign({},n,{visible:!0,text:e}):o.isPlainObject(e)?Object.assign({visible:!0},n,e):Object.assign({},n,{visible:!1})},l=function(t){for(var e={},n=0,o=Object.keys(t);n<o.length;n++){var r=o[n],a=t[r],s=c(r,a);e[r]=s}return e.cancel||(e.cancel=i),e},u=function(t){var n={};switch(t.length){case 1:n[e.CANCEL_KEY]=Object.assign({},i,{visible:!1});break;case 2:n[e.CANCEL_KEY]=c(e.CANCEL_KEY,t[0]),n[e.CONFIRM_KEY]=c(e.CONFIRM_KEY,t[1]);break;default:o.throwErr("Invalid number of 'buttons' in array ("+t.length+").\n If you want more than 2 buttons, you need to use an object!")}return n};e.getButtonListOpts=function(t){var n=e.defaultButtonList;return"string"==typeof t?n[e.CONFIRM_KEY]=c(e.CONFIRM_KEY,t):Array.isArray(t)?n=u(t):o.isPlainObject(t)?n=l(t):!0===t?n=u([!0,!0]):!1===t?n=u([!1,!1]):void 0===t&&(n=e.defaultButtonList),n}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),r=n(2),i=n(0),a=i.default.MODAL,s=i.default.OVERLAY,c=n(30),l=n(31),u=n(32),f=n(33);e.injectElIntoModal=function(t){var e=o.getNode(a),n=o.stringToNode(t);return e.appendChild(n),n};var d=function(t){t.className=a,t.textContent=""},p=function(t,e){d(t);var n=e.className;n&&t.classList.add(n)};e.initModalContent=function(t){var e=o.getNode(a);p(e,t),c.default(t.icon),l.initTitle(t.title),l.initText(t.text),f.default(t.content),u.default(t.buttons,t.dangerMode)};var m=function(){var t=o.getNode(s),e=o.stringToNode(r.modalMarkup);t.appendChild(e)};e.default=m},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(3),r={isOpen:!1,promise:null,actions:{},timer:null},i=Object.assign({},r);e.resetState=function(){i=Object.assign({},r)},e.setActionValue=function(t){if("string"==typeof t)return a(o.CONFIRM_KEY,t);for(var e in t)a(e,t[e])};var a=function(t,e){i.actions[t]||(i.actions[t]={}),Object.assign(i.actions[t],{value:e})};e.setActionOptionsFor=function(t,e){var n=(void 0===e?{}:e).closeModal,o=void 0===n||n;Object.assign(i.actions[t],{closeModal:o})},e.default=i},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),r=n(3),i=n(0),a=i.default.OVERLAY,s=i.default.SHOW_MODAL,c=i.default.BUTTON,l=i.default.BUTTON_LOADING,u=n(5);e.openModal=function(){o.getNode(a).classList.add(s),u.default.isOpen=!0};var f=function(){o.getNode(a).classList.remove(s),u.default.isOpen=!1};e.onAction=function(t){void 0===t&&(t=r.CANCEL_KEY);var e=u.default.actions[t],n=e.value;if(!1===e.closeModal){var i=c+"--"+t;o.getNode(i).classList.add(l)}else f();u.default.promise.resolve(n)},e.getState=function(){var t=Object.assign({},u.default);return delete t.promise,delete t.timer,t},e.stopLoading=function(){for(var t=document.querySelectorAll("."+c),e=0;e<t.length;e++){t[e].classList.remove(l)}}},function(t,e){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e,n){(function(e){t.exports=e.sweetAlert=n(9)}).call(e,n(7))},function(t,e,n){(function(e){t.exports=e.swal=n(10)}).call(e,n(7))},function(t,e,n){"undefined"!=typeof window&&n(11),n(16);var o=n(23).default;t.exports=o},function(t,e,n){var o=n(12);"string"==typeof o&&(o=[[t.i,o,""]]);var r={insertAt:"top"};r.transform=void 0;n(14)(o,r);o.locals&&(t.exports=o.locals)},function(t,e,n){e=t.exports=n(13)(void 0),e.push([t.i,'.swal-icon--error{border-color:#f27474;-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}.swal-icon--error__x-mark{position:relative;display:block;-webkit-animation:animateXMark .5s;animation:animateXMark .5s}.swal-icon--error__line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal-icon--error__line--left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal-icon--error__line--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}@-webkit-keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal-icon--warning{border-color:#f8bb86;-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}.swal-icon--warning__body{width:5px;height:47px;top:10px;border-radius:2px;margin-left:-2px}.swal-icon--warning__body,.swal-icon--warning__dot{position:absolute;left:50%;background-color:#f8bb86}.swal-icon--warning__dot{width:7px;height:7px;border-radius:50%;margin-left:-4px;bottom:-11px}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.swal-icon--success{border-color:#a5dc86}.swal-icon--success:after,.swal-icon--success:before{content:"";border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal-icon--success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal-icon--success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}.swal-icon--success__ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal-icon--success__hide-corners{width:5px;height:90px;background-color:#fff;padding:1px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal-icon--success__line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal-icon--success__line--tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.swal-icon--success__line--long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.swal-icon--info{border-color:#c9dae1}.swal-icon--info:before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.swal-icon--info:after,.swal-icon--info:before{content:"";position:absolute;left:50%;background-color:#c9dae1}.swal-icon--info:after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.swal-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.swal-icon:first-child{margin-top:32px}.swal-icon--custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.swal-icon img{max-width:100%;max-height:100%}.swal-title{color:rgba(0,0,0,.65);font-weight:600;text-transform:none;position:relative;display:block;padding:13px 16px;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.swal-title:first-child{margin-top:26px}.swal-title:not(:first-child){padding-bottom:0}.swal-title:not(:last-child){margin-bottom:13px}.swal-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:left;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:rgba(0,0,0,.64);max-width:calc(100% - 20px);overflow-wrap:break-word;box-sizing:border-box}.swal-text:first-child{margin-top:45px}.swal-text:last-child{margin-bottom:45px}.swal-footer{text-align:right;padding-top:13px;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.swal-button-container{margin:5px;display:inline-block;position:relative}.swal-button{background-color:#7cd1f9;color:#fff;border:none;box-shadow:none;border-radius:5px;font-weight:600;font-size:14px;padding:10px 24px;margin:0;cursor:pointer}.swal-button:not([disabled]):hover{background-color:#78cbf2}.swal-button:active{background-color:#70bce0}.swal-button:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(43,114,165,.29)}.swal-button[disabled]{opacity:.5;cursor:default}.swal-button::-moz-focus-inner{border:0}.swal-button--cancel{color:#555;background-color:#efefef}.swal-button--cancel:not([disabled]):hover{background-color:#e8e8e8}.swal-button--cancel:active{background-color:#d7d7d7}.swal-button--cancel:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29)}.swal-button--danger{background-color:#e64942}.swal-button--danger:not([disabled]):hover{background-color:#df4740}.swal-button--danger:active{background-color:#cf423b}.swal-button--danger:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(165,43,43,.29)}.swal-content{padding:0 20px;margin-top:20px;font-size:medium}.swal-content:last-child{margin-bottom:20px}.swal-content__input,.swal-content__textarea{-webkit-appearance:none;background-color:#fff;border:none;font-size:14px;display:block;box-sizing:border-box;width:100%;border:1px solid rgba(0,0,0,.14);padding:10px 13px;border-radius:2px;transition:border-color .2s}.swal-content__input:focus,.swal-content__textarea:focus{outline:none;border-color:#6db8ff}.swal-content__textarea{resize:vertical}.swal-button--loading{color:transparent}.swal-button--loading~.swal-button__loader{opacity:1}.swal-button__loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0}.swal-button__loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:swal-loading-anim 1s infinite;animation:swal-loading-anim 1s infinite}.swal-button__loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}.swal-button__loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}.swal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;font-size:0;overflow-y:auto;background-color:rgba(0,0,0,.4);z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s}.swal-overlay:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.swal-overlay--show-modal{opacity:1;pointer-events:auto}.swal-overlay--show-modal .swal-modal{opacity:1;pointer-events:auto;box-sizing:border-box;-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s;will-change:transform}.swal-modal{width:478px;opacity:0;pointer-events:none;background-color:#fff;text-align:center;border-radius:5px;position:static;margin:20px auto;display:inline-block;vertical-align:middle;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:10001;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}@media (max-width:500px){.swal-modal{width:calc(100% - 20px)}}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}',""])},function(t,e){function n(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"==typeof btoa){var i=o(r);return[n].concat(r.sources.map(function(t){return"/*# sourceURL="+r.sourceRoot+t+" */"})).concat([i]).join("\n")}return[n].join("\n")}function o(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var o=n(e,t);return e[2]?"@media "+e[2]+"{"+o+"}":o}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(o[i]=!0)}for(r=0;r<t.length;r++){var a=t[r];"number"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e,n){function o(t,e){for(var n=0;n<t.length;n++){var o=t[n],r=m[o.id];if(r){r.refs++;for(var i=0;i<r.parts.length;i++)r.parts[i](o.parts[i]);for(;i<o.parts.length;i++)r.parts.push(u(o.parts[i],e))}else{for(var a=[],i=0;i<o.parts.length;i++)a.push(u(o.parts[i],e));m[o.id]={id:o.id,refs:1,parts:a}}}}function r(t,e){for(var n=[],o={},r=0;r<t.length;r++){var i=t[r],a=e.base?i[0]+e.base:i[0],s=i[1],c=i[2],l=i[3],u={css:s,media:c,sourceMap:l};o[a]?o[a].parts.push(u):n.push(o[a]={id:a,parts:[u]})}return n}function i(t,e){var n=v(t.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=w[w.length-1];if("top"===t.insertAt)o?o.nextSibling?n.insertBefore(e,o.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),w.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(e)}}function a(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t);var e=w.indexOf(t);e>=0&&w.splice(e,1)}function s(t){var e=document.createElement("style");return t.attrs.type="text/css",l(e,t.attrs),i(t,e),e}function c(t){var e=document.createElement("link");return t.attrs.type="text/css",t.attrs.rel="stylesheet",l(e,t.attrs),i(t,e),e}function l(t,e){Object.keys(e).forEach(function(n){t.setAttribute(n,e[n])})}function u(t,e){var n,o,r,i;if(e.transform&&t.css){if(!(i=e.transform(t.css)))return function(){};t.css=i}if(e.singleton){var l=h++;n=g||(g=s(e)),o=f.bind(null,n,l,!1),r=f.bind(null,n,l,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=c(e),o=p.bind(null,n,e),r=function(){a(n),n.href&&URL.revokeObjectURL(n.href)}):(n=s(e),o=d.bind(null,n),r=function(){a(n)});return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else r()}}function f(t,e,n,o){var r=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=x(e,r);else{var i=document.createTextNode(r),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function d(t,e){var n=e.css,o=e.media;if(o&&t.setAttribute("media",o),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}function p(t,e,n){var o=n.css,r=n.sourceMap,i=void 0===e.convertToAbsoluteUrls&&r;(e.convertToAbsoluteUrls||i)&&(o=y(o)),r&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var a=new Blob([o],{type:"text/css"}),s=t.href;t.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}var m={},b=function(t){var e;return function(){return void 0===e&&(e=t.apply(this,arguments)),e}}(function(){return window&&document&&document.all&&!window.atob}),v=function(t){var e={};return function(n){return void 0===e[n]&&(e[n]=t.call(this,n)),e[n]}}(function(t){return document.querySelector(t)}),g=null,h=0,w=[],y=n(15);t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");e=e||{},e.attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||(e.singleton=b()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var n=r(t,e);return o(n,e),function(t){for(var i=[],a=0;a<n.length;a++){var s=n[a],c=m[s.id];c.refs--,i.push(c)}if(t){o(r(t,e),e)}for(var a=0;a<i.length;a++){var c=i[a];if(0===c.refs){for(var l=0;l<c.parts.length;l++)c.parts[l]();delete m[c.id]}}}};var x=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e){t.exports=function(t){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var n=e.protocol+"//"+e.host,o=n+e.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(t,e){var r=e.trim().replace(/^"(.*)"$/,function(t,e){return e}).replace(/^'(.*)'$/,function(t,e){return e});if(/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/)/i.test(r))return t;var i;return i=0===r.indexOf("//")?r:0===r.indexOf("/")?n+r:o+r.replace(/^\.\//,""),"url("+JSON.stringify(i)+")"})}},function(t,e,n){var o=n(17);"undefined"==typeof window||window.Promise||(window.Promise=o),n(21),String.prototype.includes||(String.prototype.includes=function(t,e){"use strict";return"number"!=typeof e&&(e=0),!(e+t.length>this.length)&&-1!==this.indexOf(t,e)}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(t,e){if(null==this)throw new TypeError('"this" is null or not defined');var n=Object(this),o=n.length>>>0;if(0===o)return!1;for(var r=0|e,i=Math.max(r>=0?r:o-Math.abs(r),0);i<o;){if(function(t,e){return t===e||"number"==typeof t&&"number"==typeof e&&isNaN(t)&&isNaN(e)}(n[i],t))return!0;i++}return!1}}),"undefined"!=typeof window&&function(t){t.forEach(function(t){t.hasOwnProperty("remove")||Object.defineProperty(t,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){this.parentNode.removeChild(this)}})})}([Element.prototype,CharacterData.prototype,DocumentType.prototype])},function(t,e,n){(function(e){!function(n){function o(){}function r(t,e){return function(){t.apply(e,arguments)}}function i(t){if("object"!=typeof this)throw new TypeError("Promises must be constructed via new");if("function"!=typeof t)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=void 0,this._deferreds=[],f(t,this)}function a(t,e){for(;3===t._state;)t=t._value;if(0===t._state)return void t._deferreds.push(e);t._handled=!0,i._immediateFn(function(){var n=1===t._state?e.onFulfilled:e.onRejected;if(null===n)return void(1===t._state?s:c)(e.promise,t._value);var o;try{o=n(t._value)}catch(t){return void c(e.promise,t)}s(e.promise,o)})}function s(t,e){try{if(e===t)throw new TypeError("A promise cannot be resolved with itself.");if(e&&("object"==typeof e||"function"==typeof e)){var n=e.then;if(e instanceof i)return t._state=3,t._value=e,void l(t);if("function"==typeof n)return void f(r(n,e),t)}t._state=1,t._value=e,l(t)}catch(e){c(t,e)}}function c(t,e){t._state=2,t._value=e,l(t)}function l(t){2===t._state&&0===t._deferreds.length&&i._immediateFn(function(){t._handled||i._unhandledRejectionFn(t._value)});for(var e=0,n=t._deferreds.length;e<n;e++)a(t,t._deferreds[e]);t._deferreds=null}function u(t,e,n){this.onFulfilled="function"==typeof t?t:null,this.onRejected="function"==typeof e?e:null,this.promise=n}function f(t,e){var n=!1;try{t(function(t){n||(n=!0,s(e,t))},function(t){n||(n=!0,c(e,t))})}catch(t){if(n)return;n=!0,c(e,t)}}var d=setTimeout;i.prototype.catch=function(t){return this.then(null,t)},i.prototype.then=function(t,e){var n=new this.constructor(o);return a(this,new u(t,e,n)),n},i.all=function(t){var e=Array.prototype.slice.call(t);return new i(function(t,n){function o(i,a){try{if(a&&("object"==typeof a||"function"==typeof a)){var s=a.then;if("function"==typeof s)return void s.call(a,function(t){o(i,t)},n)}e[i]=a,0==--r&&t(e)}catch(t){n(t)}}if(0===e.length)return t([]);for(var r=e.length,i=0;i<e.length;i++)o(i,e[i])})},i.resolve=function(t){return t&&"object"==typeof t&&t.constructor===i?t:new i(function(e){e(t)})},i.reject=function(t){return new i(function(e,n){n(t)})},i.race=function(t){return new i(function(e,n){for(var o=0,r=t.length;o<r;o++)t[o].then(e,n)})},i._immediateFn="function"==typeof e&&function(t){e(t)}||function(t){d(t,0)},i._unhandledRejectionFn=function(t){"undefined"!=typeof console&&console&&console.warn("Possible Unhandled Promise Rejection:",t)},i._setImmediateFn=function(t){i._immediateFn=t},i._setUnhandledRejectionFn=function(t){i._unhandledRejectionFn=t},void 0!==t&&t.exports?t.exports=i:n.Promise||(n.Promise=i)}(this)}).call(e,n(18).setImmediate)},function(t,e,n){function o(t,e){this._id=t,this._clearFn=e}var r=Function.prototype.apply;e.setTimeout=function(){return new o(r.call(setTimeout,window,arguments),clearTimeout)},e.setInterval=function(){return new o(r.call(setInterval,window,arguments),clearInterval)},e.clearTimeout=e.clearInterval=function(t){t&&t.close()},o.prototype.unref=o.prototype.ref=function(){},o.prototype.close=function(){this._clearFn.call(window,this._id)},e.enroll=function(t,e){clearTimeout(t._idleTimeoutId),t._idleTimeout=e},e.unenroll=function(t){clearTimeout(t._idleTimeoutId),t._idleTimeout=-1},e._unrefActive=e.active=function(t){clearTimeout(t._idleTimeoutId);var e=t._idleTimeout;e>=0&&(t._idleTimeoutId=setTimeout(function(){t._onTimeout&&t._onTimeout()},e))},n(19),e.setImmediate=setImmediate,e.clearImmediate=clearImmediate},function(t,e,n){(function(t,e){!function(t,n){"use strict";function o(t){"function"!=typeof t&&(t=new Function(""+t));for(var e=new Array(arguments.length-1),n=0;n<e.length;n++)e[n]=arguments[n+1];var o={callback:t,args:e};return l[c]=o,s(c),c++}function r(t){delete l[t]}function i(t){var e=t.callback,o=t.args;switch(o.length){case 0:e();break;case 1:e(o[0]);break;case 2:e(o[0],o[1]);break;case 3:e(o[0],o[1],o[2]);break;default:e.apply(n,o)}}function a(t){if(u)setTimeout(a,0,t);else{var e=l[t];if(e){u=!0;try{i(e)}finally{r(t),u=!1}}}}if(!t.setImmediate){var s,c=1,l={},u=!1,f=t.document,d=Object.getPrototypeOf&&Object.getPrototypeOf(t);d=d&&d.setTimeout?d:t,"[object process]"==={}.toString.call(t.process)?function(){s=function(t){e.nextTick(function(){a(t)})}}():function(){if(t.postMessage&&!t.importScripts){var e=!0,n=t.onmessage;return t.onmessage=function(){e=!1},t.postMessage("","*"),t.onmessage=n,e}}()?function(){var e="setImmediate$"+Math.random()+"$",n=function(n){n.source===t&&"string"==typeof n.data&&0===n.data.indexOf(e)&&a(+n.data.slice(e.length))};t.addEventListener?t.addEventListener("message",n,!1):t.attachEvent("onmessage",n),s=function(n){t.postMessage(e+n,"*")}}():t.MessageChannel?function(){var t=new MessageChannel;t.port1.onmessage=function(t){a(t.data)},s=function(e){t.port2.postMessage(e)}}():f&&"onreadystatechange"in f.createElement("script")?function(){var t=f.documentElement;s=function(e){var n=f.createElement("script");n.onreadystatechange=function(){a(e),n.onreadystatechange=null,t.removeChild(n),n=null},t.appendChild(n)}}():function(){s=function(t){setTimeout(a,0,t)}}(),d.setImmediate=o,d.clearImmediate=r}}("undefined"==typeof self?void 0===t?this:t:self)}).call(e,n(7),n(20))},function(t,e){function n(){throw new Error("setTimeout has not been defined")}function o(){throw new Error("clearTimeout has not been defined")}function r(t){if(u===setTimeout)return setTimeout(t,0);if((u===n||!u)&&setTimeout)return u=setTimeout,setTimeout(t,0);try{return u(t,0)}catch(e){try{return u.call(null,t,0)}catch(e){return u.call(this,t,0)}}}function i(t){if(f===clearTimeout)return clearTimeout(t);if((f===o||!f)&&clearTimeout)return f=clearTimeout,clearTimeout(t);try{return f(t)}catch(e){try{return f.call(null,t)}catch(e){return f.call(this,t)}}}function a(){b&&p&&(b=!1,p.length?m=p.concat(m):v=-1,m.length&&s())}function s(){if(!b){var t=r(a);b=!0;for(var e=m.length;e;){for(p=m,m=[];++v<e;)p&&p[v].run();v=-1,e=m.length}p=null,b=!1,i(t)}}function c(t,e){this.fun=t,this.array=e}function l(){}var u,f,d=t.exports={};!function(){try{u="function"==typeof setTimeout?setTimeout:n}catch(t){u=n}try{f="function"==typeof clearTimeout?clearTimeout:o}catch(t){f=o}}();var p,m=[],b=!1,v=-1;d.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)e[n-1]=arguments[n];m.push(new c(t,e)),1!==m.length||b||r(s)},c.prototype.run=function(){this.fun.apply(null,this.array)},d.title="browser",d.browser=!0,d.env={},d.argv=[],d.version="",d.versions={},d.on=l,d.addListener=l,d.once=l,d.off=l,d.removeListener=l,d.removeAllListeners=l,d.emit=l,d.prependListener=l,d.prependOnceListener=l,d.listeners=function(t){return[]},d.binding=function(t){throw new Error("process.binding is not supported")},d.cwd=function(){return"/"},d.chdir=function(t){throw new Error("process.chdir is not supported")},d.umask=function(){return 0}},function(t,e,n){"use strict";n(22).polyfill()},function(t,e,n){"use strict";function o(t,e){if(void 0===t||null===t)throw new TypeError("Cannot convert first argument to object");for(var n=Object(t),o=1;o<arguments.length;o++){var r=arguments[o];if(void 0!==r&&null!==r)for(var i=Object.keys(Object(r)),a=0,s=i.length;a<s;a++){var c=i[a],l=Object.getOwnPropertyDescriptor(r,c);void 0!==l&&l.enumerable&&(n[c]=r[c])}}return n}function r(){Object.assign||Object.defineProperty(Object,"assign",{enumerable:!1,configurable:!0,writable:!0,value:o})}t.exports={assign:o,polyfill:r}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(24),r=n(6),i=n(5),a=n(36),s=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];if("undefined"!=typeof window){var n=a.getOpts.apply(void 0,t);return new Promise(function(t,e){i.default.promise={resolve:t,reject:e},o.default(n),setTimeout(function(){r.openModal()})})}};s.close=r.onAction,s.getState=r.getState,s.setActionValue=i.setActionValue,s.stopLoading=r.stopLoading,s.setDefaults=a.setDefaults,e.default=s},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),r=n(0),i=r.default.MODAL,a=n(4),s=n(34),c=n(35),l=n(1);e.init=function(t){o.getNode(i)||(document.body||l.throwErr("You can only use SweetAlert AFTER the DOM has loaded!"),s.default(),a.default()),a.initModalContent(t),c.default(t)},e.default=e.init},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(0),r=o.default.MODAL;e.modalMarkup='\n <div class="'+r+'" role="dialog" aria-modal="true"></div>',e.default=e.modalMarkup},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(0),r=o.default.OVERLAY,i='<div \n class="'+r+'"\n tabIndex="-1">\n </div>';e.default=i},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(0),r=o.default.ICON;e.errorIconMarkup=function(){var t=r+"--error",e=t+"__line";return'\n <div class="'+t+'__x-mark">\n <span class="'+e+" "+e+'--left"></span>\n <span class="'+e+" "+e+'--right"></span>\n </div>\n '},e.warningIconMarkup=function(){var t=r+"--warning";return'\n <span class="'+t+'__body">\n <span class="'+t+'__dot"></span>\n </span>\n '},e.successIconMarkup=function(){var t=r+"--success";return'\n <span class="'+t+"__line "+t+'__line--long"></span>\n <span class="'+t+"__line "+t+'__line--tip"></span>\n\n <div class="'+t+'__ring"></div>\n <div class="'+t+'__hide-corners"></div>\n '}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(0),r=o.default.CONTENT;e.contentMarkup='\n <div class="'+r+'">\n\n </div>\n'},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(0),r=o.default.BUTTON_CONTAINER,i=o.default.BUTTON,a=o.default.BUTTON_LOADER;e.buttonMarkup='\n <div class="'+r+'">\n\n <button\n class="'+i+'"\n ></button>\n\n <div class="'+a+'">\n <div></div>\n <div></div>\n <div></div>\n </div>\n\n </div>\n'},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(4),r=n(2),i=n(0),a=i.default.ICON,s=i.default.ICON_CUSTOM,c=["error","warning","success","info"],l={error:r.errorIconMarkup(),warning:r.warningIconMarkup(),success:r.successIconMarkup()},u=function(t,e){var n=a+"--"+t;e.classList.add(n);var o=l[t];o&&(e.innerHTML=o)},f=function(t,e){e.classList.add(s);var n=document.createElement("img");n.src=t,e.appendChild(n)},d=function(t){if(t){var e=o.injectElIntoModal(r.iconMarkup);c.includes(t)?u(t,e):f(t,e)}};e.default=d},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(2),r=n(4),i=function(t){navigator.userAgent.includes("AppleWebKit")&&(t.style.display="none",t.offsetHeight,t.style.display="")};e.initTitle=function(t){if(t){var e=r.injectElIntoModal(o.titleMarkup);e.textContent=t,i(e)}},e.initText=function(t){if(t){var e=document.createDocumentFragment();t.split("\n").forEach(function(t,n,o){e.appendChild(document.createTextNode(t)),n<o.length-1&&e.appendChild(document.createElement("br"))});var n=r.injectElIntoModal(o.textMarkup);n.appendChild(e),i(n)}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),r=n(4),i=n(0),a=i.default.BUTTON,s=i.default.DANGER_BUTTON,c=n(3),l=n(2),u=n(6),f=n(5),d=function(t,e,n){var r=e.text,i=e.value,d=e.className,p=e.closeModal,m=o.stringToNode(l.buttonMarkup),b=m.querySelector("."+a),v=a+"--"+t;if(b.classList.add(v),d){(Array.isArray(d)?d:d.split(" ")).filter(function(t){return t.length>0}).forEach(function(t){b.classList.add(t)})}n&&t===c.CONFIRM_KEY&&b.classList.add(s),b.textContent=r;var g={};return g[t]=i,f.setActionValue(g),f.setActionOptionsFor(t,{closeModal:p}),b.addEventListener("click",function(){return u.onAction(t)}),m},p=function(t,e){var n=r.injectElIntoModal(l.footerMarkup);for(var o in t){var i=t[o],a=d(o,i,e);i.visible&&n.appendChild(a)}0===n.children.length&&n.remove()};e.default=p},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(3),r=n(4),i=n(2),a=n(5),s=n(6),c=n(0),l=c.default.CONTENT,u=function(t){t.addEventListener("input",function(t){var e=t.target,n=e.value;a.setActionValue(n)}),t.addEventListener("keyup",function(t){if("Enter"===t.key)return s.onAction(o.CONFIRM_KEY)}),setTimeout(function(){t.focus(),a.setActionValue("")},0)},f=function(t,e,n){var o=document.createElement(e),r=l+"__"+e;o.classList.add(r);for(var i in n){var a=n[i];o[i]=a}"input"===e&&u(o),t.appendChild(o)},d=function(t){if(t){var e=r.injectElIntoModal(i.contentMarkup),n=t.element,o=t.attributes;"string"==typeof n?f(e,n,o):e.appendChild(n)}};e.default=d},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),r=n(2),i=function(){var t=o.stringToNode(r.overlayMarkup);document.body.appendChild(t)};e.default=i},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(5),r=n(6),i=n(1),a=n(3),s=n(0),c=s.default.MODAL,l=s.default.BUTTON,u=s.default.OVERLAY,f=function(t){t.preventDefault(),v()},d=function(t){t.preventDefault(),g()},p=function(t){if(o.default.isOpen)switch(t.key){case"Escape":return r.onAction(a.CANCEL_KEY)}},m=function(t){if(o.default.isOpen)switch(t.key){case"Tab":return f(t)}},b=function(t){if(o.default.isOpen)return"Tab"===t.key&&t.shiftKey?d(t):void 0},v=function(){var t=i.getNode(l);t&&(t.tabIndex=0,t.focus())},g=function(){var t=i.getNode(c),e=t.querySelectorAll("."+l),n=e.length-1,o=e[n];o&&o.focus()},h=function(t){t[t.length-1].addEventListener("keydown",m)},w=function(t){t[0].addEventListener("keydown",b)},y=function(){var t=i.getNode(c),e=t.querySelectorAll("."+l);e.length&&(h(e),w(e))},x=function(t){if(i.getNode(u)===t.target)return r.onAction(a.CANCEL_KEY)},_=function(t){var e=i.getNode(u);e.removeEventListener("click",x),t&&e.addEventListener("click",x)},k=function(t){o.default.timer&&clearTimeout(o.default.timer),t&&(o.default.timer=window.setTimeout(function(){return r.onAction(a.CANCEL_KEY)},t))},O=function(t){t.closeOnEsc?document.addEventListener("keyup",p):document.removeEventListener("keyup",p),t.dangerMode?v():g(),y(),_(t.closeOnClickOutside),k(t.timer)};e.default=O},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),r=n(3),i=n(37),a=n(38),s={title:null,text:null,icon:null,buttons:r.defaultButtonList,content:null,className:null,closeOnClickOutside:!0,closeOnEsc:!0,dangerMode:!1,timer:null},c=Object.assign({},s);e.setDefaults=function(t){c=Object.assign({},s,t)};var l=function(t){var e=t&&t.button,n=t&&t.buttons;return void 0!==e&&void 0!==n&&o.throwErr("Cannot set both 'button' and 'buttons' options!"),void 0!==e?{confirm:e}:n},u=function(t){return o.ordinalSuffixOf(t+1)},f=function(t,e){o.throwErr(u(e)+" argument ('"+t+"') is invalid")},d=function(t,e){var n=t+1,r=e[n];o.isPlainObject(r)||void 0===r||o.throwErr("Expected "+u(n)+" argument ('"+r+"') to be a plain object")},p=function(t,e){var n=t+1,r=e[n];void 0!==r&&o.throwErr("Unexpected "+u(n)+" argument ("+r+")")},m=function(t,e,n,r){var i=typeof e,a="string"===i,s=e instanceof Element;if(a){if(0===n)return{text:e};if(1===n)return{text:e,title:r[0]};if(2===n)return d(n,r),{icon:e};f(e,n)}else{if(s&&0===n)return d(n,r),{content:e};if(o.isPlainObject(e))return p(n,r),e;f(e,n)}};e.getOpts=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];var n={};t.forEach(function(e,o){var r=m(0,e,o,t);Object.assign(n,r)});var o=l(n);n.buttons=r.getButtonListOpts(o),delete n.button,n.content=i.getContentOpts(n.content);var u=Object.assign({},s,c,n);return Object.keys(u).forEach(function(t){a.DEPRECATED_OPTS[t]&&a.logDeprecation(t)}),u}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),r={element:"input",attributes:{placeholder:""}};e.getContentOpts=function(t){var e={};return o.isPlainObject(t)?Object.assign(e,t):t instanceof Element?{element:t}:"input"===t?r:null}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.logDeprecation=function(t){var n=e.DEPRECATED_OPTS[t],o=n.onlyRename,r=n.replacement,i=n.subOption,a=n.link,s=o?"renamed":"deprecated",c='SweetAlert warning: "'+t+'" option has been '+s+".";if(r){c+=" Please use"+(i?' "'+i+'" in ':" ")+'"'+r+'" instead.'}var l="https://sweetalert.js.org";c+=a?" More details: "+l+a:" More details: "+l+"/guides/#upgrading-from-1x",console.warn(c)},e.DEPRECATED_OPTS={type:{replacement:"icon",link:"/docs/#icon"},imageUrl:{replacement:"icon",link:"/docs/#icon"},customClass:{replacement:"className",onlyRename:!0,link:"/docs/#classname"},imageSize:{},showCancelButton:{replacement:"buttons",link:"/docs/#buttons"},showConfirmButton:{replacement:"button",link:"/docs/#button"},confirmButtonText:{replacement:"button",link:"/docs/#button"},confirmButtonColor:{},cancelButtonText:{replacement:"buttons",link:"/docs/#buttons"},closeOnConfirm:{replacement:"button",subOption:"closeModal",link:"/docs/#button"},closeOnCancel:{replacement:"buttons",subOption:"closeModal",link:"/docs/#buttons"},showLoaderOnConfirm:{replacement:"buttons"},animation:{},inputType:{replacement:"content",link:"/docs/#content"},inputValue:{replacement:"content",link:"/docs/#content"},inputPlaceholder:{replacement:"content",link:"/docs/#content"},html:{replacement:"content",link:"/docs/#content"},allowEscapeKey:{replacement:"closeOnEsc",onlyRename:!0,link:"/docs/#closeonesc"},allowClickOutside:{replacement:"closeOnClickOutside",onlyRename:!0,link:"/docs/#closeonclickoutside"}}}])});
templates/leaf_spot.html ADDED
@@ -0,0 +1,244 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css"
11
+ integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous">
12
+
13
+ <title>STRAWBEERY PLANT DISEASE PREDICTION</title>
14
+
15
+ <style>
16
+ * {
17
+ margin: 0px;
18
+ padding: 0px;
19
+ box-sizing: border-box;
20
+ }
21
+
22
+ .card-style {
23
+ background-color: #dcdcdc;
24
+
25
+ }
26
+
27
+ .content {
28
+ padding: 15px;
29
+ color: white;
30
+ background-color: rgb(153, 156, 150);
31
+ /* font-size: 1rem; */
32
+ }
33
+
34
+ @media (max-width: 430px) and (min-width: 200px) {
35
+
36
+
37
+ .contents {
38
+ font-size: 0.6rem;
39
+ color: chartreuse;
40
+ }
41
+
42
+ .content-h1 {
43
+
44
+ font-size: 1rem;
45
+ }
46
+ }
47
+
48
+ .border img {
49
+ border-radius: 15px;
50
+ border: 2px solid black;
51
+ }
52
+ .animate-charcter {
53
+ text-transform: uppercase;
54
+ background-image: linear-gradient(-225deg,
55
+ #231557 0%,
56
+ #44107a 29%,
57
+ #ff1361 67%,
58
+ #fff800 100%);
59
+ background-size: auto auto;
60
+ background-clip: border-box;
61
+ background-size: 200% auto;
62
+ color: #fff;
63
+ content: center;
64
+ background-clip: text;
65
+ -webkit-text-fill-color: transparent;
66
+ -webkit-background-clip: text;
67
+ -webkit-text-fill-color: transparent;
68
+ animation: textclip 5s linear infinite;
69
+ display: inline-block;
70
+ font-size: 24px;
71
+ }
72
+ @keyframes textclip {
73
+ to {
74
+ background-position: 200% center;
75
+ }
76
+ }
77
+ .hero
78
+ {
79
+ width:100%;
80
+ height:100vh;
81
+ background-image:linear-gradient(rgba(12,3,51,0.3),rgba(12,3,51,0.3));
82
+ position:relative;
83
+ padding:0 5%;
84
+ display:flex;
85
+ align-items:center;
86
+ justify-content:center;
87
+ }
88
+ .back-video{
89
+ position:absolute;
90
+ right:0;
91
+ bottom:0;
92
+ z-index:-1;
93
+ opacity:0.70;
94
+ }
95
+ @media (min-aspect-ratio:16/9)
96
+ {
97
+ .back-video{
98
+ width:100%;
99
+ height:100%%;
100
+ }
101
+ }
102
+ @media (max-aspect-ratio:16/9)
103
+ {
104
+ .back-video{
105
+ width:auto;
106
+ height:100%;
107
+ }
108
+ }
109
+ h2 {
110
+ color:white;
111
+ }
112
+
113
+ .background-image
114
+ {
115
+ background-image:url('../static/images/bggg.jpeg');
116
+ background-size:cover;
117
+ background-repeat:no-repeat;
118
+ height:200vh;
119
+
120
+ }
121
+
122
+ </style>
123
+ </head>
124
+
125
+ <body>
126
+
127
+ <div>
128
+ <img src="static/images/Strawberry Disease predection . (4).png" class="w3-border w3-padding" alt="Indian AI Production"
129
+ style="width:100%">
130
+ </div>
131
+ <section>
132
+ <div class="hero">
133
+ <video autoplay loop muted plays-inline class="back-video">
134
+ <source src="/static/vecteezy_young-strawberry-plants-in-spring-garden_3383447.mp4" type="video/mp4">
135
+ </video>
136
+
137
+ <div class="container my-2">
138
+ <div class="row mb-5">
139
+
140
+
141
+
142
+ <div class="col-sm" style="margin-bottom: 23px;">
143
+ <span class="border border-primary">
144
+ <img src="{{ user_image }}" alt="User Image" class="img-thumbnail">
145
+ <!-- <img src="{{pred_output}}" alt="User Image" class="img-thumbnail"> -->
146
+
147
+
148
+ </span>
149
+ </div>
150
+
151
+ <div class="col-sm">
152
+
153
+ <div>
154
+
155
+ <h1 style="padding: 15px;background-image: linear-gradient(to left top, #ed4e4e, #f75670, #fb6392, #f974b1, #f286cd);"
156
+ class="text-center mb-5 content-h1 rounded">
157
+ {{pred_output}} </h1>
158
+
159
+
160
+ <h2>Disease Name / रोगाचे नाव : </span></h2>
161
+ <h3 style="line-height: 100%; color:white">Leaf spot<br><br>पानांचे डाग<br>
162
+ </h3>
163
+ <hr class="w-100 mx-auto ">
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </section >
169
+
170
+ <h1 class="text-center mt-4 mb-4 animate-charcter" style="font-size:35px;text-align:center"> <b>Solution for Disease / रोग का उपचार / र���गाचा उपाय </b></h1>
171
+ <p><strong>Use any one Systemic Insecticide, which contain<i> Flonicamid 50%/ Thiamethoxam 25% WG / Imidacloprid
172
+ 17.8 Sl / Acetamiprid 20% SP.</i></strong></p>
173
+ <p></p>
174
+ <p>किसी भी एक प्रणालीगत कीटनाशक का प्रयोग करें, जिसमें फ्लोनिकमिड ५०% / थियामेथोक्साम 25% WG / इमिडाक्लोप्रिड
175
+ १७.८
176
+ एसएल / एसिटामिप्रिड २०% एसपी है।</p>
177
+ <p>कोणत्याही एक सिस्टीमिक कीटकनाशकाचा वापर करा, ज्यात फ्लोनीकायमिड ५०% / थियॅमेथॉक्सम 25% WG / इमिडाक्लोप्रिड
178
+ १७.८
179
+ एसएल / एसीटामिप्रिड २०% एसपी असेल.</p>
180
+
181
+ </div>
182
+
183
+ <section class="background-image">
184
+
185
+ <div class="container">
186
+ <h1 class="text-center mt-4 mb-4 animate-charcter" style="font-size:35px;text-align:center">
187
+ <b> Recommended Products</b></h1>
188
+ </div>
189
+
190
+ <div class="container">
191
+
192
+
193
+ <div class="card-columns ">
194
+ <div class="card ">
195
+ <div class="card-body text-center card-style">
196
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/preet.png" alt="">
197
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
198
+ </div>
199
+ </div>
200
+ <div class="card ">
201
+ <div class="card-body text-center card-style">
202
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/ulala.png" alt="">
203
+ <h3 class="card-text">Dose: 25-40 gm/Acre</h3>
204
+ </div>
205
+ </div>
206
+ <div class="card ">
207
+ <div class="card-body text-center card-style">
208
+ <img style="border-radius: 10px" class="img-fluid" src="/static/images/victor.png" alt="">
209
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
210
+ </div>
211
+ </div>
212
+ <div class="card ">
213
+ <div class="card-body text-center card-style">
214
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/confidor.png" alt="">
215
+ <h3 class="card-text">Dose: 25-35 ml/Acre</h3>
216
+ </div>
217
+ </div>
218
+ <div class="card ">
219
+ <div class="card-body text-center card-style">
220
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/panama.png" alt="">
221
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
222
+ </div>
223
+ </div>
224
+ <div class="card ">
225
+ <div class="card-body text-center card-style">
226
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/actara.png" alt="">
227
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
228
+ </div>
229
+ </div>
230
+
231
+
232
+ </div>
233
+
234
+ <div class="container-fluid contents">
235
+ <h5 style="padding: 15px; background-color:#93E9BE" class="text-center my-3 contents">
236
+ <center><button onclick="history.back()" style="width:180px;height:40px;background-image: linear-gradient(to left top, #ed4e4e, #f75670, #fb6392, #f974b1, #f286cd)"> Go Back </button></center>
237
+ </div>
238
+ </div>
239
+
240
+ </section>
241
+
242
+ </body>
243
+
244
+ </html>
templates/login.php ADDED
@@ -0,0 +1,44 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ // Replace these variables with your own database connection details
3
+ $host = 'localhost';
4
+ $dbemail = 'root';
5
+ $dbPassword = '';
6
+ $dbName = 'typroject';
7
+
8
+ // Create connection
9
+ $conn = new mysqli($host, $dbemail, $dbPassword, $dbName);
10
+
11
+ // Check connection
12
+ if ($conn->connect_error) {
13
+ die("Connection failed: " . $conn->connect_error);
14
+ }
15
+
16
+ // Check if the 'email' and 'password' keys are set in the $_POST array
17
+ if (isset($_POST['email']) && isset($_POST['password'])) {
18
+ $email = $_POST['email'];
19
+ $password = $_POST['password'];
20
+
21
+ // Prepare SQL statement to prevent SQL injection
22
+ $stmt = $conn->prepare("SELECT * FROM registration WHERE email = ? AND password = ?");
23
+ $stmt->bind_param("ss", $email, $password);
24
+ $stmt->execute();
25
+ $result = $stmt->get_result();
26
+
27
+ if ($result->num_rows > 0) {
28
+ // Login success
29
+ session_start();
30
+ $_SESSION['email'] = $email;
31
+ header("Location: http://127.0.0.1:5000"); // Redirect to a welcome page
32
+ exit(); // Make sure to exit after a header redirection
33
+ } else {
34
+ // Login failed
35
+ echo "Invalid email or password";
36
+ }
37
+
38
+ $stmt->close();
39
+ } else {
40
+ echo "Please provide both email and password";
41
+ }
42
+
43
+ $conn->close();
44
+ ?>
templates/login1.php ADDED
@@ -0,0 +1,595 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+ <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
9
+ <link rel="stylesheet" href="sweetalert2.min.css">
10
+
11
+ <title>Login & Signup Form</title>
12
+
13
+ <style>
14
+
15
+
16
+ * {
17
+ margin: 0px auto;
18
+ padding: 0px;
19
+ text-align: center;
20
+ font-family: "Open Sans", sans-serif;
21
+ }
22
+ .hero
23
+ {
24
+ width:100%;
25
+ height:100vh;
26
+ background-image:linear-gradient(rgba(12,3,51,0.3),rgba(12,3,51,0.3));
27
+ position:relative;
28
+ padding:0 5%;
29
+ display:flex;
30
+ align-items:center;
31
+ justify-content:center;
32
+ }
33
+ .back-video{
34
+ position:absolute;
35
+ right:0;
36
+ bottom:0;
37
+ z-index:-1;
38
+ opacity:0.50;
39
+ }
40
+ @media (min-aspect-ratio:16/9)
41
+ {
42
+ .back-video{
43
+ width:100%;
44
+ height:100%%;
45
+ }
46
+ }
47
+ @media (max-aspect-ratio:16/9)
48
+ {
49
+ .back-video{
50
+ width:auto;
51
+ height:100%;
52
+ }
53
+ }
54
+ <!--.cotn_principal {
55
+ position: absolute;
56
+ width: 100%;
57
+ display: flex;
58
+ height: 100%;
59
+ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cfd8dc+0,607d8b+100,b0bec5+100 */
60
+ /*background: #cfd8dc; /* Old browsers */
61
+ background: -moz-linear-gradient(
62
+ -45deg,
63
+ #cfd8dc 0%,
64
+ #607d8b 100%,
65
+ #b0bec5 100%
66
+ ); /* FF3.6-15 */
67
+ background: -webkit-linear-gradient(
68
+ -45deg,
69
+ #cfd8dc 0%,
70
+ #607d8b 100%,
71
+ #b0bec5 100%
72
+ ); /* Chrome10-25,Safari5.1-6 */
73
+ background: linear-gradient(
74
+ 135deg,
75
+ #cfd8dc 0%,
76
+ #607d8b 100%,
77
+ #b0bec5 100%
78
+ );*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
79
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd8dc', endColorstr='#b0bec5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
80
+ }-->
81
+
82
+ .cont_centrar {
83
+ display: flex;
84
+ align-self: center;
85
+ width: 100%;
86
+ }
87
+
88
+ .cont_login {
89
+ position: relative;
90
+ width: 640px;
91
+ }
92
+
93
+ .cont_back_info {
94
+ position: relative;
95
+ float: left;
96
+ width: 640px;
97
+ height: 280px;
98
+ overflow: hidden;
99
+ background-color: #fff;
100
+ box-shadow: 1px 10px 30px -10px rgba(0, 0, 0, 0.5);
101
+ }
102
+
103
+ .cont_forms {
104
+ position: absolute;
105
+ overflow: hidden;
106
+ top: 0px;
107
+ left: 0px;
108
+ width: 320px;
109
+ height: 280px;
110
+ background-color: #eee;
111
+ -webkit-transition: all 0.5s;
112
+ -moz-transition: all 0.5s;
113
+ -ms-transition: all 0.5s;
114
+ -o-transition: all 0.5s;
115
+ transition: all 0.5s;
116
+ }
117
+
118
+ .cont_forms_active_login {
119
+ box-shadow: 1px 10px 30px -10px rgba(0, 0, 0, 0.5);
120
+ height: 420px;
121
+ top: -60px;
122
+ left: 0px;
123
+ -webkit-transition: all 0.5s;
124
+ -moz-transition: all 0.5s;
125
+ -ms-transition: all 0.5s;
126
+ -o-transition: all 0.5s;
127
+ transition: all 0.5s;
128
+ }
129
+
130
+ .cont_forms_active_sign_up {
131
+ box-shadow: 1px 10px 30px -10px rgba(0, 0, 0, 0.5);
132
+ height: 460px;
133
+ top: -60px;
134
+ left: 320px;
135
+ -webkit-transition: all 0.5s;
136
+ -moz-transition: all 0.5s;
137
+ -ms-transition: all 0.5s;
138
+ -o-transition: all 0.5s;
139
+ transition: all 0.5s;
140
+ }
141
+
142
+ .cont_img_back_grey {
143
+ position: absolute;
144
+ width: 950px;
145
+ top: -80px;
146
+ left: -116px;
147
+ }
148
+
149
+ .cont_img_back_grey > img {
150
+ width: 100%;
151
+ -webkit-filter: grayscale(100%);
152
+ filter: grayscale(100%);
153
+ opacity: 0.2;
154
+ animation-name: animar_fondo;
155
+ animation-duration: 20s;
156
+ animation-timing-function: linear;
157
+ animation-iteration-count: infinite;
158
+ animation-direction: alternate;
159
+ }
160
+
161
+ .cont_img_back_ {
162
+ position: absolute;
163
+ width: 950px;
164
+ top: -80px;
165
+ left: -116px;
166
+ }
167
+
168
+ .cont_img_back_ > img {
169
+ width: 100%;
170
+ opacity: 0.3;
171
+ animation-name: animar_fondo;
172
+ animation-duration: 20s;
173
+ animation-timing-function: linear;
174
+ animation-iteration-count: infinite;
175
+ animation-direction: alternate;
176
+ }
177
+
178
+ .cont_forms_active_login > .cont_img_back_ {
179
+ top: -20px;
180
+ -webkit-transition: all 0.5s;
181
+ -moz-transition: all 0.5s;
182
+ -ms-transition: all 0.5s;
183
+ -o-transition: all 0.5s;
184
+ transition: all 0.5s;
185
+ }
186
+
187
+ .cont_forms_active_sign_up > .cont_img_back_ {
188
+ top: -20px;
189
+ left: -435px;
190
+ -webkit-transition: all 0.5s;
191
+ -moz-transition: all 0.5s;
192
+ -ms-transition: all 0.5s;
193
+ -o-transition: all 0.5s;
194
+ transition: all 0.5s;
195
+ }
196
+
197
+ .cont_info_log_sign_up {
198
+ position: absolute;
199
+ width: 640px;
200
+ height: 280px;
201
+ top: 0px;
202
+ z-index: 1;
203
+ }
204
+
205
+ .col_md_login {
206
+ position: relative;
207
+ float: left;
208
+ width: 50%;
209
+ }
210
+
211
+ .col_md_login > h2 {
212
+ font-weight: 400;
213
+ margin-top: 70px;
214
+ color: #757575;
215
+ }
216
+
217
+ .col_md_login > p {
218
+ font-weight: 400;
219
+ margin-top: 15px;
220
+ width: 80%;
221
+ color: #37474f;
222
+ }
223
+
224
+ .btn_login {
225
+ background-color: #26c6da;
226
+ border: none;
227
+ padding: 10px;
228
+ width: 200px;
229
+ border-radius: 3px;
230
+ box-shadow: 1px 5px 20px -5px rgba(0, 0, 0, 0.4);
231
+ color: #fff;
232
+ margin-top: 10px;
233
+ cursor: pointer;
234
+ }
235
+
236
+ .col_md_sign_up {
237
+ position: relative;
238
+ float: left;
239
+ width: 50%;
240
+ }
241
+
242
+ .cont_ba_opcitiy > h2 {
243
+ font-weight: 400;
244
+ color: #fff;
245
+ }
246
+
247
+ .cont_ba_opcitiy > p {
248
+ font-weight: 400;
249
+ margin-top: 15px;
250
+ color: #fff;
251
+ }
252
+ /* ----------------------------------
253
+ background text
254
+ ------------------------------------
255
+ */
256
+ .cont_ba_opcitiy {
257
+ position: relative;
258
+ background-color: rgba(120, 144, 156, 0.55);
259
+ width: 80%;
260
+ border-radius: 3px;
261
+ margin-top: 60px;
262
+ padding: 15px 0px;
263
+ }
264
+
265
+ .btn_sign_up {
266
+ background-color: #ef5350;
267
+ border: none;
268
+ padding: 10px;
269
+ width: 200px;
270
+ border-radius: 3px;
271
+ box-shadow: 1px 5px 20px -5px rgba(0, 0, 0, 0.4);
272
+ color: #fff;
273
+ margin-top: 10px;
274
+ cursor: pointer;
275
+ }
276
+ .cont_forms_active_sign_up {
277
+ z-index: 2;
278
+ }
279
+ -webkit-keyframe animar_fondo {
280
+ from {
281
+ -webkit-transform: scale(1) translate(0px);
282
+ -moz-transform: scale(1) translate(0px);
283
+ -ms-transform: scale(1) translate(0px);
284
+ -o-transform: scale(1) translate(0px);
285
+ transform: scale(1) translate(0px);
286
+ }
287
+ to {
288
+ -webkit-transform: scale(1.5) translate(50px);
289
+ -moz-transform: scale(1.5) translate(50px);
290
+ -ms-transform: scale(1.5) translate(50px);
291
+ -o-transform: scale(1.5) translate(50px);
292
+ transform: scale(1.5) translate(50px);
293
+ }
294
+ }
295
+ @-o-keyframes identifier {
296
+ from {
297
+ -webkit-transform: scale(1);
298
+ -moz-transform: scale(1);
299
+ -ms-transform: scale(1);
300
+ -o-transform: scale(1);
301
+ transform: scale(1);
302
+ }
303
+ to {
304
+ -webkit-transform: scale(1.5);
305
+ -moz-transform: scale(1.5);
306
+ -ms-transform: scale(1.5);
307
+ -o-transform: scale(1.5);
308
+ transform: scale(1.5);
309
+ }
310
+ }
311
+ @-moz-keyframes identifier {
312
+ from {
313
+ -webkit-transform: scale(1);
314
+ -moz-transform: scale(1);
315
+ -ms-transform: scale(1);
316
+ -o-transform: scale(1);
317
+ transform: scale(1);
318
+ }
319
+ to {
320
+ -webkit-transform: scale(1.5);
321
+ -moz-transform: scale(1.5);
322
+ -ms-transform: scale(1.5);
323
+ -o-transform: scale(1.5);
324
+ transform: scale(1.5);
325
+ }
326
+ }
327
+ @keyframes identifier {
328
+ from {
329
+ -webkit-transform: scale(1);
330
+ -moz-transform: scale(1);
331
+ -ms-transform: scale(1);
332
+ -o-transform: scale(1);
333
+ transform: scale(1);
334
+ }
335
+ to {
336
+ -webkit-transform: scale(1.5);
337
+ -moz-transform: scale(1.5);
338
+ -ms-transform: scale(1.5);
339
+ -o-transform: scale(1.5);
340
+ transform: scale(1.5);
341
+ }
342
+ }
343
+ .cont_form_login {
344
+ position: absolute;
345
+ opacity: 0;
346
+ display: none;
347
+ width: 320px;
348
+ -webkit-transition: all 0.5s;
349
+ -moz-transition: all 0.5s;
350
+ -ms-transition: all 0.5s;
351
+ -o-transition: all 0.5s;
352
+ transition: all 0.5s;
353
+ }
354
+
355
+ .cont_forms_active_login {
356
+ z-index: 2;
357
+ }
358
+
359
+ .cont_form_sign_up {
360
+ position: absolute;
361
+ width: 320px;
362
+ float: left;
363
+ opacity: 0;
364
+ display: none;
365
+ -webkit-transition: all 0.5s;
366
+ -moz-transition: all 0.5s;
367
+ -ms-transition: all 0.5s;
368
+ -o-transition: all 0.5s;
369
+ transition: all 0.5s;
370
+ }
371
+
372
+ .cont_form_sign_up > input {
373
+ text-align: left;
374
+ padding: 15px 5px;
375
+ margin-left: 10px;
376
+ margin-top: 20px;
377
+ width: 260px;
378
+ border: none;
379
+ color: #757575;
380
+ }
381
+
382
+ .cont_form_sign_up > h2 {
383
+ margin-top: 50px;
384
+ font-weight: 400;
385
+ color: #757575;
386
+ }
387
+
388
+ .cont_form_login > input {
389
+ padding: 15px 5px;
390
+ margin-left: 10px;
391
+ margin-top: 20px;
392
+ width: 260px;
393
+ border: none;
394
+ text-align: left;
395
+ color: #757575;
396
+ }
397
+
398
+ .cont_form_login > h2 {
399
+ margin-top: 110px;
400
+ font-weight: 400;
401
+ color: #757575;
402
+ }
403
+ .cont_form_login > a,
404
+ .cont_form_sign_up > a {
405
+ color: #757575;
406
+ position: relative;
407
+ float: left;
408
+ margin: 10px;
409
+ margin-left: 30px;
410
+ }
411
+ </style>
412
+ </head>
413
+ <body>
414
+
415
+ <div class="hero">
416
+ <video autoplay loop muted plays-inline class="back-video">
417
+ <source src="../static/istockphoto-472856179-640_adpp_is.mp4" type="video/mp4">
418
+ </video>
419
+ <!--<form action="connect.php" method="post">-->
420
+ <div class="cont_centrar">
421
+
422
+ <div class="cont_login">
423
+ <div class="cont_info_log_sign_up">
424
+ <div class="col_md_login">
425
+ <div class="cont_ba_opcitiy">
426
+
427
+ <h2>LOGIN</h2> <br>
428
+ <p style="color:black" >You have already User</p>Login Here
429
+ <button class="btn_login" onclick="change_to_login()">LOGIN</button>
430
+ </div>
431
+ </div>
432
+ <div class="col_md_sign_up">
433
+ <div class="cont_ba_opcitiy">
434
+ <h2>SIGN UP</h2><br>
435
+
436
+
437
+ <p style="color:black" >Don't Have an account</p>sign up now
438
+
439
+ <button class="btn_sign_up" onclick="change_to_sign_up()" >SIGN UP</button>
440
+ </div>
441
+ </div>
442
+ </div>
443
+
444
+
445
+ <div class="cont_back_info">
446
+ <div class="cont_img_back_grey">
447
+ <img src="../static/images/mob4.JPG" alt="" />
448
+ </div>
449
+
450
+ </div>
451
+ <div class="cont_forms" >
452
+ <div class="cont_img_back_">
453
+ <img src="../static/images/mob4.JPG" alt="" />
454
+ </div>
455
+
456
+ <div >
457
+ <form class="cont_form_login" action="login.php" method="POST">
458
+ <a href="#" onclick="hidden_login_and_sign_up()" ><i class="material-icons">&#xE5C4;</i></a>
459
+ <h2>LOGIN</h2>
460
+ <input type="text" placeholder="Email" name="email"/>
461
+ <input type="password" placeholder="Password" name="password"/>
462
+ <button type="submit" class="btn_login" name="login_btn" value="login" required/>Login</button>
463
+ </form>
464
+ <!--<button class="btn_login" onclick="change_to_login()"><a href="http://127.0.0.1:5000">LOGIN</a></button>-->
465
+ </div>
466
+
467
+ <div>
468
+ <form class="cont_form_sign_up" action="login1.php" method="POST">
469
+ <!--<form action="connect.php" method="POST">-->
470
+ <a href="#" onclick="hidden_login_and_sign_up()"><i class="material-icons">&#xE5C4;</i></a>
471
+ <h2>SIGN UP</h2>
472
+ <input type="text" placeholder="Username" name="username"/>
473
+ <input type="text" placeholder="Email" name="email" />
474
+ <input type="password" placeholder="Password" name="password"/>
475
+ <button type="submit" class="btn_sign_up" name="reg_submit" value="register" required/>Submit</button>
476
+ <!--<input type="submit" id="btn" value="signup" name="signup" class="btn_sign_up" onclick="change_to_sign_up()"/>SIGN UP-->
477
+ <!--<button class="btn_sign_up" onclick="change_to_sign_up()" >SIGN UP</button>-->
478
+ <?php
479
+ include("connect.php");
480
+
481
+ if(isset($_POST['reg_submit']))
482
+ {
483
+ $username = $_POST['username'];
484
+ $email = $_POST['email'];
485
+ $password = $_POST['password'];
486
+
487
+ $insert = "INSERT INTO registration (username, email, password) VALUES ('$username', '$email', '$password')";
488
+ $query =mysqli_query($conn,$insert);
489
+ if($query)
490
+ {
491
+ ?>
492
+ <script>
493
+ swal({
494
+ title: "Registration Successfully",
495
+ text: "Data inserted",
496
+ icon: "success",
497
+ });
498
+ </script>
499
+ <?php
500
+ }
501
+ }
502
+ ?>
503
+
504
+
505
+
506
+
507
+ </form>
508
+ </div>
509
+
510
+ </div>
511
+
512
+ </div>
513
+ </div>
514
+ </div>
515
+
516
+ <script>
517
+ /* ------------------------------------ Click on login and Sign Up to changue and view the effect
518
+ ---------------------------------------
519
+ */
520
+
521
+ const time_to_show_login = 400;
522
+ const time_to_hidden_login = 200;
523
+
524
+ function change_to_login() {
525
+ document.querySelector('.cont_forms').className = "cont_forms cont_forms_active_login";
526
+ document.querySelector('.cont_form_login').style.display = "block";
527
+ document.querySelector('.cont_form_sign_up').style.opacity = "0";
528
+
529
+ setTimeout(function(){ document.querySelector('.cont_form_login').style.opacity = "1"; },time_to_show_login);
530
+
531
+ setTimeout(function(){
532
+ document.querySelector('.cont_form_sign_up').style.display = "none";
533
+ },time_to_hidden_login);
534
+ }
535
+
536
+ const time_to_show_sign_up = 100;
537
+ const time_to_hidden_sign_up = 400;
538
+
539
+ function change_to_sign_up(at) {
540
+ document.querySelector('.cont_forms').className = "cont_forms cont_forms_active_sign_up";
541
+ document.querySelector('.cont_form_sign_up').style.display = "block";
542
+ document.querySelector('.cont_form_login').style.opacity = "0";
543
+
544
+ setTimeout(function(){ document.querySelector('.cont_form_sign_up').style.opacity = "1";
545
+ },time_to_show_sign_up);
546
+
547
+ setTimeout(function(){ document.querySelector('.cont_form_login').style.display = "none";
548
+ },time_to_hidden_sign_up);
549
+
550
+
551
+ }
552
+
553
+ const time_to_hidden_all = 500;
554
+
555
+ function hidden_login_and_sign_up() {
556
+
557
+ document.querySelector('.cont_forms').className = "cont_forms";
558
+ document.querySelector('.cont_form_sign_up').style.opacity = "0";
559
+ document.querySelector('.cont_form_login').style.opacity = "0";
560
+
561
+ setTimeout(function(){
562
+ document.querySelector('.cont_form_sign_up').style.display = "none";
563
+ document.querySelector('.cont_form_login').style.display = "none";
564
+ },time_to_hidden_all);
565
+
566
+ }
567
+
568
+ </script>
569
+ <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
570
+ <!-- Include Sweet Alert CSS and JS -->
571
+
572
+ <!-- Include SweetAlert library -->
573
+ <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
574
+ <!-- JavaScript to trigger SweetAlert based on session variables -->
575
+ <script>
576
+ <?php if(isset($_SESSION['success'])): ?>
577
+ Swal.fire({
578
+ icon: 'success',
579
+ title: 'Success',
580
+ text: '<?php echo $_SESSION['success']; ?>'
581
+ });
582
+ <?php unset($_SESSION['success']); endif; ?>
583
+
584
+ <?php if(isset($_SESSION['error'])): ?>
585
+ Swal.fire({
586
+ icon: 'error',
587
+ title: 'Error',
588
+ text: '<?php echo $_SESSION['error']; ?>'
589
+ });
590
+ <?php unset($_SESSION['error']); endif; ?>
591
+ </script>
592
+
593
+ </body>
594
+
595
+ </html>
templates/main.js ADDED
File without changes
templates/powdery_mildew_fruit.html ADDED
@@ -0,0 +1,169 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css"
11
+ integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous">
12
+
13
+ <title>STRAWBEERY PLANT DISEASE PREDICTION</title>
14
+
15
+ <style>
16
+ * {
17
+ margin: 0px;
18
+ padding: 0px;
19
+ box-sizing: border-box;
20
+ }
21
+
22
+ .card-style {
23
+ background-color: #dcdcdc;
24
+
25
+ }
26
+
27
+ .content {
28
+ padding: 15px;
29
+ color: white;
30
+ background-color: rgb(153, 156, 150);
31
+ /* font-size: 1rem; */
32
+ }
33
+
34
+ @media (max-width: 430px) and (min-width: 200px) {
35
+
36
+
37
+ .contents {
38
+ font-size: 0.6rem;
39
+ color: chartreuse;
40
+ }
41
+
42
+ .content-h1 {
43
+
44
+ font-size: 1rem;
45
+ }
46
+ }
47
+
48
+ .border img {
49
+ border-radius: 15px;
50
+ border: 2px solid black;
51
+ }
52
+ </style>
53
+ </head>
54
+
55
+ <body>
56
+
57
+ <div>
58
+ <img src="static/images/banner.png" class="w3-border w3-padding" alt="Indian AI Production"
59
+ style="width:100%">
60
+ </div>
61
+ <br>
62
+ <div class="container my-2">
63
+ <div class="row mb-5">
64
+
65
+ <div class="col-sm" style="margin-bottom: 23px;">
66
+ <span class="border border-primary">
67
+ <img src="{{ user_image }}" alt="User Image" class="img-thumbnail">
68
+ <!-- <img src="{{pred_output}}" alt="User Image" class="img-thumbnail"> -->
69
+
70
+
71
+ </span>
72
+ </div>
73
+
74
+ <div class="col-sm">
75
+
76
+ <div>
77
+ <h1 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;"
78
+ class="text-center mb-5 content-h1 rounded">
79
+ {{pred_output}} </h1>
80
+ </div>
81
+
82
+ <h2>Disease Name / रोग का नाम / रोगाचे नाव : </span></h2>
83
+ <h3 style="line-height: 100%;">Powdery Mildew<br> बुरशी <br>
84
+ </h3>
85
+ <hr class="w-100 mx-auto ">
86
+ </div>
87
+ </div>
88
+
89
+
90
+ <h1> Solution for Disease / रोग का उपचार / रोगाचा उपाय </h1>
91
+ <p><strong>Use any one Systemic Insecticide, which contain<i> Flonicamid 50%/ Thiamethoxam 25% WG / Imidacloprid
92
+ 17.8 Sl / Acetamiprid 20% SP.</i></strong></p>
93
+ <p></p>
94
+ <p>किसी भी एक प्रणालीगत कीटनाशक का प्रयोग करें, जिसमें फ्लोनिकमिड ५०% / थियामेथोक्साम 25% WG / इमिडाक्लोप्रिड
95
+ १७.८
96
+ एसएल / एसिटामिप्रिड २०% एसपी है।</p>
97
+ <p>कोणत्याही एक सिस्टीमिक कीटकनाशकाचा वापर करा, ज्यात फ्लोनीकायमिड ५०% / थियॅमेथॉक्सम 25% WG / इमिडाक्लोप्रिड
98
+ १७.८
99
+ एसएल / एसीटामिप्रिड २०% एसपी असेल.</p>
100
+
101
+ </div>
102
+
103
+
104
+
105
+ <section>
106
+
107
+ <div class="container">
108
+ <h1 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;"
109
+ class="text-center my-3 content-h1">
110
+ Recommended Products</h1>
111
+ </div>
112
+
113
+ <div class="container">
114
+
115
+
116
+ <div class="card-columns">
117
+ <div class="card ">
118
+ <div class="card-body text-center card-style">
119
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/preet.png" alt="">
120
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
121
+ </div>
122
+ </div>
123
+ <div class="card">
124
+ <div class="card-body text-center card-style">
125
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/ulala.png" alt="">
126
+ <h3 class="card-text">Dose: 25-40 gm/Acre</h3>
127
+ </div>
128
+ </div>
129
+ <div class="card ">
130
+ <div class="card-body text-center card-style">
131
+ <img style="border-radius: 10px" class="img-fluid" src="/static/images/victor.png" alt="">
132
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
133
+ </div>
134
+ </div>
135
+ <div class="card ">
136
+ <div class="card-body text-center card-style">
137
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/confidor.png" alt="">
138
+ <h3 class="card-text">Dose: 25-35 ml/Acre</h3>
139
+ </div>
140
+ </div>
141
+ <div class="card ">
142
+ <div class="card-body text-center card-style">
143
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/panama.png" alt="">
144
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
145
+ </div>
146
+ </div>
147
+ <div class="card ">
148
+ <div class="card-body text-center card-style">
149
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/actara.png" alt="">
150
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
151
+ </div>
152
+ </div>
153
+
154
+
155
+ </div>
156
+
157
+ <!-- <div class="container-fluid contents"> -->
158
+ <h5 style="padding: 15px; background-color: rgb(153, 156, 150); color: white;"
159
+ class="text-center my-3 contents">
160
+ Delivery Contact:
161
+ IndianAIProduction.business@gmail.com</h5>
162
+ <!-- </div> -->
163
+ </div>
164
+
165
+ </section>
166
+
167
+ </body>
168
+
169
+ </html>
templates/powdery_mildew_leaf.html ADDED
@@ -0,0 +1,244 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+
9
+ <!-- Bootstrap CSS -->
10
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css"
11
+ integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous">
12
+
13
+ <title>STRAWBEERY PLANT DISEASE PREDICTION</title>
14
+
15
+ <style>
16
+ * {
17
+ margin: 0px;
18
+ padding: 0px;
19
+ box-sizing: border-box;
20
+ }
21
+
22
+ .card-style {
23
+ background-color: #dcdcdc;
24
+
25
+ }
26
+
27
+ .content {
28
+ padding: 15px;
29
+ color: white;
30
+ background-color: rgb(153, 156, 150);
31
+ /* font-size: 1rem; */
32
+ }
33
+
34
+ @media (max-width: 430px) and (min-width: 200px) {
35
+
36
+
37
+ .contents {
38
+ font-size: 0.6rem;
39
+ color: chartreuse;
40
+ }
41
+
42
+ .content-h1 {
43
+
44
+ font-size: 1rem;
45
+ }
46
+ }
47
+
48
+ .border img {
49
+ border-radius: 15px;
50
+ border: 2px solid black;
51
+ }
52
+ .animate-charcter {
53
+ text-transform: uppercase;
54
+ background-image: linear-gradient(-225deg,
55
+ #231557 0%,
56
+ #44107a 29%,
57
+ #ff1361 67%,
58
+ #fff800 100%);
59
+ background-size: auto auto;
60
+ background-clip: border-box;
61
+ background-size: 200% auto;
62
+ color: #fff;
63
+ content: center;
64
+ background-clip: text;
65
+ -webkit-text-fill-color: transparent;
66
+ -webkit-background-clip: text;
67
+ -webkit-text-fill-color: transparent;
68
+ animation: textclip 5s linear infinite;
69
+ display: inline-block;
70
+ font-size: 24px;
71
+ }
72
+ @keyframes textclip {
73
+ to {
74
+ background-position: 200% center;
75
+ }
76
+ }
77
+ .hero
78
+ {
79
+ width:100%;
80
+ height:100vh;
81
+ background-image:linear-gradient(rgba(12,3,51,0.3),rgba(12,3,51,0.3));
82
+ position:relative;
83
+ padding:0 5%;
84
+ display:flex;
85
+ align-items:center;
86
+ justify-content:center;
87
+ }
88
+ .back-video{
89
+ position:absolute;
90
+ right:0;
91
+ bottom:0;
92
+ z-index:-1;
93
+ opacity:0.70;
94
+ }
95
+ @media (min-aspect-ratio:16/9)
96
+ {
97
+ .back-video{
98
+ width:100%;
99
+ height:100%%;
100
+ }
101
+ }
102
+ @media (max-aspect-ratio:16/9)
103
+ {
104
+ .back-video{
105
+ width:auto;
106
+ height:100%;
107
+ }
108
+ }
109
+ h2 {
110
+ color:white;
111
+ }
112
+
113
+ .background-image
114
+ {
115
+ background-image:url('../static/images/bggg.jpeg');
116
+ background-size:cover;
117
+ background-repeat:no-repeat;
118
+ height:200vh;
119
+
120
+ }
121
+
122
+ </style>
123
+ </head>
124
+
125
+ <body>
126
+
127
+ <div>
128
+ <img src="static/images/Strawberry Disease predection . (4).png" class="w3-border w3-padding" alt="Indian AI Production"
129
+ style="width:100%">
130
+ </div>
131
+ <section>
132
+ <div class="hero">
133
+ <video autoplay loop muted plays-inline class="back-video">
134
+ <source src="/static/vecteezy_young-strawberry-plants-in-spring-garden_3383447.mp4" type="video/mp4">
135
+ </video>
136
+
137
+ <div class="container my-2">
138
+ <div class="row mb-5">
139
+
140
+
141
+
142
+ <div class="col-sm" style="margin-bottom: 23px;">
143
+ <span class="border border-primary">
144
+ <img src="{{ user_image }}" alt="User Image" class="img-thumbnail">
145
+ <!-- <img src="{{pred_output}}" alt="User Image" class="img-thumbnail"> -->
146
+
147
+
148
+ </span>
149
+ </div>
150
+
151
+ <div class="col-sm">
152
+
153
+ <div>
154
+
155
+ <h1 style="padding: 15px;background-image: linear-gradient(to left top, #ed4e4e, #f75670, #fb6392, #f974b1, #f286cd);"
156
+ class="text-center mb-5 content-h1 rounded">
157
+ {{pred_output}} </h1>
158
+
159
+
160
+ <h2>Disease Name / रोगाचे नाव : </span></h2>
161
+ <h3 style="line-height: 100%; color:white">Powdery Mildew<br><br> बुरशी <br>
162
+ </h3>
163
+ <hr class="w-100 mx-auto ">
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </section >
169
+
170
+ <h1 class="text-center mt-4 mb-4 animate-charcter" style="font-size:35px;text-align:center"> <b>Solution for Disease / रोग का उपचार / रोगा���ा उपाय </b></h1>
171
+ <p><strong>Use any one Systemic Insecticide, which contain<i> Flonicamid 50%/ Thiamethoxam 25% WG / Imidacloprid
172
+ 17.8 Sl / Acetamiprid 20% SP.</i></strong></p>
173
+ <p></p>
174
+ <p>किसी भी एक प्रणालीगत कीटनाशक का प्रयोग करें, जिसमें फ्लोनिकमिड ५०% / थियामेथोक्साम 25% WG / इमिडाक्लोप्रिड
175
+ १७.८
176
+ एसएल / एसिटामिप्रिड २०% एसपी है।</p>
177
+ <p>कोणत्याही एक सिस्टीमिक कीटकनाशकाचा वापर करा, ज्यात फ्लोनीकायमिड ५०% / थियॅमेथॉक्सम 25% WG / इमिडाक्लोप्रिड
178
+ १७.८
179
+ एसएल / एसीटामिप्रिड २०% एसपी असेल.</p>
180
+
181
+ </div>
182
+
183
+ <section class="background-image">
184
+
185
+ <div class="container">
186
+ <h1 class="text-center mt-4 mb-4 animate-charcter" style="font-size:35px;text-align:center">
187
+ <b> Recommended Products</b></h1>
188
+ </div>
189
+
190
+ <div class="container">
191
+
192
+
193
+ <div class="card-columns ">
194
+ <div class="card ">
195
+ <div class="card-body text-center card-style">
196
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/preet.png" alt="">
197
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
198
+ </div>
199
+ </div>
200
+ <div class="card ">
201
+ <div class="card-body text-center card-style">
202
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/ulala.png" alt="">
203
+ <h3 class="card-text">Dose: 25-40 gm/Acre</h3>
204
+ </div>
205
+ </div>
206
+ <div class="card ">
207
+ <div class="card-body text-center card-style">
208
+ <img style="border-radius: 10px" class="img-fluid" src="/static/images/victor.png" alt="">
209
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
210
+ </div>
211
+ </div>
212
+ <div class="card ">
213
+ <div class="card-body text-center card-style">
214
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/confidor.png" alt="">
215
+ <h3 class="card-text">Dose: 25-35 ml/Acre</h3>
216
+ </div>
217
+ </div>
218
+ <div class="card ">
219
+ <div class="card-body text-center card-style">
220
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/panama.png" alt="">
221
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
222
+ </div>
223
+ </div>
224
+ <div class="card ">
225
+ <div class="card-body text-center card-style">
226
+ <img style="border-radius: 10px;" class="img-fluid" src="/static/images/actara.png" alt="">
227
+ <h3 class="card-text">Dose: 60-80 gm/Acre</h3>
228
+ </div>
229
+ </div>
230
+
231
+
232
+ </div>
233
+
234
+ <div class="container-fluid contents">
235
+ <h5 style="padding: 15px; background-color:#93E9BE" class="text-center my-3 contents">
236
+ <center><button onclick="history.back()" style="width:180px;height:40px;background-image: linear-gradient(to left top, #ed4e4e, #f75670, #fb6392, #f974b1, #f286cd)"> Go Back </button></center>
237
+ </div>
238
+ </div>
239
+
240
+ </section>
241
+
242
+ </body>
243
+
244
+ </html>
templates/registration.php ADDED
@@ -0,0 +1,40 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <!-- Required meta tags -->
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
+ <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
8
+ <link rel="stylesheet" href="sweetalert2.min.css">
9
+ </head>
10
+ <body>
11
+ </body>
12
+ </html>
13
+
14
+
15
+ <?php
16
+ include("connect.php");
17
+
18
+ if(isset($_POST['reg_submit']))
19
+ {
20
+ $username = $_POST['username'];
21
+ $email = $_POST['email'];
22
+ $password = $_POST['password'];
23
+
24
+ $insert = "INSERT INTO registration (username, email, password) VALUES ('$username', '$email', '$password')";
25
+ $query =mysqli_query($conn,$insert);
26
+ if($query)
27
+ {
28
+ ?>
29
+ <script>
30
+ swal({
31
+ title: "Registration Successfully",
32
+ text: "Data inserted",
33
+ icon: "success",
34
+ });
35
+ </script>
36
+ <?php
37
+ }
38
+ }
39
+ ?>
40
+
templates/style.css ADDED
@@ -0,0 +1,109 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ * {
2
+ padding: 0;
3
+ margin: 0;
4
+ font-family: Arial, Helvetica, sans-serif;
5
+ }
6
+ body {
7
+ background-image: url(/967539.jpg);
8
+ background-size: cover;
9
+ background-position: center;
10
+ background-repeat: no-repeat;
11
+ height: 100vh;
12
+ overflow: hidden;
13
+ }
14
+
15
+ .Form-box {
16
+ width: 400px;
17
+ height: 500px;
18
+ backdrop-filter: blur(40px);
19
+ color: white;
20
+ font-size: 20px;
21
+ border: 2px solid white;
22
+ border-radius: 15px;
23
+ overflow: hidden;
24
+ transition: transform 0.6s ease, height 0.2s ease-in-out;
25
+ position: absolute;
26
+ top: 50%;
27
+ left: 50%;
28
+ transform: translate(-50%, -50%);
29
+ }
30
+ .Form-box form {
31
+ display: flex;
32
+ justify-content: center;
33
+ align-items: center;
34
+ flex-direction: column;
35
+ width: 100%;
36
+ height: 100%;
37
+ position: absolute;
38
+ transition: all 0.5s ease;
39
+ }
40
+ .Form-box .Register-form {
41
+ transform: translateX(-100%);
42
+ }
43
+ .input-box {
44
+ width: 80%;
45
+ display: flex;
46
+ justify-content: space-between;
47
+ position: relative;
48
+ border-bottom: 2px solid white;
49
+ margin: 40px 0px;
50
+ }
51
+ .Register-form .input-box {
52
+ margin: 30px 0px;
53
+ }
54
+ .input-box input {
55
+ width: 90%;
56
+ position: absolute;
57
+ color: white;
58
+ font-size: 20px;
59
+ border: none;
60
+ background: none;
61
+ outline: none;
62
+ }
63
+ .input-box label {
64
+ transition: 0.4s;
65
+ }
66
+ .input-box input:focus ~ label,
67
+ .input-box input:valid ~ label {
68
+ transform: translateY(-25px);
69
+ }
70
+ .input-box ion-icon {
71
+ font-size: 25px;
72
+ }
73
+ .checkbox {
74
+ width: 80%;
75
+ display: flex;
76
+ justify-content: space-between;
77
+ align-items: center;
78
+ }
79
+ .Register-form .checkbox {
80
+ display: unset;
81
+ }
82
+ .submit-btn {
83
+ width: 80%;
84
+ height: 30px;
85
+ cursor: pointer;
86
+ border-radius: 20px;
87
+ margin: 20px 0px;
88
+ border: none;
89
+ font-size: 16px;
90
+ transition: 0.5s ease-in-out;
91
+ }
92
+ .submit-btn:hover {
93
+ background: #055f3a;
94
+ color: #fff;
95
+ }
96
+ .Form-box h5,
97
+ .checkbox label,
98
+ .checkbox input {
99
+ cursor: pointer;
100
+ }
101
+ .change-form {
102
+ height: 500px;
103
+ }
104
+ .change-form .Login-form {
105
+ transform: translateX(100%);
106
+ }
107
+ .change-form .Register-form {
108
+ transform: translateX(0%);
109
+ }
templates/sucess.html ADDED
@@ -0,0 +1,27 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
+ <script src="sweetalert2.min.js"></script>
9
+ <link rel="stylesheet" href="sweetalert2.min.css">
10
+ <title>Login & Signup Form</title>
11
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
12
+ <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
13
+ </head>
14
+ <body>
15
+ <script>
16
+ <?php
17
+ if (isset($_SESSION['success'])) {
18
+ echo "swal('Success', '" . $_SESSION['success'] . "', 'success');";
19
+ unset($_SESSION['success']); // Unset the session after displaying the message
20
+ } elseif (isset($_SESSION['error'])) {
21
+ echo "swal('Error', '" . $_SESSION['error'] . "', 'error');";
22
+ unset($_SESSION['error']); // Unset the session after displaying the message
23
+ }
24
+ ?>
25
+ </script>
26
+ </body>
27
+ </html>