Hugging Face's logo

Spaces:
TIMBOVILL
/
Standby
Running

App Files Community
TIMBOVILL commited on
Commit
bd3ab96
·
verified ·
1 Parent(s): 397ee41

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +25 -12
index.html CHANGED
@@ -29,18 +29,31 @@
29
  <body>
30
  <div id="MyClockDisplay" class="clock" onclick="toggleMenu()"></div>
31
  <div id="menu" class="menu">
32
- <div class="color-options">
33
- <h3>Select Color</h3>
34
- <div class="color-option" onclick="changeColor('#73b66f')">Green</div>
35
- <div class="color-option" onclick="changeColor('#ff0000')">Red</div>
36
- <div class="color-option" onclick="changeColor('#0000ff')">Blue</div>
37
- <div class="color-option" onclick="changeColor('#ffffff')">White</div>
38
- </div>
39
- <div class="font-options">
40
- <h3>Select Font</h3>
41
- <div class="font-option" onclick="changeFont('Stencil')">Stencil</div>
42
- <div class="font-option" onclick="changeFont('Roboto')">Roboto</div>
43
- <div class="font-option" onclick="changeFont('Aldrich')">Aldrich</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
44
  </div>
45
  <button onclick="toggleMenu()">Done</button>
46
  </div>
 
29
  <body>
30
  <div id="MyClockDisplay" class="clock" onclick="toggleMenu()"></div>
31
  <div id="menu" class="menu">
32
+ <div class="settings">
33
+ <div class="color-options">
34
+ <h3>Select Color</h3>
35
+ <div class="color-option" onclick="changeColor('#73b66f')">Green</div>
36
+ <div class="color-option" onclick="changeColor('#ff0000')">Red</div>
37
+ <div class="color-option" onclick="changeColor('#0000ff')">Blue</div>
38
+ <div class="color-option" onclick="changeColor('#ffffff')">White</div>
39
+ </div>
40
+ <div class="font-options">
41
+ <h3>Select Font</h3>
42
+ <div class="font-option" onclick="changeFont('Stencil')">Stencil</div>
43
+ <div class="font-option" onclick="changeFont('Roboto')">Roboto</div>
44
+ <div class="font-option" onclick="changeFont('Aldrich')">Aldrich</div>
45
+ </div>
46
+ <div class="toggle-options">
47
+ <h3>Toggle Options</h3>
48
+ <div class="toggle-option">
49
+ <input type="checkbox" id="toggleSeconds" onchange="toggleSeconds()">
50
+ <label for="toggleSeconds">Show Seconds</label>
51
+ </div>
52
+ <div class="toggle-option">
53
+ <input type="checkbox" id="toggleAmPm" onchange="toggleAmPm()" checked>
54
+ <label for="toggleAmPm">Show AM/PM</label>
55
+ </div>
56
+ </div>
57
  </div>
58
  <button onclick="toggleMenu()">Done</button>
59
  </div>