Upload 4 files
Browse files- app.js +1 -1
- index.html +3 -3
- styles.css +11 -2
app.js
CHANGED
|
@@ -124,7 +124,7 @@ const midiBpmModeButtons = midiBpmModeGroup ? midiBpmModeGroup.querySelectorAll(
|
|
| 124 |
|
| 125 |
let midiSeedActive = false;
|
| 126 |
let bachSeedActive = false;
|
| 127 |
-
let bachSymphonyActive =
|
| 128 |
let midiBpmMode = "lock";
|
| 129 |
let midiTokens = [];
|
| 130 |
let midiStartBar = 0;
|
|
|
|
| 124 |
|
| 125 |
let midiSeedActive = false;
|
| 126 |
let bachSeedActive = false;
|
| 127 |
+
let bachSymphonyActive = true;
|
| 128 |
let midiBpmMode = "lock";
|
| 129 |
let midiTokens = [];
|
| 130 |
let midiStartBar = 0;
|
index.html
CHANGED
|
@@ -187,10 +187,10 @@
|
|
| 187 |
<div class="playing-style-panel settings-column">
|
| 188 |
<h5>Playing Style</h5>
|
| 189 |
<div class="toggle-group" id="seedSourceGroup">
|
| 190 |
-
<button type="button" class="toggle-btn
|
| 191 |
<button type="button" class="toggle-btn" data-value="midi">Start from MIDI</button>
|
| 192 |
-
<button type="button" class="toggle-btn" data-value="bach">Bach
|
| 193 |
-
<button type="button" class="toggle-btn" data-value="bach_symphony">Grand Symphony</button>
|
| 194 |
</div>
|
| 195 |
|
| 196 |
<!-- MIDI Seeding Controls (Expandable if active) -->
|
|
|
|
| 187 |
<div class="playing-style-panel settings-column">
|
| 188 |
<h5>Playing Style</h5>
|
| 189 |
<div class="toggle-group" id="seedSourceGroup">
|
| 190 |
+
<button type="button" class="toggle-btn" data-value="default">Start from Blank</button>
|
| 191 |
<button type="button" class="toggle-btn" data-value="midi">Start from MIDI</button>
|
| 192 |
+
<button type="button" class="toggle-btn" data-value="bach">Bach</button>
|
| 193 |
+
<button type="button" class="toggle-btn active" data-value="bach_symphony">Grand Symphony</button>
|
| 194 |
</div>
|
| 195 |
|
| 196 |
<!-- MIDI Seeding Controls (Expandable if active) -->
|
styles.css
CHANGED
|
@@ -748,6 +748,16 @@ select:focus {
|
|
| 748 |
|
| 749 |
.sidebar-column {
|
| 750 |
order: 2;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 751 |
}
|
| 752 |
|
| 753 |
.sidebar-spacer {
|
|
@@ -951,8 +961,7 @@ select:focus {
|
|
| 951 |
}
|
| 952 |
|
| 953 |
#seedSourceGroup.toggle-group {
|
| 954 |
-
|
| 955 |
-
grid-template-columns: 1fr 1fr;
|
| 956 |
gap: 4px;
|
| 957 |
}
|
| 958 |
|
|
|
|
| 748 |
|
| 749 |
.sidebar-column {
|
| 750 |
order: 2;
|
| 751 |
+
display: flex;
|
| 752 |
+
flex-direction: column;
|
| 753 |
+
}
|
| 754 |
+
|
| 755 |
+
.sidebar-column .settings-dropdown {
|
| 756 |
+
order: 2;
|
| 757 |
+
}
|
| 758 |
+
|
| 759 |
+
.sidebar-column .playing-style-panel {
|
| 760 |
+
order: 1;
|
| 761 |
}
|
| 762 |
|
| 763 |
.sidebar-spacer {
|
|
|
|
| 961 |
}
|
| 962 |
|
| 963 |
#seedSourceGroup.toggle-group {
|
| 964 |
+
flex-direction: column;
|
|
|
|
| 965 |
gap: 4px;
|
| 966 |
}
|
| 967 |
|