Fix texture loading. Add log overlay

3 files changed, 20 insertions, 5 deletions

diff --git a/src/main/resources/index.html b/src/main/resources/index.html
index 9dd0d5f..bbb72bb 100644
--- a/src/main/resources/index.html
+++ b/src/main/resources/index.html
@@ -13,6 +13,10 @@
           <div id="output-wrapper" class="loading loading-lg">
             <canvas id="render-output"></canvas>
             <canvas id="minimap"></canvas>
+            <div id="log">
+              <div id="log-position"></div>
+              <div id="log-message"></div>
+            </div>
           </div>
         </div>
         <div class="column">
@@ -51,14 +55,14 @@
               </div>
               <div class="form-group">
                 <label class="form-switch">
-                  <input id="minimap-toggle" type="checkbox" checked>
-                  <i class="form-icon"></i> Show minimap
+                  <input id="overlay-toggle" type="checkbox" checked>
+                  <i class="form-icon"></i> Show minimap and overlay
                 </label>
               </div>
               <div class="form-group">
                 <label class="form-switch">
                   <input id="fisheye-fix" type="checkbox">
-                  <i class="form-icon"></i> Fix fisheye (requires low FOV and high precision)
+                  <i class="form-icon"></i> Fix fisheye (requires low FOV + high precision)
                 </label>
               </div>
               <button id="left" class="btn">←</button>
diff --git a/src/main/resources/style.css b/src/main/resources/style.css
index c8b7d92..42ec857 100644
--- a/src/main/resources/style.css
+++ b/src/main/resources/style.css
@@ -1,5 +1,4 @@
 body {
-  margin: 0.5em;
   font-size: 15px;
 }
 
@@ -19,14 +18,26 @@ p {
   padding: 10px;
 }
 
+#log {
+  position: absolute;
+  left: 0;
+  top: 0;
+  padding: 10px;
+  margin-top: 125px;
+  font-family: monospace;
+  color: yellow;
+  font-size: 14px;
+}
+
 #output-wrapper {
   position: relative;
   width: 960px;
   height: 720px;
+  margin-top: 0.5em;
 }
 
 .controls {
-  /*max-width: 20em;*/
+  margin-top: 0.5em;
 }
 
 .slider {
diff --git a/src/main/resources/textures/blank.png b/src/main/resources/textures/blank.png
new file mode 100644
index 0000000..f2e812a
--- /dev/null
+++ b/src/main/resources/textures/blank.png