Hugging Face's logo

Spaces:
sikeaditya
/
GeoMapping
Running

App Files Community
sikeaditya commited on
Commit
b03a833
·
verified ·
1 Parent(s): f989785

Upload index.html

Browse files
Files changed (1) hide show
  1. index.html +99 -19
index.html CHANGED
@@ -1,19 +1,99 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </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>Satellite Image Analyzer</title>
7
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
9
+ <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
10
+ <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
11
+ <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
12
+ </head>
13
+ <body>
14
+ <div class="container py-5">
15
+ <h1 class="text-center">Satellite Image Analyzer</h1>
16
+
17
+ <div class="row justify-content-center">
18
+ <div class="col-lg-10">
19
+ <div class="card mb-4">
20
+ <div class="card-body">
21
+ <form id="locationForm" class="mb-3">
22
+ <div class="form-group">
23
+ <label for="location" class="form-label">
24
+ <i class="fas fa-search-location me-2"></i>Enter Location
25
+ </label>
26
+ <input type="text"
27
+ class="form-control form-control-lg"
28
+ id="location"
29
+ name="location"
30
+ placeholder="Enter an address or location name"
31
+ required>
32
+ </div>
33
+ <button type="submit" class="btn btn-primary mt-3">
34
+ <i class="fas fa-map-marked-alt me-2"></i>Search Location
35
+ </button>
36
+ </form>
37
+ </div>
38
+ </div>
39
+
40
+ <div class="card mb-4">
41
+ <div class="card-body">
42
+ <h5 class="card-title">
43
+ <i class="fas fa-upload me-2"></i>Or Upload an Image
44
+ </h5>
45
+ <form id="uploadForm" class="mb-3">
46
+ <div class="form-group">
47
+ <input type="file"
48
+ class="form-control"
49
+ id="imageUpload"
50
+ accept=".jpg,.jpeg,.png,.tif,.tiff"
51
+ required>
52
+ </div>
53
+ <button type="submit" class="btn btn-primary mt-3">
54
+ <i class="fas fa-upload me-2"></i>Upload and Analyze
55
+ </button>
56
+ </form>
57
+ </div>
58
+ </div>
59
+
60
+ <div id="mapContainer" class="card mb-4 d-none">
61
+ <div class="card-body">
62
+ <div id="map"></div>
63
+ <div class="mt-4 d-flex justify-content-between align-items-center flex-wrap">
64
+ <button id="captureBtn" class="btn btn-success">
65
+ <i class="fas fa-camera me-2"></i>Capture Screenshot
66
+ </button>
67
+ <small class="text-muted">
68
+ <i class="fas fa-info-circle me-2"></i>Use map controls to adjust the view
69
+ </small>
70
+ </div>
71
+ </div>
72
+ </div>
73
+
74
+ <div id="screenshotGallery" class="card d-none">
75
+ <div class="card-body">
76
+ <h5 class="card-title">
77
+ <i class="fas fa-image me-2"></i>Captured Image
78
+ </h5>
79
+ <div id="screenshotContainer" class="text-center">
80
+ <img id="capturedImage" class="img-fluid" alt="Captured map">
81
+ <div class="mt-4">
82
+ <a id="analyzeBtn" class="btn btn-primary">
83
+ <i class="fas fa-chart-bar me-2"></i>Analyze Image
84
+ </a>
85
+ </div>
86
+ </div>
87
+ </div>
88
+ </div>
89
+ </div>
90
+ </div>
91
+ </div>
92
+
93
+ <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
94
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
95
+ <script src="{{ url_for('static', filename='js/polygon-draw.js') }}"></script>
96
+ <script src="{{ url_for('static', filename='js/main.js') }}"></script>
97
+ <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
98
+ </body>
99
+ </html>