speedpatrol 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bin.js +366 -80
- package/package.json +1 -1
- package/src/ui/app.js +1086 -257
- package/src/ui/index.html +24 -8
- package/src/ui/style.css +618 -158
package/src/ui/index.html
CHANGED
|
@@ -5,21 +5,37 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
6
|
<title>Speedpatrol</title>
|
|
7
7
|
<link rel="stylesheet" href="/style.css">
|
|
8
|
+
<script>
|
|
9
|
+
{
|
|
10
|
+
// Before the first paint: the saved choice, or else the system setting. app.js owns the toggle.
|
|
11
|
+
const saved = localStorage.getItem('speedpatrol-theme');
|
|
12
|
+
const system = matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
|
|
13
|
+
document.documentElement.dataset.theme = saved === 'light' || saved === 'dark' ? saved : system;
|
|
14
|
+
}
|
|
15
|
+
</script>
|
|
8
16
|
</head>
|
|
9
17
|
<body>
|
|
10
18
|
<header class="topbar">
|
|
11
|
-
<a class="brand" href="#/">
|
|
19
|
+
<a class="brand" href="#/" aria-label="Speedpatrol overview">
|
|
12
20
|
<span class="mark" aria-hidden="true"></span>
|
|
13
|
-
<
|
|
14
|
-
<span class="brand-sep" aria-hidden="true">/</span>
|
|
15
|
-
<strong id="project-name">…</strong>
|
|
21
|
+
<strong id="project-name">Speedpatrol</strong>
|
|
16
22
|
</a>
|
|
17
|
-
<
|
|
18
|
-
|
|
23
|
+
<nav class="tabs" id="tabs" aria-label="Pages">
|
|
24
|
+
<a href="#/" data-page="overview">Overview</a>
|
|
25
|
+
<a href="#/benchmarks" data-page="benchmarks">Benchmarks</a>
|
|
26
|
+
<a href="#/regressions" data-page="regressions">Regressions</a>
|
|
27
|
+
<a href="#/experiments" data-page="experiments">Experiments</a>
|
|
28
|
+
<a href="#/runs" data-page="runs">Runs</a>
|
|
29
|
+
<a href="#/activity" data-page="activity">Activity</a>
|
|
30
|
+
</nav>
|
|
31
|
+
<div class="tools">
|
|
32
|
+
<span id="patrol" class="icon-chip" role="img"></span>
|
|
33
|
+
<span id="machine" class="icon-chip" role="img"></span>
|
|
34
|
+
<span id="live" class="live" role="status"></span>
|
|
35
|
+
<button type="button" id="theme" class="icon-button"></button>
|
|
36
|
+
</div>
|
|
19
37
|
</header>
|
|
20
38
|
|
|
21
|
-
<section class="agents" id="agents" aria-label="Agents"></section>
|
|
22
|
-
|
|
23
39
|
<main id="view"></main>
|
|
24
40
|
|
|
25
41
|
<script type="module" src="/app.js"></script>
|