Hugging Face's logo

Spaces:
gauthamnairy
/
GeoToolsHub
Build error

App Files Community
gauthamnairy commited on
Commit
191396e
·
verified ·
1 Parent(s): 4b9e12a

Upload index.html

Browse files
Files changed (1) hide show
  1. index.html +116 -0
index.html ADDED
@@ -0,0 +1,116 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>GeoTools Hub - All-in-One GIS Calculation Tool</title>
7
+
8
+ <!-- Font Awesome -->
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
10
+
11
+ <!-- Google Fonts -->
12
+ <link rel="preconnect" href="https://fonts.googleapis.com">
13
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@700;800;900&display=swap" rel="stylesheet">
15
+
16
+ <!-- Custom CSS -->
17
+ <link rel="stylesheet" href="landing.css">
18
+ </head>
19
+ <body>
20
+ <div class="map-background"></div>
21
+
22
+ <div class="background-text">MAP</div>
23
+
24
+ <div class="hero-container">
25
+ <header>
26
+ <div class="logo">
27
+ <i class="fas fa-globe-americas"></i>
28
+ <h1>GeoTools Hub</h1>
29
+ </div>
30
+ </header>
31
+
32
+ <main>
33
+ <div class="hero-content">
34
+ <h1 class="main-title">All-in-One GIS Calculation Tool</h1>
35
+ <p class="subtitle">Powerful geospatial analysis tools for professionals and enthusiasts</p>
36
+ <button id="open-drawer" class="btn-primary">
37
+ <i class="fas fa-th-large"></i> Explore Tools
38
+ </button>
39
+ </div>
40
+ </main>
41
+ </div>
42
+
43
+ <!-- App Drawer Overlay -->
44
+ <div id="app-drawer" class="app-drawer">
45
+ <div class="drawer-content">
46
+ <div class="drawer-header">
47
+ <h2>GIS Tools</h2>
48
+ <button id="close-drawer" class="btn-close">
49
+ <i class="fas fa-times"></i>
50
+ </button>
51
+ </div>
52
+
53
+ <div class="tools-grid">
54
+ <!-- Elevation Tool -->
55
+ <a href="elevation.html" class="tool-card">
56
+ <div class="tool-icon">
57
+ <i class="fas fa-mountain"></i>
58
+ </div>
59
+ <div class="tool-info">
60
+ <h3>Ground Elevation Finder</h3>
61
+ <p>Get precise elevation data for any location on Earth</p>
62
+ </div>
63
+ </a>
64
+
65
+ <!-- Future Tools (Coming Soon) -->
66
+ <div class="tool-card coming-soon">
67
+ <div class="tool-icon">
68
+ <i class="fas fa-route"></i>
69
+ </div>
70
+ <div class="tool-info">
71
+ <h3>Distance Calculator</h3>
72
+ <p>Coming soon</p>
73
+ </div>
74
+ </div>
75
+
76
+ <div class="tool-card coming-soon">
77
+ <div class="tool-icon">
78
+ <i class="fas fa-draw-polygon"></i>
79
+ </div>
80
+ <div class="tool-info">
81
+ <h3>Area Calculator</h3>
82
+ <p>Coming soon</p>
83
+ </div>
84
+ </div>
85
+
86
+ <div class="tool-card coming-soon">
87
+ <div class="tool-icon">
88
+ <i class="fas fa-map-marked-alt"></i>
89
+ </div>
90
+ <div class="tool-info">
91
+ <h3>Coordinate Converter</h3>
92
+ <p>Coming soon</p>
93
+ </div>
94
+ </div>
95
+ </div>
96
+ </div>
97
+ </div>
98
+
99
+ <footer>
100
+ <p>&copy; 2025 GeoTools Hub | Made with <i class="fas fa-heart"></i> for GIS professionals</p>
101
+ </footer>
102
+
103
+ <script>
104
+ // Simple script for app drawer functionality
105
+ document.getElementById('open-drawer').addEventListener('click', function() {
106
+ document.getElementById('app-drawer').classList.add('open');
107
+ document.body.style.overflow = 'hidden'; // Prevent scrolling when drawer is open
108
+ });
109
+
110
+ document.getElementById('close-drawer').addEventListener('click', function() {
111
+ document.getElementById('app-drawer').classList.remove('open');
112
+ document.body.style.overflow = ''; // Restore scrolling
113
+ });
114
+ </script>
115
+ </body>
116
+ </html>