⚡ Improved pre-app loading experience

public/index.html

@@ -21,14 +21,18 @@
     <!-- Loading screen, will be replaced when app loaded -->
     <div class="loading-placeholder" id="loader">
       <h1>Dashy</h1>
-      <p class="loading">Loading...</p>
+      <p class="loading">Loading... </p>
       <!-- Error message, only visible if app not mounted within 5 secs -->
       <div class="catastrophic-error" id="err-wrap" style="display:none;">
         <p class="err-l1">It looks like something's gone wrong...</p>
         <p class="err-l2">
-          Check the browser console, and 
-          <a href="https://github.com/Lissy93/dashy/blob/master/.github/SUPPORT.md">raise a ticket</a>
-          if you need additional support
+          This is likely caused by the app source not being found at the current domain
+        </p>
+        <p class="err-l2">
+          If you need additional support, check the browser console then 
+          <a href="https://github.com/Lissy93/dashy/blob/master/.github/SUPPORT.md">
+            raise a ticket
+          </a>
         </p>
       </div>
     </div>
@@ -43,7 +47,6 @@
     setTimeout(() => {
       const loaderElem = document.getElementById('loader');
       if (loaderElem) loaderElem.classList.add('still-not-loaded');
-      console.log('Will display error message');
     }, 7500);
   </script>
 </body>