diff options
| author | Karan Jayachandra <karan.jayachandra@nxp.com> | 2025-11-12 14:37:19 +0100 |
|---|---|---|
| committer | Karan Jayachandra <karan.jayachandra@nxp.com> | 2025-11-12 14:37:19 +0100 |
| commit | 2b5a120bd3900d5cecbe355d336a4ea8d3a1b31a (patch) | |
| tree | 69b614eafcd781055603a36568f46aa538329bb1 /index.html | |
| parent | 3a4a0f6f2bf9aff14c00c6acee637319d7458bbb (diff) | |
Prettified the code and cleaned up the light/dark mode
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 37 |
1 files changed, 15 insertions, 22 deletions
@@ -1,11 +1,10 @@ <!DOCTYPE html> -<html lang="en" data-theme="dark"> +<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> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css"> - <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"> @@ -26,30 +25,24 @@ </section> <section class="section"> <div class="field is-grouped is-grouped-centered"> - <div class="control"> - <button class="button is-medium is-dark" id="propose">Propose</button> - </div> - <div class="control"> - <div class="select is-medium is-fullwidth"> - <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> - </div> - <div class="control"> - <button class="button is-medium is-success" id="confirm">Confirm</button> + <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> </div> <div class="field"> <div class="field is-grouped is-grouped-centered"> - <button class="button is-medium is-danger" id="timer-dec">-</button> - <input class="input is-medium" id="timer-display" type="text" readonly></input> - <button class="button is-medium is-success" id="timer-inc">+</button> - <button class="button is-medium is-info" id="timer-start">Start</button> - <button class="button is-medium is-info" id="timer-stop">Stop</button> + <button class="button is-medium is-dark" id="timer-dec">-</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">+</button> + <button class="button is-medium is-dark" id="timer-start">Start</button> + <button class="button is-medium is-dark" id="timer-stop">Stop</button> </div> </div> </section> |