diff --git a/css/page.css b/css/page.css index 5bc99c68..cb9518d3 100644 --- a/css/page.css +++ b/css/page.css @@ -30,7 +30,7 @@ body { color: white; } -#winamp2-js #loading { +#app #loading { color: white; text-align: center; font-size: 40px; @@ -43,23 +43,23 @@ body { right: 0; } -#winamp2-js #loading .ellipsis-anim span { +#app #loading .ellipsis-anim span { opacity: 0; -webkit-animation: ellipsis-dot 1s infinite; animation: ellipsis-dot 1s infinite; } -#winamp2-js #loading .ellipsis-anim span:nth-child(1) { +#app #loading .ellipsis-anim span:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } -#winamp2-js #loading .ellipsis-anim span:nth-child(2) { +#app #loading .ellipsis-anim span:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } -#winamp2-js #loading .ellipsis-anim span:nth-child(3) { +#appwinamp2-js #loading .ellipsis-anim span:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } diff --git a/index.html b/index.html index c6d61b8e..bb573f08 100755 --- a/index.html +++ b/index.html @@ -16,7 +16,7 @@ -
+
Loading...
diff --git a/js/index.js b/js/index.js index eab3eba5..7798997f 100644 --- a/js/index.js +++ b/js/index.js @@ -25,7 +25,7 @@ Raven.context(() => { } if (!Winamp.browserIsSupported()) { document.getElementById("browser-compatibility").style.display = "block"; - document.getElementById("winamp2-js").style.visibility = "hidden"; + document.getElementById("app").style.visibility = "hidden"; return; } @@ -54,5 +54,5 @@ Raven.context(() => { __initialState: initialState }); - winamp.renderWhenReady(document.getElementById("winamp2-js")); + winamp.renderWhenReady(document.getElementById("app")); });