Experiment with showing logo while loading. For #849

5 years ago · 5dc5de815c
2 changed files with 11 additions and 1 deletions
--- a/webroot/index.html
+++ b/webroot/index.html
@ -72,7 +72,9 @@
				@@ -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';
--- a/webroot/styles/app.css
+++ b/webroot/styles/app.css
@ -17,6 +17,14 @@ html {
				@@ -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;
 }