Hugging Face's logo

Spaces:
Rajkhanke007
/
crop_geospatial_analysis
Sleeping

App Files Community
Rajkhanke007 commited on
Commit
0c18f7b
·
verified ·
1 Parent(s): 8d88cd5

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +87 -88
templates/index.html CHANGED
@@ -1,88 +1,87 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Crop Production Analysis</title>
7
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
8
- <style>
9
- body {
10
- padding: 20px;
11
- background-color: #f4f4f9;
12
- }
13
- .navbar {
14
- background-color: black;
15
- color: white;
16
- }
17
- .navbar a {
18
- color: white;
19
- }
20
- .navbar-nav {
21
- flex-direction: row;
22
- justify-content: space-between;
23
- width: 100%;
24
- }
25
- .container {
26
- background: white;
27
- border-radius: 8px;
28
- padding: 20px;
29
- max-height: 1500px;
30
- max-width: 1700px;
31
- margin-top: 20px;
32
- margin-bottom: 20px;
33
- }
34
- .heading {
35
- font-weight: bold;
36
- color: green;
37
- }
38
- .btn-red {
39
- background-color: red;
40
- color: white;
41
- }
42
- #map-container {
43
- margin-top: 20px;
44
- margin-bottom:20px;
45
- height: 500px;
46
- border: 2px solid #ddd;
47
- }
48
- </style>
49
- </head>
50
- <body>
51
- <nav class="navbar navbar-expand-lg">
52
- <a class="navbar-brand" href="/">Crop Analysis</a>
53
- <div class="collapse navbar-collapse">
54
- <ul class="navbar-nav mr-auto">
55
- <li class="nav-item"><a class="nav-link" href="/prodction_analysis">Production Analysis</a></li>
56
- <li class="nav-item"><a class="nav-link" href="/heatmap_analysis">Heatmap Analysis</a></li>
57
- <li class="nav-item"><a class="nav-link" href="/season_analysis">Season Analysis</a></li>
58
- <li class="nav-item"><a class="nav-link" href="/crop_analysis">Geospatial Analysis</a></li>
59
- <li class="nav-item"><a class="nav-link" href="/combined_analysis">Combined Analysis</a></li>
60
- </ul>
61
- </div>
62
- </nav>
63
-
64
- <div class="container">
65
- <h2 class="heading">Crop Production Analysis</h2>
66
- <form method="POST" action="/prodction_analysis">
67
- <div class="form-group">
68
- <label for="crop_type">Select Crop Type:</label>
69
- <select class="form-control" id="crop_type" name="crop_type">
70
- <option value="">Select Crop</option>
71
- {% for crop in crop_options %}
72
- <option value="{{ crop }}" {% if crop == selected_crop %}selected{% endif %}>{{ crop }}</option>
73
- {% endfor %}
74
- </select>
75
- </div>
76
- <button type="submit" class="btn btn-success">Analyze</button>
77
- </form>
78
-
79
- <div id="map-container">
80
- {{ map_html | safe }}
81
- </div>
82
- </div>
83
-
84
- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
85
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
86
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
87
- </body>
88
- </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Crop Production Analysis</title>
7
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
8
+ <style>
9
+ body {
10
+ padding: 20px;
11
+ background-color: #f4f4f9;
12
+ }
13
+ .navbar {
14
+ background-color: black;
15
+ color: white;
16
+ }
17
+ .navbar a {
18
+ color: white;
19
+ }
20
+ .navbar-nav {
21
+ flex-direction: row;
22
+ justify-content: space-between;
23
+ width: 100%;
24
+ }
25
+ .container {
26
+ background: white;
27
+ border-radius: 8px;
28
+ padding: 20px;
29
+ max-height: 1500px;
30
+ max-width: 1700px;
31
+ margin-top: 20px;
32
+ margin-bottom: 20px;
33
+ }
34
+ .heading {
35
+ font-weight: bold;
36
+ color: green;
37
+ }
38
+ .btn-red {
39
+ background-color: red;
40
+ color: white;
41
+ }
42
+ #map-container {
43
+ margin-top: 20px;
44
+ margin-bottom:20px;
45
+ height: 500px;
46
+ border: 2px solid #ddd;
47
+ }
48
+ </style>
49
+ </head>
50
+ <body>
51
+ <nav class="navbar navbar-expand-lg">
52
+ <a class="navbar-brand" href="/">Crop Analysis</a>
53
+ <div class="collapse navbar-collapse">
54
+ <ul class="navbar-nav mr-auto">
55
+ <li class="nav-item"><a class="nav-link" href="/prodction_analysis">Production Analysis</a></li>
56
+ <li class="nav-item"><a class="nav-link" href="/heatmap_analysis">Heatmap Analysis</a></li>
57
+ <li class="nav-item"><a class="nav-link" href="/season_analysis">Season Analysis</a></li>
58
+ <li class="nav-item"><a class="nav-link" href="/crop_analysis">Geospatial Analysis</a></li>
59
+ </ul>
60
+ </div>
61
+ </nav>
62
+
63
+ <div class="container">
64
+ <h2 class="heading">Crop Production Analysis</h2>
65
+ <form method="POST" action="/prodction_analysis">
66
+ <div class="form-group">
67
+ <label for="crop_type">Select Crop Type:</label>
68
+ <select class="form-control" id="crop_type" name="crop_type">
69
+ <option value="">Select Crop</option>
70
+ {% for crop in crop_options %}
71
+ <option value="{{ crop }}" {% if crop == selected_crop %}selected{% endif %}>{{ crop }}</option>
72
+ {% endfor %}
73
+ </select>
74
+ </div>
75
+ <button type="submit" class="btn btn-success">Analyze</button>
76
+ </form>
77
+
78
+ <div id="map-container">
79
+ {{ map_html | safe }}
80
+ </div>
81
+ </div>
82
+
83
+ <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
84
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
85
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
86
+ </body>
87
+ </html>