diff options
| author | Karan Jayachandra <karan.jayachandra@nxp.com> | 2025-07-25 15:30:07 +0200 |
|---|---|---|
| committer | Karan Jayachandra <karan.jayachandra@nxp.com> | 2025-07-25 15:30:07 +0200 |
| commit | 08e4a27c0db7fc2867cce3eb6f80799148c03ba6 (patch) | |
| tree | 9cf8636933099a550b02b281b6a885b7f3a7bf37 /app/templates/players.j2 | |
| parent | 040a3a894e0816596532d7f7430baa4a5524f67b (diff) | |
Moved to a mobile friendly CSS framework
Diffstat (limited to 'app/templates/players.j2')
| -rw-r--r-- | app/templates/players.j2 | 59 |
1 files changed, 30 insertions, 29 deletions
diff --git a/app/templates/players.j2 b/app/templates/players.j2 index 0499b73..f10b0a9 100644 --- a/app/templates/players.j2 +++ b/app/templates/players.j2 @@ -3,44 +3,45 @@ <html lang="en"> {{ header(url_for) }} <body> - <section class="section"> - {{ navbar(url_for) }} - <h4 class="title is-4">Members</h4> + <header class="container">{{ navbar(url_for) }}</header> + <main class="container"> + <h3 >Members</h3> <div class="parent"> {% for regular in regulars %} <div class="cell"> {{ player_button(regular) }} </div> {% endfor %} </div> - <h4 class="title is-4">Guests</h4> + <h3>Guests</h3> <div class="parent"> {% for guest in guests %} <div class="cell"> {{ player_button(guest) }} </div> {% endfor %} </div> - </section> - <section class="section"> - <div class="column"> - <button class="button is-dark is-responsive" - hx-post="/reset_players">RESET!</button> - </div> - <div class="column"> - <form method="POST" enctype="multipart/form-data" hx-post="/update_players"> - <div id="file-js" class="file has-name is-fullwidth"> - <label class="file-label"> - <input class="file-input" type="file" name="players" /> - <span class="file-cta"> - <span class="file-icon"> - <i class="fas fa-upload"></i> - </span> - <span class="file-label"> Choose a file… </span> - </span> - <span class="file-name"> No file uploaded </span> - </label> - <button class="button is-dark is-responsive">UPDATE!</button> - </div> - </form> - </div> - {{ footer() }} - </section> + <h3>Controls</h3> + <section class="section"> + <div class="column"> + <button class="button is-dark is-responsive" + hx-post="/reset_players">RESET!</button> + </div> + <div class="column"> + <form method="POST" enctype="multipart/form-data" hx-post="/update_players"> + <div id="file-js" class="file has-name is-fullwidth"> + <label class="file-label"> + <input class="file-input" type="file" name="players" /> + <span class="file-cta"> + <span class="file-icon"> + <i class="fas fa-upload"></i> + </span> + <span class="file-label"> Choose a file… </span> + </span> + <span class="file-name"> No file uploaded </span> + </label> + <button class="button is-dark is-responsive">UPDATE!</button> + </div> + </form> + </div> + <footer class="container">{{ footer() }}</footer> + </section> + </main> </body> </html>
\ No newline at end of file |