diff options
| author | Karan Jayachandra <mail@karanjayachandra.com> | 2025-11-15 19:12:25 +0100 |
|---|---|---|
| committer | Karan Jayachandra <mail@karanjayachandra.com> | 2025-11-15 19:12:25 +0100 |
| commit | 7cec8794b6616d294b6a0e8aab3b9d8b1dcdb6db (patch) | |
| tree | b5283f089aa89fbe577f899b65e9db2661c8a9db /index.html | |
| parent | c0c4897f2ef9eb9ae444bc05407c3cdf420c3461 (diff) | |
Added the change to Pico CSS
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 141 |
1 files changed, 66 insertions, 75 deletions
@@ -6,82 +6,73 @@ <title>Match Up!</title> </head> <body> - <section class="section is-fluid"> - <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="navbar-item"> - <div class="field is-grouped is-grouped-centered"> - <button class="button is-dark" id="timer-dec" value="-0.5">-</i></button> - <input class="input is-dark" id="timer-display" type="text" readonly></input> - <button class="button is-dark" id="timer-inc" value="0.5">+</button> - <button class="button is-dark" id="timer-start">Start</button> - <button class="button is-dark" id="timer-stop">Stop</button> - </div> - </div> - </div> + <header class="container"> + <nav> + <ul><li><img src="icon.svg"></li></ul> + <ul> + <li> + <fieldset 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> + </fieldset> + </li> + </ul> </nav> - <div class="container is-fluid"> - <section class="section"> - <h1 class="title" id="Game_description"></h1> - <div id="Game_list" class="grid-container"></div> - </section> - <section class="section"> - <div class="field is-grouped is-grouped-right"> - <button class="button is-dark" id="propose">Propose</button> - <div class="select 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-dark" id="confirm">Confirm</button> - </div> - </section> - <section class="section"> - <h1 class="title">Courts</h1> - <h1 class="subtitle">Reserve courts for training or competition.</h1> - <div id="Court_list" class="grid-container"></div> - </section> - <section class="section"> - <h1 class="title">Regulars</h1> - <h1 class="subtitle">Check in and check out club members.</h1> - <div id="Regular_list" class="grid-container"></div> - </section> - <section class="section"> - <h1 class="title">Guests</h1> - <h1 class="subtitle">Add guests to the pool.</h1> - <div id="Guest_list" class="grid-container"></div> - </section> - <section class="section"> - <h1 class="title">Admin</h1> - <h1 class="subtitle">Changes here are permanent and cannot be reverted.</h1> - <div class="field is-grouped is-grouped-centered"> - <button class="button is-danger" id="reset"> - Reset Session - </button> - <div id="player-load" class="file is-danger is-boxed"> - <label class="file-label"> - <input class="file-input" type="file" name="players" accept=".csv" /> - <span class="file-cta">Update Regulars</span> - </label> - </div> - </div> - </section> + </header> + <main class="container"> + <section> + <h1 class="title" id="Game_description"></h1> + <div id="Game_list" class="grid-container"></div> + </section> + <section> + <fieldset role="group"> + <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> + </section> + <section> + <hgroup> + <h2>Courts</h2> + <p>Reserve courts for training or competition.</p> + </hgroup> + <div id="Court_list" class="grid-container"></div> + </section> + <section> + <hgroup> + <h2>Regulars</h2> + <p>Check in and check out club members.</p> + </hgroup> + <div id="Regular_list" class="grid-container"></div> + </section> + <section> + <hgroup> + <h2>Guests</h2> + <p>Add guests to the pool.</p> + </hgroup> + <div id="Guest_list" class="grid-container"></div> + </section> + <section> + <hgroup> + <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> - </section> - <script src="src/main.js" type="module"></script> + + </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>. + </footer> </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> + <script src="src/main.js" type="module"></script> </html>
\ No newline at end of file |