Compare commits
No commits in common. "08c9de945fe23983a5380fc2343dd372b4f1b1fc" and "1dd83065ea8696dcb3a59cb2fe07143ddec7aa55" have entirely different histories.
08c9de945f
...
1dd83065ea
2 changed files with 9 additions and 7 deletions
2
VERSION
2
VERSION
|
|
@ -1 +1 @@
|
|||
0.0.7
|
||||
0.0.6
|
||||
|
|
|
|||
12
index.html
12
index.html
|
|
@ -61,8 +61,7 @@
|
|||
}
|
||||
h1 { font-size:18px; font-weight:600; letter-spacing:.5px; margin:0 0 2px; }
|
||||
.sub { color:var(--muted); font-size:12px; margin-bottom:18px; }
|
||||
.kbd-legend { color:var(--muted); font-size:13px; font-family:"Courier New",monospace; text-align:left; line-height:1.75; }
|
||||
.kbd-legend span { white-space:nowrap; } /* wrap only between shortcut groups, never mid-token */
|
||||
.kbd-legend { color:var(--muted); font-size:13px; font-family:"Courier New",monospace; text-align:right; }
|
||||
#app { display:flex; gap:18px; max-width:1400px; margin:0 auto; align-items:flex-start; justify-content:center; }
|
||||
.device { flex:1 1 auto; min-width:0; max-width:1000px; background:linear-gradient(180deg, var(--panel), var(--bg));
|
||||
border:1px solid var(--edge); border-radius:16px; padding:18px; box-shadow:0 18px 50px rgba(0,0,0,.5); }
|
||||
|
|
@ -181,6 +180,7 @@
|
|||
.practice-col { border-left:none; padding-left:0; border-top:1px solid var(--edge); padding-top:12px; margin-top:4px; }
|
||||
}
|
||||
@media (max-width: 620px) {
|
||||
.kbd-legend { display:none; } /* the ? overlay covers discovery on small screens */
|
||||
#routineTray { width:100%; }
|
||||
.meter-card .led { width:24px; height:24px; }
|
||||
}
|
||||
|
|
@ -210,9 +210,11 @@
|
|||
<body>
|
||||
<div id="app">
|
||||
<div class="device">
|
||||
<div class="row" style="align-items:center; flex-wrap:wrap; gap:6px 14px; margin-bottom:8px">
|
||||
<div class="row" style="align-items:center; justify-content:space-between; gap:14px; margin-bottom:6px">
|
||||
<div style="display:flex; align-items:center; gap:14px; min-width:0">
|
||||
<h1 style="margin:0">Stackable Metronome <span class="lane-meta" id="appVersion" title="build version">v0.0.1-dev</span></h1>
|
||||
<div style="display:flex; align-items:center; gap:10px; margin-left:auto">
|
||||
</div>
|
||||
<div style="display:flex; align-items:center; gap:10px">
|
||||
<button id="themeBtn" title="toggle light / dark theme">☀</button>
|
||||
<button id="helpBtn" title="keyboard shortcuts (?)">?</button>
|
||||
<a class="brand" href="https://varasys.io" target="_blank" rel="noopener"
|
||||
|
|
@ -222,7 +224,7 @@
|
|||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="kbd-legend" style="margin-bottom:12px"><span>Space play</span> <span>· T tap</span> <span>· ←→ tempo</span> <span>· ↑↓ cue</span> <span>· ⏎ commit</span> <span>· N/P step</span> <span>· A add</span> <span>· ? help</span></div>
|
||||
<div class="kbd-legend" style="margin-bottom:12px">Space play · T tap · ←→ tempo · ↑↓ cue · ⏎ commit · N/P step · A add · ? help</div>
|
||||
|
||||
<!-- Transport: display + preset/tempo/volume + practice, in three columns -->
|
||||
<div class="row">
|
||||
|
|
|
|||
Loading…
Reference in a new issue