Hugging Face's logo

Spaces:
krishgokul92
/
stopwatch
Sleeping

App Files Community
krishgokul92 commited on
Commit
9785ec4
·
verified ·
1 Parent(s): bb146f8

Update public/admin.html

Browse files
Files changed (1) hide show
  1. public/admin.html +4 -2
public/admin.html CHANGED
@@ -3,6 +3,7 @@
3
  <head>
4
  <meta charset='utf-8'/>
5
  <title>Stopwatch Admin</title>
 
6
  <link rel='stylesheet' href='/style.css'/>
7
  <style>
8
  .footer { margin-top: 14px; text-align: center; }
@@ -14,7 +15,7 @@
14
  .muted { color: #a9b4c2; }
15
  .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
16
  .controls { flex-wrap: wrap; }
17
- .row { display: flex; gap: 10px; justify-content: center; align-items: center; margin-top: 10px; }
18
  .row label { color: #a9b4c2; font-size: .92rem; }
19
  input[type="color"] {
20
  width: 42px; height: 34px; padding: 0; border: 1px solid #2f3746; border-radius: 8px; background: #232a36;
@@ -28,6 +29,7 @@
28
  <div class="muted">Clients: <span id="clientCount">0</span></div>
29
  </div>
30
 
 
31
  <div id='display' class='time'>00.00</div>
32
 
33
  <div class='controls'>
@@ -35,8 +37,8 @@
35
  <button id='start' class='primary'>Start</button>
36
  <button id='stop'>Stop</button>
37
  <button id='reset' class='danger'>Reset</button>
 
38
  </div>
39
- <!-- NEW: Color control -->
40
  <div class="row">
41
  <label for="colorPicker">Clock color</label>
42
  <input id="colorPicker" type="color" value="#E8EEF8" />
 
3
  <head>
4
  <meta charset='utf-8'/>
5
  <title>Stopwatch Admin</title>
6
+ <meta name="viewport" content="width=device-width, initial-scale=1"/>
7
  <link rel='stylesheet' href='/style.css'/>
8
  <style>
9
  .footer { margin-top: 14px; text-align: center; }
 
15
  .muted { color: #a9b4c2; }
16
  .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
17
  .controls { flex-wrap: wrap; }
18
+ .row { display: flex; gap: 10px; justify-content: center; align-items: center; margin-top: 10px; flex-wrap: wrap; }
19
  .row label { color: #a9b4c2; font-size: .92rem; }
20
  input[type="color"] {
21
  width: 42px; height: 34px; padding: 0; border: 1px solid #2f3746; border-radius: 8px; background: #232a36;
 
29
  <div class="muted">Clients: <span id="clientCount">0</span></div>
30
  </div>
31
 
32
+ <!-- Display uses SS.hh format (set by shared.js) -->
33
  <div id='display' class='time'>00.00</div>
34
 
35
  <div class='controls'>
 
37
  <button id='start' class='primary'>Start</button>
38
  <button id='stop'>Stop</button>
39
  <button id='reset' class='danger'>Reset</button>
40
+ <button id='blackout' style="background:#111; color:#fff; border:1px solid #333;">Blackout</button>
41
  </div>
 
42
  <div class="row">
43
  <label for="colorPicker">Clock color</label>
44
  <input id="colorPicker" type="color" value="#E8EEF8" />