A dead simple time tracker that keeps everything in local storage. Next.js, no accounts and no server.
handcodedlocalstoragenextjsreactself-hostedserverlesstime-trackingtimer
1.select {
2 background: var(--surface);
3 color: var(--text-bright);
4 padding: 8px 14px;
5 border: 1px solid var(--border-green);
6 border-radius: var(--radius);
7 font-family: var(--font-mono);
8 font-size: 0.85em;
9 letter-spacing: 0.06em;
10 cursor: pointer;
11 transition:
12 color 180ms ease,
13 border-color 180ms ease,
14 background 180ms ease;
15 min-width: 180px;
16}
17
18.select:hover {
19 color: var(--green-bright);
20 border-color: var(--border-green-hover);
21 background: var(--surface-2);
22}
23
24.select:focus-visible {
25 outline: none;
26 border-color: var(--green);
27 box-shadow: 0 0 0 3px var(--green-dim);
28}
29
30.select option {
31 background: var(--surface);
32 color: var(--text);
33}