You've already forked torvalds-GuitarPedal
mirror of
https://github.com/torvalds/GuitarPedal.git
synced 2026-06-07 04:55:36 +00:00
2256a28744
It's just GLOBAL_ENABLE_CC with data2 being 67 - it's very close to what we already do for 'reset all' (data2 64), just not changing the existing effect values. The pedal itself is enabled, but with all effects disabled it's pretty much equivalent to being in pass-through (except I think I'll add a master volume setting at some point, which would be unaffected by this). Suggested-by: Ricky Sheaves <ricky@clevelandmusicco.com> Signed-off-by: Linus Torvalds <torvalds@linux-foundation.org>
90 lines
3.4 KiB
HTML
90 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>RP2350 Pedal Controller</title>
|
|
<link rel="manifest" href="manifest.json">
|
|
<link rel="apple-touch-icon" href="icon-192.png">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="app-container">
|
|
<header class="glass-panel app-header">
|
|
<h1 id="app-title" class="title-disconnected">RP2350 Pedal</h1>
|
|
<div class="header-controls">
|
|
<label class="switch" title="Global Enable">
|
|
<input type="checkbox" id="global-enable">
|
|
<span class="slider round"></span>
|
|
</label>
|
|
<button id="burger-btn" class="action-btn" title="Menu">☰</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="effects-container">
|
|
<!-- Effect cards populated dynamically -->
|
|
</main>
|
|
|
|
<!-- Global Menu Panel -->
|
|
<div id="global-menu-panel" class="glass-panel bottom-panel hidden">
|
|
<div class="panel-header">
|
|
<h2>Global Settings</h2>
|
|
<button id="close-global-menu" class="action-btn" title="Close">✕</button>
|
|
</div>
|
|
<div class="panel-content menu-actions">
|
|
<button id="global-reset-btn" class="menu-btn">↺ Reset All to Defaults</button>
|
|
<button id="global-disable-btn" class="menu-btn">⏸ Disable All Effects</button>
|
|
<button id="global-save-btn" class="menu-btn">💾 Save All to EEPROM</button>
|
|
<button id="global-load-btn" class="menu-btn">📂 Load All from EEPROM</button>
|
|
<button id="update-app-btn" class="menu-btn">⬇️ Update App</button>
|
|
<button id="global-program-btn" class="menu-btn danger-btn">⚠️ Reboot to Programming Mode</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Active Effect Panel -->
|
|
<div id="active-effect-panel" class="glass-panel bottom-panel hidden">
|
|
<div class="panel-header">
|
|
<h2 id="active-effect-title">Effect Name</h2>
|
|
<button id="close-active-effect" class="action-btn" title="Close">✕</button>
|
|
</div>
|
|
<div class="panel-content menu-actions">
|
|
<button id="effect-reset-btn" class="menu-btn">↺ Reset to Defaults</button>
|
|
<button id="effect-save-btn" class="menu-btn">💾 Save to EEPROM</button>
|
|
<button id="effect-load-btn" class="menu-btn">📂 Load from EEPROM</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Active Pot Panel -->
|
|
<div id="active-pot-panel" class="glass-panel bottom-panel hidden">
|
|
<div class="panel-header">
|
|
<div class="active-pot-info">
|
|
<span id="active-pot-title">Effect - Pot</span>
|
|
<span id="active-pot-value" class="pot-value">0</span>
|
|
</div>
|
|
<button id="close-active-pot" class="action-btn" title="Close">✕</button>
|
|
</div>
|
|
<div class="active-pot-slider-container">
|
|
<input type="range" id="active-pot-slider" class="large-slider" min="0" max="120" value="60">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="effects.js"></script>
|
|
<script src="app.js"></script>
|
|
<script>
|
|
if ('serviceWorker' in navigator) {
|
|
window.addEventListener('load', () => {
|
|
navigator.serviceWorker.register('./service-worker.js')
|
|
.then(registration => {
|
|
console.log('ServiceWorker registration successful');
|
|
})
|
|
.catch(err => {
|
|
console.log('ServiceWorker registration failed: ', err);
|
|
});
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|