From 5dc5de815cd6ba0f84826c36698db39002d88e5f Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Mon, 22 Mar 2021 21:52:17 -0700
Subject: [PATCH] Experiment with showing logo while loading. For #849

---
 webroot/index.html     | 4 +++-
 webroot/styles/app.css | 8 ++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)
diff --git a/webroot/index.html b/webroot/index.html
index 9f2b5c00e..c5317980e 100644
--- a/webroot/index.html
+++ b/webroot/index.html
@@ -72,7 +72,9 @@
   </head>
 
   <body class="scrollbar-hidden bg-gray-300 text-gray-800">
-    <div id="app"></div>
+    <div id="app">
+      <img id="loading-logo" src="/logo">
+    </div>
 
     <script type="module">
       import { h, render } from '/js/web_modules/preact.js';
diff --git a/webroot/styles/app.css b/webroot/styles/app.css
index 1cbff2d71..f61d008b4 100644
--- a/webroot/styles/app.css
+++ b/webroot/styles/app.css
@@ -17,6 +17,14 @@ html {
   scrollbar-width: none;
 }
 
+#loading-logo {
+  margin-top: 10%;
+  margin-left: auto;
+  margin-right: auto;
+  width: 30%;
+  opacity: 0.2;
+}
+
 a:hover {
   text-decoration: underline;
 }
