windows-taskbar/options.html at main · kernel/windows-taskbar · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Windows Taskbar</title>
    <style>
      :root { color-scheme: light dark; }
      body {
        font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
        font-size: 13px;
        margin: 0;
        padding: 16px;
        width: 320px;
      }
      h1 { font-size: 14px; margin: 0 0 12px; }
      label { display: block; margin-bottom: 4px; font-weight: 600; }
      input[list], select {
        width: 100%;
        padding: 6px 8px;
        font-size: 13px;
        margin-bottom: 12px;
        box-sizing: border-box;
      }
      .row { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
      .row input { margin: 0; }
      .hint { opacity: 0.7; font-size: 11px; margin-top: -8px; margin-bottom: 12px; }
      #status { font-size: 11px; opacity: 0.7; height: 14px; }
    </style>
  </head>
  <body>
    <h1>Windows Taskbar settings</h1>

    <label for="tz">Time zone</label>
    <input id="tz" list="tzlist" placeholder="e.g. America/New_York" autocomplete="off" />
    <datalist id="tzlist"></datalist>
    <div class="hint">Leave blank to use the browser's system time zone.</div>

    <div class="row">
      <input id="hour12" type="checkbox" />
      <label for="hour12" style="margin: 0; font-weight: 400;">12-hour clock</label>
    </div>

    <div id="status"></div>

    <script src="options.js"></script>
  </body>
</html>