| <!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> |
