Upload New File

ee3db80b · Rushikesh Padsala · 108a9e5c · ee3db80b
Commit ee3db80b authored Jun 12, 2025 by Rushikesh Padsala
--- a/public/index.html
+++ b/public/index.html
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <!-- Use correct character set. -->
+        <meta charset="utf-8">
+        <!-- Tell IE to use the latest, best version. -->
+        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
+        <!-- Make the app on mobile take up the full browser screen and disable user scaling. -->
+        <meta name="viewport"
+            content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+        <title>Air Pollutant 3D GeoViewer</title>
+        <!-- The Cesium library. -->
+        <script src="https://cesium.com/downloads/cesiumjs/releases/1.105/Build/Cesium/Cesium.js"></script>
+        
+        <!-- stylesheets -->
+        <link rel="stylesheet" type="text/css" href="AirPollutantViewer.css">
+		<link rel="stylesheet" type="text/css" href="widgets.css">
+		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+		
+
+	    
+	</head>
+    <body>
+        <!-- defining container to keep cesium viewer -->
+        <div id="cesiumContainer"></div>
+        <!-- defining menu panel -->
+		    <div class="backdrop" id="menu">
+        <h2>Project: UDigiT4iCity<i class="fa fa-info-circle" style="font-size:15px;color:yellow" onclick="window.open('https://www.hft-stuttgart.com/research/projects/current/icity-2-udigit4icity')"> </i></h2>
+		<h2>Case Study Area: Schloßstraße, Stuttgart City<i class="fa fa-info-circle" style="font-size:15px;color:yellow" onclick="window.open('https://isprs-archives.copernicus.org/articles/XLVIII-4-W11-2024/89/2024/')"> </i></h2>
+        <label for="selectairpollutant">Select Air Pollutant:</label>
+        <select id="selectairpollutant">
+            <option value="">--Select/Clear--</option>
+					<option value="CO">Carbon Monoxide (CO)</option>
+                    <option value="NOx">Nitrogen Oxide (NO<sub>x</sub>)</option>
+					<option value="SO2">Sulphur Dioxide (SO<sub>2</sub>)</option>
+                    <option value="HC">Hydrocarbons (HC)</option>
+					<option value="BAP">Benz(a)pyrene (BAP)</option>					
+        </select>
+		<br>
+		<br>
+		<div class="checkbox-group">
+			<label>Show Air Pressure <input type="checkbox" id="toggleAirPressure"></label>
+		</div>
+		<div class="checkbox-group">
+			<label>Show Air Velocity <input type="checkbox" id="toggleAirVelocity"></label>
+		</div>
+
+ <!--<button id="measureHeightButton">Measure Height</button>-->
+    </div>
+	<div id="loadingScreen">
+    <img src="Images/loading.gif">    
+</div>
+
+			
+<div class="legend-container">
+<div class="legend-title">Concentration</div>
+    <div class="legend">
+        <div class="legend-label high">High</div>
+        <div class="legend-label medium">Medium</div>
+        <div class="legend-label low">Low</div>
+    </div>
+</div>
+
+<div class="credit-bar">
+    Application developed and managed by 
+    <a href="https://www.linkedin.com/in/rpadsala" target="_blank">Rushikesh Padsala - Click here to contact me</a>
+</div>
+
+<a href="https://ugl.hft-stuttgart.de/" target='_blank' aria-label="HFT Stuttgart Website">
+    <div class="credit1"></div>
+</a>
+<a href="mailto:rushikesh.padsala@hft-stuttgart.de" target='_blank' aria-label="Email Rushikesh Padsala (rushikesh.padsala@hft-stuttgart.de)">
+    <div class="credit2"></div>
+</a>
+		<!-- javascript -->
+        <script src="./App.js"></script>
+    </body>
+</html>