engineering/www.unturf.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Moonlight piano roll: add #sparse #lush #wall anchor links

Browse source
This commit is contained in:
russell@unturf.com 2026-03-23 12:19:00 -04:00
parent 2bb4b9b69a
commit fee50e5005
1 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

20
moonlight-sonata/index.html
View file

@ -446,19 +446,16 @@ function tick(now) {
// ── Version switching ─────────────────────────────────────────────────────────
let currentVersion = 'sparse';
function setVersion(v) {
function setVersion(v, pushHash) {
if (!['sparse','lush','wall'].includes(v)) v = 'sparse';
if (v === currentVersion) return;
stop();
currentVersion = v;
['sparse','lush','wall'].forEach(x => {
document.getElementById('v-'+x).classList.toggle('active', x === v);
});
if (v === 'wall') {
loadVersion(WALL_NOTES);
} else {
loadVersion(v === 'sparse' ? SPARSE_NOTES : LUSH_NOTES);
}
if (pushHash !== false) history.replaceState(null, '', '#' + v);
loadVersion(v === 'wall' ? WALL_NOTES : v === 'lush' ? LUSH_NOTES : SPARSE_NOTES);
}
function loadVersion(notes) {
@ -467,11 +464,18 @@ function loadVersion(notes) {
}
// ── Init ──────────────────────────────────────────────────────────────────────
window.addEventListener('hashchange', () => {
setVersion(window.location.hash.slice(1), false);
});
window.addEventListener('DOMContentLoaded', () => {
initSizes();
drawRuler();
drawKeys(new Set());
loadVersion(SPARSE_NOTES);
const initV = ['sparse','lush','wall'].includes(window.location.hash.slice(1))
? window.location.hash.slice(1) : 'sparse';
currentVersion = ''; // force setVersion to run
setVersion(initV, false);
// sync ruler scroll with roll scroll
rollOuter.addEventListener('scroll', () => {