Updates for new SoS release

ikukojohanna · Sep 4, 2024 · 970cac1 · 970cac1
1 parent 846025b
commit 970cac1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/src/main/scala/example/Main.scala b/src/main/scala/example/Main.scala
@@ -136,7 +136,7 @@ def appElement(): HtmlElement =
   val fadeInSlider = Var(0.0)
   val fadeOutSlider = Var(0.0)
   val playbackRateSlider = Var(1.0)
-  val startTimeSlider = Var(0.0)
+  val startDelaySlider = Var(0.0)
   val offsetSlider = Var(0.0)
   val lengthSlider = Var(5.0)
   val loopCheckbox = Var(false)
@@ -189,17 +189,19 @@ def appElement(): HtmlElement =
       fadeIn <- fadeInSlider.signal
       fadeOut <- fadeOutSlider.signal
       playbackRate <- playbackRateSlider.signal
-      startTime <- startTimeSlider.signal
+      startDelay <- startDelaySlider.signal
       offset <- offsetSlider.signal
-      duration <- lengthSlider.signal
+      length <- lengthSlider.signal
     yield SamplePlayer.Settings(
       volume = volume,
       fadeIn = fadeIn,
       fadeOut = fadeOut,
       playbackRate = playbackRate,
       reversed = reverse,
       loop = if (loop) Some(Loop(start = 1, end = 2)) else None,
-      startTime = startTime, offset = offset, duration = Some(duration)
+      startDelay = startDelay,
+      offset = offset,
+      length = Some(length)
     )
 
   val octaves = List(Octave(1), Octave(2), Octave(3), Octave(4))
@@ -261,7 +263,7 @@ def appElement(): HtmlElement =
         createSliderElement("FADE IN", fadeInSlider, 0.0, 3.0, 0.0, 0.1),
         createSliderElement("FADE OUT", fadeOutSlider, 0.0, 3.0, 0.0, 0.1),
         createSliderElement("PLAYBACK RATE", playbackRateSlider, 0.1, 2.0, 1.0, 0.1),
-        createSliderElement("START DELAY", startTimeSlider, 0.0, 3.0, 0.0, 0.1),
+        createSliderElement("START DELAY", startDelaySlider, 0.0, 3.0, 0.0, 0.1),
         createSliderElement("OFFSET", offsetSlider, 1.0, 5.0, 0.0, 0.1),
         createSliderElement("LENGTH", lengthSlider, 0.5, 10, 5.0, 1.0),
       ),

diff --git a/style.css b/style.css
@@ -17,6 +17,7 @@ body {
     }
 
 #app {
+    font-smoothing: antialiased;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     width: 100%;
@@ -125,8 +126,8 @@ p {
 }
 
 .slider {
-    -webkit-appearance: none;
     appearance: none;
+    -webkit-appearance: none;
     height: 100%;
     width: 100%;
     display: flex;
@@ -156,8 +157,8 @@ p {
 }
 
 .slider-thumb::-webkit-slider-thumb {
-    -webkit-appearance: none;
     appearance: none;
+    -webkit-appearance: none;
     cursor: pointer;
     background-image: url('/resources/images/knobGold.png');
     background-size: cover;
@@ -170,6 +171,7 @@ p {
 
 .slider-track {
     width: 20%;
+    appearance: none;
     -webkit-appearance: none;
     height: 80%;
     background: #8B0000;