diff --git a/static/app.js b/static/app.js index e7760b0..198594f 100644 --- a/static/app.js +++ b/static/app.js @@ -201,6 +201,25 @@ document.getElementById('btn-auto-rotate').addEventListener('click', () => { } }); +document.getElementById('btn-speed-down').addEventListener('click', () => { + if (controls) { + controls.autoRotateSpeed = Math.max(0.1, controls.autoRotateSpeed - 0.5); + } +}); + +document.getElementById('btn-speed-up').addEventListener('click', () => { + if (controls) { + controls.autoRotateSpeed += 0.5; + } +}); + +document.addEventListener('keydown', (e) => { + if (e.target.tagName.toLowerCase() === 'input') return; + if (e.key === 'h' || e.key === 'H') { + document.body.classList.toggle('ui-hidden'); + } +}); + document.getElementById('pod-search').addEventListener('input', (e) => { currentSearchTerm = e.target.value.toLowerCase().trim(); podMeshes.forEach(mesh => { diff --git a/static/style.css b/static/style.css index 6939ee9..fe33741 100644 --- a/static/style.css +++ b/static/style.css @@ -474,3 +474,14 @@ body { color: var(--text-main); } +body.ui-hidden .header, +body.ui-hidden .legend-panel, +body.ui-hidden .navigation-hint, +body.ui-hidden .version-overlay { + opacity: 0; + pointer-events: none; +} + +.header, .legend-panel, .navigation-hint, .version-overlay { + transition: opacity 0.3s ease; +} diff --git a/templates/index.html b/templates/index.html index 8509ec3..fb5b46b 100644 --- a/templates/index.html +++ b/templates/index.html @@ -52,6 +52,16 @@ Auto Rotate + + diff --git a/version.ini b/version.ini index b5699b5..e439288 100644 --- a/version.ini +++ b/version.ini @@ -1,2 +1,2 @@ [metadata] -version = 1.0 +version = 1.1