diff options
| author | Karan Jayachandra <karan.jayachandra@nxp.com> | 2024-10-11 16:59:45 +0200 |
|---|---|---|
| committer | Karan Jayachandra <karan.jayachandra@nxp.com> | 2024-10-11 16:59:45 +0200 |
| commit | 0db0ff2f1c712273ac48cb859c24253b1efa8384 (patch) | |
| tree | b92c4bd847ca94ad5cdf5a0b85576328484ff061 /templates/index.j2 | |
| parent | 39a01979a470e836da1128503e4587cb76eeae33 (diff) | |
First working version with court selection
Diffstat (limited to 'templates/index.j2')
| -rw-r--r-- | templates/index.j2 | 18 |
1 files changed, 12 insertions, 6 deletions
diff --git a/templates/index.j2 b/templates/index.j2 index be92207..a9c451f 100644 --- a/templates/index.j2 +++ b/templates/index.j2 @@ -4,8 +4,8 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>🏸Match Up!</title> - <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css"> - <script src="https://unpkg.com/htmx.org@1.9.11"></script> + <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css"> + <script src="https://unpkg.com/htmx.org@2.0.0/dist/htmx.min.js"></script> <style> button { height: 50px; @@ -23,25 +23,31 @@ row-gap: 20px; column-gap: 20px; } - .tagline { - text-align: center; + hr { + margin-top: 1cm; } </style> </head> <body> <header> - <h1>🏸The Smashing Fellows </h1> - <h4> Total Courts: 8</h4> + <h4>🏸The Smashing Fellows </h4> </header> + <hr> <div> <h2>Games</h2> <div class="games" hx-get="/game-list" hx-swap="outerHTML" hx-trigger="revealed"></div> </div> <button hx-post="/new-games" hx-trigger="click" hx-target=".games" hx-swap="outerHTML"> New Games </button> <div class="players"> + <h2>Courts</h2> + <div hx-get="/court-list" hx-swap="outerHTML" hx-trigger="revealed"></div> + </div> + <hr> + <div class="players"> <h2>Players</h2> <div hx-get="/player-list" hx-swap="outerHTML" hx-trigger="revealed"></div> </div> + <hr> <footer> Made by <a href="https://karanjayachandra.com/">K. Jayachandra</a> using <a href="https://htmx.org/">HTMX</a> and <a href="https://flask.palletsprojects.com">Flask</a> </footer> |