Added vertical mode, fixes #38

hundredrabbits · Jun 30, 2019 · 9222c95 · 9222c95
1 parent e6159c8
commit 9222c95
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 7 deletions.
diff --git a/desktop/sources/links/main.css b/desktop/sources/links/main.css
@@ -57,7 +57,44 @@ body { background:black; padding: 30px; font-family: 'input_mono_regular'; font-
 
 #commander { top: calc(11 * 15px); left: 55px; position: absolute; line-height: 11px;  }
 
-@media (max-width: 380px) {
+@media (max-width: 420px) {
   #pilot #mixer { columns:1 !important; min-width: 0px }
   #pilot #mixer > div { max-width: 100%}
+
+  #mixer #ch0 { top:calc(0 * 15px); left:0px; }
+  #mixer #ch1 { top:calc(1 * 15px); left:0px; }
+  #mixer #ch2 { top:calc(2 * 15px); left:0px; }
+  #mixer #ch3 { top:calc(3 * 15px); left:0px; }
+  #mixer #ch4 { top:calc(4 * 15px); left:0px; }
+  #mixer #ch5 { top:calc(5 * 15px); left:0px; }
+  #mixer #ch6 { top:calc(6 * 15px); left:0px; }
+  #mixer #ch7 { top:calc(7 * 15px); left:0px; }
+  #mixer #ch8 { top:calc(8 * 15px); left:0px; }
+  #mixer #ch9 { top:calc(9 * 15px); left:0px; }
+  #mixer #cha { top:calc(10 * 15px); left:0px; }
+  #mixer #chb { top:calc(11 * 15px); left:0px; }
+  #mixer #chc { top:calc(12 * 15px); left:0px; }
+  #mixer #chd { top:calc(13 * 15px); left:0px; }
+  #mixer #che { top:calc(14 * 15px); left:0px; }
+  #mixer #chf { top:calc(15 * 15px); left:0px; }
+
+  #mixer #chbit { top:calc(0 * 15px); left:calc(1 * 110px) }
+  #mixer #chdis { top:calc(1 * 15px); left:calc(1 * 110px) }
+  #mixer #chwah { top:calc(2 * 15px); left:calc(1 * 110px) }
+  #mixer #chche { top:calc(3 * 15px); left:calc(1 * 110px) }
+  #mixer #chfee { top:calc(4 * 15px); left:calc(1 * 110px) }
+  #mixer #chdel { top:calc(5 * 15px); left:calc(1 * 110px) }
+  #mixer #chtre { top:calc(6 * 15px); left:calc(1 * 110px) }
+  #mixer #chrev { top:calc(7 * 15px); left:calc(1 * 110px) }
+  #mixer #chpha { top:calc(8 * 15px); left:calc(1 * 110px) }
+  #mixer #chvib { top:calc(9 * 15px); left:calc(1 * 110px) }
+  #mixer #chcho { top:calc(10 * 15px); left:calc(1 * 110px) }
+  #mixer #chste { top:calc(11 * 15px); left:calc(1 * 110px) }
+  #mixer #chequ { top:calc(12 * 15px); left:calc(1 * 110px) }
+  #mixer #chcom { top:calc(13 * 15px); left:calc(1 * 110px) }
+  #mixer #chvol { top:calc(14 * 15px); left:calc(1 * 110px) }
+  #mixer #chlim { top:calc(15 * 15px); left:calc(1 * 110px) }
+
+  #commander {top:calc(17 * 16px); } 
+  #recorder {top:calc(17 * 16px); } 
 }
diff --git a/desktop/sources/scripts/mixer.js b/desktop/sources/scripts/mixer.js
@@ -105,7 +105,7 @@ export default function Mixer (pilot) {
     }
 
     // Set to Presets
-    this.reset();
+    this.reset()
 
     this.setSpeed(120)
     setTimeout(() => { this.effects.limiter.node.toMaster() }, 2000)
@@ -149,7 +149,7 @@ export default function Mixer (pilot) {
       }
     }
     if (msg && `${msg}`.substr(0, 5).toLowerCase() === 'reset') {
-      this.reset();
+      this.reset()
     }
   }
 
@@ -168,13 +168,13 @@ export default function Mixer (pilot) {
         decay: clamp(((8 - (id % 8)) / 8), 0.01, 0.9),
         sustain: clamp(((id % 4) / 4), 0.01, 0.9),
         release: clamp(((id % 6) / 6), 0.01, 0.9)
-      });
+      })
     }
     // Return to Osc Presets
-    this.run("0OSC8ISI;1OSC8RSW;2OSC8WTR;3OSC8QSQ;4OSC4I8Q;5OSC4R8W;6OSCTR8R;7OSCTR8I;8OSCTR4W;9OSCTR8R;AOSC4W--;BOSC4I--;COSCSI--;DOSCSW--;EOSCTR--;FOSCSQ--");
+    this.run('0OSC8ISI;1OSC8RSW;2OSC8WTR;3OSC8QSQ;4OSC4I8Q;5OSC4R8W;6OSCTR8R;7OSCTR8I;8OSCTR4W;9OSCTR8R;AOSC4W--;BOSC4I--;COSCSI--;DOSCSW--;EOSCTR--;FOSCSQ--')
     // Return to Effects Presets
-    this.run("BIT07;DIS00;WAH0F;CHE07;FEE00;TRE07;REV00;PHA0F;VIB01;CHO07");
-  };
+    this.run('BIT07;DIS00;WAH0F;CHE07;FEE00;TRE07;REV00;PHA0F;VIB01;CHO07')
+  }
 
   function clamp (v, min, max) { return v < min ? min : v > max ? max : v }
 }