diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 79 |
1 files changed, 57 insertions, 22 deletions
@@ -1,34 +1,69 @@ <!DOCTYPE html> -<html lang="en"> +<html lang="en" > <head> <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.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"> + <script src="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.js"></script> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css"> <link rel="stylesheet" href="index.css"> </head> <body> - <main class="container"> - <nav> - <ul> - <li><strong>Match Up</strong></li> - </ul> - <ul> - <!-- <li><a href="/players">Players</a></li> - <li><a href="#">Guests</a></li> - <li><a href="#">Admin</a></li> --> - </ul> - </nav> - <div> - <h2>Courts</h2> - <div id="court_list" class="button-grid"></div> + <section class="section"> + <div class="container"> + <div class="columns"> + <div class="column is-one-quarter"><h1 class="title">Match Up!</h1></div> + <div class="column"> + <div class="field"> + <div class="field is-grouped is-grouped-right has-addons"> + <button class="button is-danger" id="timer-dec">-</button> + <input class="input" id="timer-display" type="text" readonly></input> + <button class="button is-success" id="timer-inc">+</button> + <button class="button is-info" id="timer-start">Start</button> + <button class="button is-info" id="timer-stop">Stop</button> + </div> + </div> + </div> </div> - <div id="regulars"> - <h2>Regulars</h2> - <div id="regular_list" class="button-grid"></div> - </div> - </main> - <script src="player.mjs" type="module"></script> + <section class="section"> + <h2 class="title">Games</h1> + <div id="game_list"></div> + </section> + <section class="section"> + <h2 class="title">Controls</h1> + <div class="button-grid"> + <button class="button is-dark" id="propose">Propose</button> + <!-- <button disabled> + <button class="button is-success">Confirm</button> --> + </div> + </section> + <section class="section"> + <h2 class="title">Courts</h1> + <div id="court_list" class="button-grid"></div> + </section> + <section class="section"> + <h2 class="title">Regulars</h1> + <div id="regular_list" class="button-grid"></div> + </section> + <section class="section"> + <h2 class="title">Player Update</h3> + <div id="file-js" class="file is-danger has-name is-boxed"> + <label class="file-label"> + <input class="file-input" type="file" name="resume" /> + <span class="file-cta"> + <span class="file-icon"> + <i class="fas fa-cloud-upload-alt"></i> + </span> + <span class="file-label"> Update players... </span> + </span> + <span class="file-name"> No file selected... </span> + </label> + </div> + </section> + </div> + </section> <script src="index.js" type="module"></script> + <script src="timer.js"></script> </body> </html>
\ No newline at end of file |