Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Weather Forecast Dashboard</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> | |
| <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header> | |
| <h1>Weather Forecast Dashboard</h1> | |
| <p>Get real-time updates and predictions for your location.</p> | |
| </header> | |
| <section class="input-section"> | |
| <input type="text" id="city-input" placeholder="Enter city (e.g., New York)" value="New York"> | |
| <select id="forecast-days"> | |
| <option value="5">5 Days</option> | |
| <option value="10">10 Days</option> | |
| </select> | |
| <button onclick="fetchWeather()">Get Weather</button> | |
| </section> | |
| <section id="weather-summary" class="weather-summary"></section> | |
| <section class="charts"> | |
| <div id="temperature-graph" class="chart"></div> | |
| <div id="precipitation-graph" class="chart"></div> | |
| <div id="wind-graph" class="chart"></div> | |
| </section> | |
| </div> | |
| <script src="{{ url_for('static', filename='script.js') }}"></script> | |
| </body> | |
| </html> |