diff options
| author | Karan Jayachandra <me@karanj.com> | 2025-11-14 18:10:49 +0100 |
|---|---|---|
| committer | Karan Jayachandra <me@karanj.com> | 2025-11-14 18:10:49 +0100 |
| commit | 202cf761e5162720f25521a75ae7cd6a4e0e5456 (patch) | |
| tree | 0e57324bc72629cba3ed817b3439780f6959e509 /index.html | |
| parent | 90390365bd93a4ee086c2931bb70ffa571a726b9 (diff) | |
| parent | 56eb065a8165b3f508a35734adbb00c76bee012a (diff) | |
Merge branch 'develop' into 'main'
Develop
See merge request KaranJayachandra/match_up!21
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..34f649a --- /dev/null +++ b/index.html @@ -0,0 +1,92 @@ +<!DOCTYPE html> +<html lang="en" data-theme="light"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Match Up!</title> + </head> + <body> + <section class="section"> + <nav class="navbar" role="navigation" aria-label="main navigation"> + <div class="navbar-brand"> + <div class="navbar-item"><img src="icon.png"></div> + <div class="navbar-item">Match Up</div> + </div> + <div class="navbar-end"> + <div class="field is-grouped is-grouped-right"> + <button class="button is-medium is-dark" id="timer-dec" value="-0.5"><i class="fa-solid fa-minus" value="-0.5"></i></button> + <input class="input is-medium is-dark" id="timer-display" type="text" readonly></input> + <button class="button is-medium is-dark" id="timer-inc" value="0.5"><i class="fa-solid fa-plus" value="0.5"></i></button> + <button class="button is-medium is-dark" id="timer-start"><i class="fa-solid fa-play"></i></button> + <button class="button is-medium is-dark" id="timer-stop"><i class="fa-solid fa-stop"></i></button> + </div> + </div> + </nav> + <div class="container"> + <section class="section"> + <table class="table is-fullwidth"> + <thead> + <tr><th colspan="5"><div id="Game_description"></div></th></tr> + <tr> + <th>Court</th> + <th colspan='2' style="text-align: center;">Team 1</th> + <th colspan='2' style="text-align: center;">Team 2</th> + </tr> + </thead> + <tbody id="Game_list"></tbody> + </table> + </section> + <section class="section"> + <div class="field is-grouped is-grouped-centered"> + <button class="button is-medium is-dark" id="propose">Propose</button> + <div class="select is-medium is-dark"> + <select name="skill" id="skill"> + <option value="10">All Levels</option> + <option value="5">2 Levels</option> + <option value="3">3 Levels</option> + <option value="1">Skill Based</option> + </select> + </div> + <button class="button is-medium is-dark" id="confirm">Confirm</button> + <button class="button is-medium is-danger" id="reset">Reset</button> + </div> + </section> + <section class="section"> + <h1 class="title">Courts</h1> + <div id="Court_list" class="button-grid"></div> + </section> + <section class="section"> + <h1 class="title">Regulars</h1> + <div id="Regular_list" class="button-grid"></div> + </section> + <section class="section"> + <h1 class="title">Guests</h1> + <div id="Guest_list" class="button-grid"></div> + </section> + <section class="section"> + <h1 class="title">Player Update</h1> + <div id="player-load" class="file is-danger has-name is-boxed"> + <label class="file-label"> + <input class="file-input" type="file" name="players" accept=".csv"/> + <span class="file-cta"> + <span class="file-icon"> + <i class="fa-solid fa-upload"></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="src/main.js" type="module"></script> + </body> + <footer class="footer"> + <div class="content has-text-centered"> + <p><strong>Match Up</strong> made with ❤️ by <a href="https://karanj.com">Karan</a>.</p> + <p>The source code is licensed <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a>.</p> + <p>Logo from <a href="https://www.flaticon.com/free-icons/shuttle-cock" title="shuttle cock icons">Flaticon</a>.</p> + </div> + </footer> +</html>
\ No newline at end of file |