|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"/> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> |
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/static/css/site.css"/> |
|
|
<title>PyPWA Weather</title> |
|
|
|
|
|
<link rel="manifest" href="/static/manifest.json"> |
|
|
|
|
|
<link rel="stylesheet" href="/static/pyscript/pyscript.css"/> |
|
|
<script defer src="/static/pyscript/pyscript.js"></script> |
|
|
<py-config> |
|
|
- autoclose_loader: true |
|
|
- runtimes: |
|
|
- |
|
|
src: "/static/pyodide/pyodide.js" |
|
|
name: pyodide-0.20 |
|
|
lang: python |
|
|
</py-config> |
|
|
<py-env> |
|
|
- paths: |
|
|
- /static/python/client.py |
|
|
- /static/python/weather_api.py |
|
|
</py-env> |
|
|
</head> |
|
|
<body id="the_body"> |
|
|
<main> |
|
|
<nav> |
|
|
<h1><strong>PyPWA Weather</strong> (by <a href="https://twitter.com/mkennedy" target="_blank">@mkennedy</a>) |
|
|
</h1> |
|
|
<ul> |
|
|
<li><a id="refresh">refresh</a></li> |
|
|
</ul> |
|
|
</nav> |
|
|
<div id="weather" class="hidden"> |
|
|
<div id="image-container"> |
|
|
<img id="image" src="#"/> |
|
|
</div> |
|
|
<div id="temp"> |
|
|
|
|
|
</div> |
|
|
<div id="forecast"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div style="clear: both;"></div> |
|
|
</main> |
|
|
|
|
|
<footer> |
|
|
<div class="footer-content"> |
|
|
A pyscript demo app by <a href="https://twitter.com/mkennedy" target="_blank">@mkennedy</a>, copyright 2022. |
|
|
</div> |
|
|
</footer> |
|
|
<py-script src="/static/python/client.py"></py-script> |
|
|
<script src="/static/js/pwa-scaffold.js"></script> |
|
|
</body> |
|
|
</html> |
