diff options
| author | Karan Jayachandra <mail@karanjayachandra.com> | 2025-11-15 21:59:09 +0100 |
|---|---|---|
| committer | Karan Jayachandra <mail@karanjayachandra.com> | 2025-11-15 21:59:09 +0100 |
| commit | fef09593445dcf3a56ee9074b88bde7b0a9f33f9 (patch) | |
| tree | 530480aedc17f110ca4888402bc697019c1bac51 /index.html | |
| parent | 4ff9794fa2b545134efe341ad012667c67f70d15 (diff) | |
Added the changes to fix the bug with class name and changed the SVG color to match the buttons
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 44 |
1 files changed, 25 insertions, 19 deletions
@@ -1,22 +1,26 @@ <!DOCTYPE html> -<html lang="en" data-theme="light"> +<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Match Up!</title> + <meta name="keywords" content="Badminton, Matchmaking, Open"> + <meta name="author" content="Karan Jayachandra"> + <meta name="description" content="Matchup is a free utility that helps you create matches for Badminton from a pool a players. The tool is completely open source and private as all data is store locally on your machine."> + <meta http-equiv="Cache-control" content="public"> </head> <body> <header class="container"> <nav> - <ul><li><img src="icon.svg"></li></ul> + <ul><li><img src="icon.svg" alt="Matchup"></li></ul> <ul> <li> <fieldset id="timer" role="group"> - <button id="timer-dec"><i class="fa-solid fa-minus"></i></button> - <input id="timer-display" type="text" readonly></input> - <button id="timer-inc"><i class="fa-solid fa-plus"></i></button> - <button id="timer-start"><i class="fa-solid fa-play"></i></button> - <button id="timer-stop"><i class="fa-solid fa-stop"></i></button> + <button id="timer-dec" title="Timer decrement"><i class="fa-solid fa-minus"></i></button> + <input id="timer-display" title="Time display" type="text" readonly></input> + <button id="timer-inc" title="Timer increment"><i class="fa-solid fa-plus"></i></button> + <button id="timer-start" title="Timer start"><i class="fa-solid fa-play"></i></button> + <button id="timer-stop" title="Timer stop"><i class="fa-solid fa-stop"></i></button> </fieldset> </li> </ul> @@ -28,16 +32,16 @@ <div id="Game-list" class="grid-container"></div> </section> <section> - <fieldset role="group"> + <select id="skill" aria-label="State"> + <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 class="grid"> <button id="propose">Propose</button> - <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> <button id="confirm">Confirm</button> - </fieldset> + </div> </section> <section> <hgroup> @@ -65,13 +69,15 @@ <h2>Admin</h2> <p>Changes here are permanent and cannot be reverted.</p> </hgroup> - <button id="reset">Reset Session</button> - <input type="file" id="player-load" accept=".csv"/> + <div id="admin" class="grid"> + <button id="reset">Reset Session</button> + <button id='button-player-load'>Upload Database</button> + </div> + <input type="file" id="player-load" accept=".csv" placeholder="Player database" hidden/> </div> - </main> <footer class="container" style="text-align: center;"> - <strong>Match Up</strong> made with ❤️ by <a href="https://karanj.com">Karan</a>. The source code is licensed <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a>. Logo from <a href="https://www.svgrepo.com">SVG Repo</a>. + <strong>Matchup</strong> made with ❤️ by <a href="https://karanj.com">Karan</a>. The source code is licensed <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a>. Logo from <a href="https://www.svgrepo.com">SVG Repo</a>. </footer> </body> <script src="src/main.js" type="module"></script> |