diff options
| author | Mitsuo Tokumori <[email protected]> | 2025-03-08 01:30:17 +0900 |
|---|---|---|
| committer | Mitsuo Tokumori <[email protected]> | 2025-03-08 01:30:17 +0900 |
| commit | ec80766af5e2f59f3842b613f271c1100705af5e (patch) | |
| tree | 4798439deb8b0a951ebb924d4739b05ca27577b3 /templates | |
| parent | 304d0a2c3e0e1eea58d6db1762c1b96e450b5843 (diff) | |
| download | masu-ec80766af5e2f59f3842b613f271c1100705af5e.tar.gz masu-ec80766af5e2f59f3842b613f271c1100705af5e.tar.bz2 masu-ec80766af5e2f59f3842b613f271c1100705af5e.zip | |
Change block layout, add time visualization
Block layout is now flex.
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/templates/index.html b/templates/index.html index 6337647..be23282 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,7 +1,9 @@ <!DOCTYPE html> <html> <head> + <title>MASU</title> <link rel="stylesheet" href="/static/style.css"> + <link rel="stylesheet" href="/static/timeVisualizer.css"> </head> <body> <header> @@ -9,11 +11,18 @@ <label>Weather City: <input id="city" value="Kofu, JP"></label> <label><input type="checkbox" id="pause" checked> Auto-Update</label> </header> - <div class="grid"> - <div class="block" id="time"></div> - <div class="block" id="weather"></div> + <div id="container"> + <!-- TODO: Use Jinja2 blocks --> + <div class="block" id="time"> + <p id="weatherSummary"></p> + <div id="timeVisualizer"></div> + </div> + <div class="block" id="weather"> + <img id="weather-icon" src="" alt="weather icon"> + <p id="weather-summary"></p> + </div> <!-- Add more blocks --> </div> - <script src="/static/script.js"></script> + <script type="module" src="/static/script.js"></script> </body> </html> |