WebPlay/client
1
1
Fork 0
Code Issues 10 Pull Requests Packages Projects Releases Wiki Activity

fancy-banner #25

Merged
artem merged 4 commits from fancy-banner into main 2023-09-27 22:14:40 +02:00
Conversation 0 Commits 4 Files Changed 5 +7 -7
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d0b4590664 - Show all commits

4
public/config.json
View File

@ -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"
}

10
src/views/Home.vue
View File

@ -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>