Flagen Hintergrund Styling

app.py

@@ -249,12 +249,14 @@ def loeschen():
     except TypeError:
         return "Irgendwas ist GANZ falsch", 400
     try:
-        with open(dateiNameFürListe(liste), "x") as f:
+        with open(dateiNameFürListe(liste), "r+") as f:
             songs = json.load(f)
             if len(songs) < song + 1:
                 return "Das Lied Gibt es Nicht", 400
             del songs[song]
+            f.seek(0)
             json.dump(songs, f, indent=2, ensure_ascii=False)
+            f.truncate()
         return redirect("/remove?liste=" + liste, 303)
     except FileNotFoundError:
         return "Die Liste Ist nicht da (Du kannst Sie anlegen)", 400

templates/index.html

@@ -1,10 +1,10 @@
 <style>
     #flex-container {
+        border: 1px solid black;
+        border-radius: 0.25rem;
         overflow: auto;
         scroll-snap-type: x mandatory;
         display: flex;
-        border: none;
-        gap: 5px;
     }
     article {
         flex-wrap: row nowrap;
@@ -18,10 +18,9 @@
         text-align: center;
     }
     article {
-        border: 2px solid;
-        border-radius: 15px;
-        border-color: black;
+        background-size: contain;
         box-sizing: border-box;
+        filter: drop-shadow(6px 6px -10px white);
         width: 100%;
         padding: 20px;
     }

templates/karte.html

@@ -1,4 +1,4 @@
-{% if karte.backimg and flag %}
+{% if karte.backimg %}
 <style>
     #{{karte.wikiid}} {
         background-image: url("{{karte.backimg}}");