From d0b4590664b624004424c77999d23c99cb4e0119 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Wed, 27 Sep 2023 22:10:16 +0200
Subject: [PATCH] ready to use

---
 public/config.json |  4 ++--
 src/views/Home.vue | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/public/config.json b/public/config.json
index f966bb7..a3b7d4a 100644
--- a/public/config.json
+++ b/public/config.json
@@ -1,5 +1,5 @@
 {
-  "backend_dev": "http://localhost:31204",
-  "backend_de": "https://webplay.rocks",
+  "backend_de": "http://localhost:31204",
+  "backend_dev": "https://webplay.rocks",
   "backend": "https://webplay.rocks"
 }
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
index c04b288..8fec13e 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -5,10 +5,10 @@
         <div id="collage">
           <svg width="100%" height="100%" viewBox="20 20 700 100">
             <g>
-              <animateTransform id="animY1" attributeName="transform" type="translate" begin="0s; animY2.end" from="-40 -20" to="0 0" dur="30s" />
-              <animateTransform id="animY2" attributeName="transform" type="translate" begin="animY1.end" from="0 0" to="-40 -20" dur="30s" />
+              <animateTransform id="animY1" attributeName="transform" type="translate" begin="0s; animY2.end" from="-40 -60" to="-10 -20" dur="30s" />
+              <animateTransform id="animY2" attributeName="transform" type="translate" begin="animY1.end" from="-10 -20" to="-40 -60" dur="30s" />
 
-              <image :xlink:href="item.covers.cover64" :x="i * 64" y="0" width="64" height="64" v-for="(item, i) in randomCovers" :key="item" />
+              <image :xlink:href="item.covers.cover64" :x="Math.floor(i / 4) * 64" :y="i % 4 * 64" width="64" height="64" v-for="(item, i) in randomCovers" :key="item" />
             </g>
           </svg>
         </div>
@@ -113,7 +113,7 @@ export default {
       this.$store.dispatch("tracks/loadMostListened");
       this.$store.dispatch("videos/loadMostViewed");
 
-      this.$store.dispatch("albums/loadRandomCovers", 24);
+      this.$store.dispatch("albums/loadRandomCovers", 48);
       this.$store.dispatch("albums/loadAlbums", true);
       this.$store.dispatch("artists/loadArtists", true);
     },
@@ -188,7 +188,7 @@ export default {
   top: 0;
   left: 0;
   right: 0;
-  opacity: 0.25;
+  opacity: 0.2;
   position: absolute;
 }
 </style>
\ No newline at end of file