diff options
Diffstat (limited to 'templates/index.html')
| -rw-r--r-- | templates/index.html | 51 |
1 files changed, 8 insertions, 43 deletions
diff --git a/templates/index.html b/templates/index.html index 440a237..92d020e 100644 --- a/templates/index.html +++ b/templates/index.html @@ -18,42 +18,6 @@ <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>Date: </strong></span><input - type="date" class="rounded bg-gray-600 w-full" id="startDate" /><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" id="endDate" /></p> --> - <!-- <p class="flex items-center space-x-2 py-2 px-4"> - <button id="displayData" - class="inline-flex items-center px-4 py-2 font-semibold leading-6 text-sm shadow rounded-md text-white bg-indigo-600 hover:bg-indigo-700 transition ease-in-out duration-150 w-full text-center"> - Predict for Next 7 Days - </button> - </p> - </nav> - </div> - </aside> --> - - - <main id="content" class="flex-1 p-6 lg:px-8 h-screen overflow-y-auto"> <nav class="bg-white border-gray-200 px-2 sm:px-4 py-2.5 rounded dark:bg-gray-800"> <div class="container flex flex-wrap items-center justify-between mx-auto"> @@ -76,7 +40,8 @@ class="block w-full p-2 pl-10 text-gray-900 border border-gray-300 rounded-lg bg-gray-50 sm:text-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Search for a city..." id="citySearch" autocomplete="off" /> <div id="result_container" - class="absolute w-full p-2 bg-white top-10 -left-0 text-gray-900 border border-gray-300 rounded-lg bg-gray-50 sm:text-sm max-h-64 overflow-y-auto hidden" style="z-index: 1000;"> + class="absolute w-full p-2 bg-white top-10 -left-0 text-gray-900 border border-gray-300 rounded-lg bg-gray-50 sm:text-sm max-h-64 overflow-y-auto hidden" + style="z-index: 1000;"> <ul id="results" class="list-reset h-full block"></ul> </div> </div> @@ -109,12 +74,12 @@ <ul class="range-labels"> <li class="active selected">Today</li> - <li>2 days</li> - <li>3 days</li> - <li>4 days</li> - <li>5 days</li> - <li>6 days</li> - <li>7 days</li> + <li>Tomorrow</li> + <li>Day 3</li> + <li>Day 4</li> + <li>Day 5</li> + <li>Day 6</li> + <li>Day 7</li> </ul> </div> </div> |