56 lines
1.6 KiB
HTML
56 lines
1.6 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 2.0//EN">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<title>SumiWeather</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta charset="UTF-8" />
|
|
</head>
|
|
|
|
<body>
|
|
<form action="./" method="get">
|
|
<a href="./"><b>SumiWeather</b></a> | Enter ZIP or City:
|
|
<input id="q" type="text" size="30" name="q" value="">
|
|
<input type="submit" value="Search">
|
|
<div style="font-size: 12px; margin-top: 6px;">
|
|
Tips: ZIP (98112) or City, ST (Seattle, WA) works best.
|
|
</div>
|
|
</form>
|
|
|
|
<hr>
|
|
|
|
<div class="center">
|
|
<div id="results" style="display:none;">
|
|
<p><b id="placeTitle">—</b></p>
|
|
<p>Lat/Lon: <span id="latlon">—</span></p>
|
|
<hr>
|
|
|
|
<h2>Current conditions</h2>
|
|
<h1 id="tempNow">—</h1>
|
|
|
|
<p><b>Humidity:</b> <span id="humidity">—</span></p>
|
|
<p><b>Wind:</b> <span id="wind">—</span></p>
|
|
<p style="font-size: 12px;"><b>Observed:</b> <span id="observedAt">—</span></p>
|
|
|
|
<hr>
|
|
|
|
<h2>Forecast</h2>
|
|
<div id="forecast"></div>
|
|
|
|
<p style="font-size: 12px;">
|
|
Data from <b>api.weather.gov</b>.
|
|
</p>
|
|
</div>
|
|
|
|
<p class="footer">
|
|
© 2026 <a href="http://forum.sumisu.xyz"><b>SumiWeather</b></a></br>
|
|
Based on <a href="http://lunarproject.org" target="_blank">LunarProject.org</a>.
|
|
</p>
|
|
</div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|