A music player that connects to your cloud/distributed storage.
Add different background image & initial loading text
+24
-9
+12
-7
src/Css/Application.css
+12
-7
src/Css/Application.css
···
27
27
body {
28
28
@apply text-base01;
29
29
30
-
background-color: rgb(2, 7, 14);
31
-
background-image: url(images/ep_naturalblack_pattern.jpg);
30
+
background-color: rgb(29, 29, 29);
31
+
background-image: url(images/ocean.jpg);
32
32
font-feature-settings: kern, liga;
33
33
font-weight: 400;
34
34
min-width: 300px;
35
35
text-rendering: optimizeLegibility;
36
-
}
37
-
38
-
button {
39
-
color: inherit;
40
-
font-family: inherit;
41
36
}
42
37
43
38
*:active {
···
51
46
52
47
@screen dark {
53
48
body { @apply text-gray-600; }
49
+
}
50
+
51
+
52
+
53
+
/* Buttons
54
+
------- */
55
+
56
+
button {
57
+
color: inherit;
58
+
font-family: inherit;
54
59
}
55
60
56
61
+12
-2
src/Static/Html/Application.html
+12
-2
src/Static/Html/Application.html
···
60
60
61
61
<!-- Insert loader -->
62
62
<script>
63
-
document.getElementById("elm").innerHTML =
64
-
'<div class="flex h-screen items-center justify-center"><svg class="loading-animation" height="29" width="29" viewbox="0 0 30 30"><circle class="loading-animation__circle" cx="15" cy="15" fill="none" r="14" stroke-linecap="round" stroke-width="2"></circle></svg></div>'
63
+
document.getElementById("elm").innerHTML = `
64
+
<div class="flex h-screen items-center justify-center">
65
+
<div>
66
+
<svg class="loading-animation mx-auto" height="29" width="29" viewbox="0 0 30 30">
67
+
<circle class="loading-animation__circle" cx="15" cy="15" fill="none" r="14" stroke-linecap="round" stroke-width="2"></circle>
68
+
</svg>
69
+
<div class="italic mt-5 text-white text-opacity-30">
70
+
Loading application
71
+
</div>
72
+
</div>
73
+
</div>
74
+
`
65
75
</script>
66
76
67
77
src/Static/Images/ocean.jpg
src/Static/Images/ocean.jpg
This is a binary file and will not be displayed.
src/Static/Images/zwartevilt.png
src/Static/Images/zwartevilt.png
This is a binary file and will not be displayed.