From 8c853c093653405c70552c7ddb5bfeb60fc8e91d Mon Sep 17 00:00:00 2001
From: David McGrath <github.com@davidmcgrath.com>
Date: Sat, 2 Dec 2017 20:52:20 -0500
Subject: [PATCH] fix loading screen

it needs to be inside the directive, so that it gets replaced when the app loads
---
 Roomie.Web.AngularWebsite/src/index.html | 90 ++++++++++++------------
 1 file changed, 45 insertions(+), 45 deletions(-)
diff --git a/Roomie.Web.AngularWebsite/src/index.html b/Roomie.Web.AngularWebsite/src/index.html
index 8756d9f9..54004308 100644
--- a/Roomie.Web.AngularWebsite/src/index.html
+++ b/Roomie.Web.AngularWebsite/src/index.html
@@ -21,55 +21,55 @@
   </head>
   <body>
     <roomie-app>
-    </roomie-app>
-    <div id="loading-screen">
-      <div class="vertical-support"></div>
-      <div class="centered-content">
-        <div class="text">
-          <noscript>seriously?</noscript>
-        </div>
-        <div class="indicators">
-          <noscript>did 2010 happen yet?  take off your tinfoil hat, enable JavaScript, and rejoin civilization.</noscript>
+      <div id="loading-screen">
+        <div class="vertical-support"></div>
+        <div class="centered-content">
+          <div class="text">
+            <noscript>seriously?</noscript>
+          </div>
+          <div class="indicators">
+            <noscript>did 2010 happen yet?  take off your tinfoil hat, enable JavaScript, and rejoin civilization.</noscript>
+          </div>
         </div>
-      </div>
-      <style type="text/css">
-        #loading-screen
-        {
-          text-align: center;
-          font-family: sans-serif;
-          color: white;
-          background-color: #4d007f;
-        }
+        <style type="text/css">
+          #loading-screen
+          {
+            text-align: center;
+            font-family: sans-serif;
+            color: white;
+            background-color: #4d007f;
+          }
 
-        #loading-screen > *
-        {
-          display: inline-block;
-          vertical-align: middle;
-        }
+          #loading-screen > *
+          {
+            display: inline-block;
+            vertical-align: middle;
+          }
 
-        #loading-screen .text
-        {
-          font-size: 200%;
-          font-weight: bold;
-        }
+          #loading-screen .text
+          {
+            font-size: 200%;
+            font-weight: bold;
+          }
 
-        #loading-screen > .vertical-support
-        {
-          height: 100%;
-        }
+          #loading-screen > .vertical-support
+          {
+            height: 100%;
+          }
 
-        #loading-screen > style,
-        #loading-screen > script
-        {
-          display: none
-        }
-      </style>
-      <script type="text/javascript">
-        (function () {
-          var text = document.getElementById('loading-screen').getElementsByClassName('text')[0];
-          text.appendChild(document.createTextNode('loading'));
-        })();
-      </script>
-    </div>
+          #loading-screen > style,
+          #loading-screen > script
+          {
+            display: none
+          }
+        </style>
+        <script type="text/javascript">
+          (function () {
+            var text = document.getElementById('loading-screen').getElementsByClassName('text')[0];
+            text.appendChild(document.createTextNode('loading'));
+          })();
+        </script>
+      </div>
+    </roomie-app>
   </body>
 </html>
