Spaces:
Sleeping
Sleeping
File size: 2,095 Bytes
e32bc5b |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Weather Dashboard</title>
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
<div class="container">
<header>
<h1>Weather Dashboard</h1>
</header>
<main>
<div class="content">
<section class="search-section">
<input type="text" id="city-input" placeholder="E.g., New York, London, Tokyo">
<button id="search-button">Search</button>
<p>or</p>
<button id="location-button">Use Current Location</button>
<div id="city-history">
<strong>City History:</strong>
<!-- City history will be displayed here -->
</div>
<button id="clear-history-button" style="display: none;" >Clear History</button>
</section>
<section class="weather-section">
<div class="current-weather" id="current-weather">
<!-- Current weather data will be displayed here -->
</div>
<h2>4-Day Forecast</h2>
<div class="forecast" id="forecast">
<!-- <h2>4-Day Forecast</h2> -->
<!-- Forecast data will be displayed here -->
</div>
<button id="load-more-btn" onclick="loadMoreForecast()" style="display: none;">Load More</button>
</section>
</div>
<section class="subscribe-section">
<h2>Subscribe to Daily Weather Updates</h2>
<form id="subscribe-form">
<input type="email" id="email-input" placeholder="Enter your email">
<button type="submit">Subscribe</button>
</form>
</section>
</main>
</div>
<script src="/static/js/script.js"></script>
</body>
</html>
|