A music player that connects to your cloud/distributed storage.
5
fork

Configure Feed

Select the types of activity you want to include in your feed.

Add different background image & initial loading text

+24 -9
+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
··· 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

This is a binary file and will not be displayed.

src/Static/Images/zwartevilt.png

This is a binary file and will not be displayed.