Visual fixes

app.py

@@ -163,4 +163,4 @@ def loeschen():
     del songs[song]
     with open(liste+".json","w") as f:
         json.dump(songs,f,indent=2,ensure_ascii=False)
-    return redirect("/rm?liste="+liste,303)
+    return redirect("/remove?liste="+liste,303)

static/script.js

@@ -1,5 +1,6 @@
 const audios = document.querySelectorAll("audio")
 const articles = document.querySelectorAll("article")
+const kartenContainer = document.getElementById("flex-container")
 outindex = 0
 playing = false
 playcolor = "#00ff3c"
@@ -8,8 +9,12 @@ loop = true
 function onplay(id){
   id = parseInt(id)
   if(id>0){
-    articles[id-1].style.filter = "grayscale("+(id+1)*50+"%)"
+    articles[id-1].style.filter = "grayscale("+(id+1)*20+"%)"
     articles[id-1].style.boxShadow = "0 0 0px 0px "+playcolor
+  }
+  if(articles[id].offsetWidth * id == window.innerWidth/2){
+    console.log(articles[id].offsetWidth)
+    kartenContainer.scrollWidth += articles[id].offsetWidth
   }
     articles[id].style.filter = "grayscale(0%)"
     articles[id].style.margin = "8px"
@@ -20,11 +25,13 @@ function nächste(id){
   audios[id].pause()
   id = parseInt(id) + 1
   audios[id].play()
+  onplay(id)
 }
 
 function vorherige(id){
   audios[id].pause()
   audios[id-1].play()
+  onplay(id-1)
 }
 
 function looptrue(){
@@ -78,7 +85,7 @@ for (const [index,audio] of audios.entries()){
   if (index != audios.length -1){
     outindex = index +1
     audios[outindex].play()
-    onplay(index)
+    onplay(index+1)
   }
   else{
     //Last song ON END