diff options
| author | jmreddy2106 <[email protected]> | 2021-12-02 13:35:34 -0500 |
|---|---|---|
| committer | jmreddy2106 <[email protected]> | 2021-12-02 13:35:34 -0500 |
| commit | 9afb5925e1407950a04434f49aea806faf862c4d (patch) | |
| tree | 3679927ecc307b08eb011798b4ee66797784bc57 /templates/index.html | |
| parent | 297202178119d269db247bb94f66801a6eafad29 (diff) | |
| parent | 00bd3254921f35dfbad0aea164d47d764883b2f4 (diff) | |
| download | temp_pred_arima-9afb5925e1407950a04434f49aea806faf862c4d.tar.xz temp_pred_arima-9afb5925e1407950a04434f49aea806faf862c4d.zip | |
time
Diffstat (limited to 'templates/index.html')
| -rw-r--r-- | templates/index.html | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..170de98 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,81 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Analyzing Climate Change using Earth Surface Temperature Visualization</title> + <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"> + <link rel="stylesheet" href="{{url_for('static',filename='css/style.css')}}"> + <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" + integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" + crossorigin="" /> + <script src="https://unpkg.com/[email protected]/dist/leaflet.js" + integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" + crossorigin=""></script> +</head> + +<body> + <div class="relative min-h-screen md:flex" data-dev-hint="container"> + + <aside id="sidebar" + class="bg-gray-800 text-gray-100 w-1/6 space-y-6 pt-6 px-0 absolute inset-y-0 left-0 transform md:relative md:translate-x-0 transition duration-200 ease-in-out md:flex md:flex-col md:justify-between overflow-y-auto" + data-dev-hint="sidebar; px-0 for frameless; px-2 for visually inset the navigation"> + <div class="flex flex-col space-y-6" data-dev-hint="optional div for having an extra footer navigation"> + <p class="text-white flex items-center space-x-2 px-4" + title="Analyzing Climate Change using Earth Surface Temperature Visualization"> + <span class="text-2xl font-extrabold whitespace-nowrap truncate">Analyzing Climate Change using + Earth Surface Temperature Visualization</span> + </p> + + <nav data-dev-hint="main navigation"> + <div class="flex items-center space-x-2 py-2 px-4 relative w-full"> + <input type="text" class="bg-gray-600 rounded w-full p-3" placeholder="Search for a city..." + id="citySearch" autocomplete="off" /> + <div id="result_container" + class="absolute w-full p-3 bg-white top-14 -left-2 text-black max-h-64 overflow-y-auto hidden"> + <ul id="results" class="list-reset h-full block"></ul> + </div> + </div> + <p class="flex items-center space-x-2 py-2 px-4"><span><strong>Start Date: </strong></span><input + type="date" class="rounded bg-gray-600 w-full" /><span></p> + <p class="flex items-center space-x-2 py-2 px-4"><strong>End Date: </strong></span><input + type="date" class="rounded bg-gray-600 w-full" /></p> + <p class="flex items-center space-x-2 py-2 px-4"> + <button + class="text-center px-6 py-2 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 w-full"> + Display Data + </button> + </p> + </nav> + </div> + </aside> + + <main id="content" class="flex-1 p-6 lg:px-8 h-screen overflow-y-auto"> + <div class="mx-auto px-3 py-6"> + <button + class="text-center px-6 py-2 border border-gray-400 text-xl font-medium rounded-md text-white bg-gray-700"> + Map + </button> + <button + class="text-center px-6 py-2 border border-gray-400 text-xl font-medium rounded-md bg-gray-100 hover:bg-gray-200"> + Graph + </button> + </div> + <div class="h-3/4 mx-auto"> + <div class="border-4 border-dashed border-gray-200 rounded-lg h-full"> + <div id="map"></div> + </div> + </div> + </main> + </div> +</body> +<script type="text/javascript"> + const cities = JSON.parse('{{cities_list | tojson}}'); +</script> +<script src="../static/js/map.js" defer></script> +<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> +<script src="../static/js/search.js" defer></script> + +</html>
\ No newline at end of file |