From 58ff14f5c31b933a1d2f91d6cae7280366d3ffb9 Mon Sep 17 00:00:00 2001
From: James Barnett <noreply@jamesbarnett.xyz>
Date: Thu, 31 Dec 2020 15:48:37 +0000
Subject: Keep camera in map boundary

---
 src/main/resources/index.html | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

(limited to 'src/main/resources')

diff --git a/src/main/resources/index.html b/src/main/resources/index.html
index bbb72bb..81f121a 100644
--- a/src/main/resources/index.html
+++ b/src/main/resources/index.html
@@ -10,7 +10,7 @@
     <div class="container grid-xl">
       <div class="columns">
         <div class="column col-xl-12">
-          <div id="output-wrapper" class="loading loading-lg">
+          <div id="output-wrapper" class="p-centered loading loading-lg">
             <canvas id="render-output"></canvas>
             <canvas id="minimap"></canvas>
             <div id="log">
@@ -22,15 +22,14 @@
         <div class="column">
           <div class="columns controls">
             <div class="column col-12 col-xl-3">
-              <p>A simple <a href="https://en.wikipedia.org/wiki/Ray_casting">raycasting</a> engine written from scratch in Kotlin (transpiled to JS), rendered using only vertical lines drawn on an HTML5 canvas. The source is on <a href="https://github.com/jamesbarnett91/kotlin-raycaster">GitHub</a>.</p>
-              <p>The raycasting rendering method was used in early 90's 3D games, most famously <a href="https://en.wikipedia.org/wiki/Wolfenstein_3D">Wolfenstein 3D</a>.</p>
+              <p>A simple <a href="https://en.wikipedia.org/wiki/Ray_casting" target="_blank">raycasting</a> engine written from scratch in Kotlin (transpiled to JS), rendered using only vertical lines drawn on an HTML5 canvas. The source is on <a href="https://github.com/jamesbarnett91/kotlin-raycaster" target="_blank">GitHub</a>.</p>
+              <p>The raycasting rendering method was used in early 90's 3D games, most famously <a href="https://en.wikipedia.org/wiki/Wolfenstein_3D" target="_blank">Wolfenstein 3D</a>.</p>
               <p>Use WASD to move, or the arrow buttons on mobile.</p>
             </div>
             <div class="column col-12 col-xl-1 hide-xl">
               <div class="divider"></div>
             </div>
-            <div class="divider-vert show-xl"></div>
-            <div class="column col-12 col-xl-5">
+            <div class="column col-12 col-xl-9">
               <div class="form-group">
                 <label class="form-label label-sm" for="texture-set">Texture set</label>
                 <select id="texture-set" class="form-select select-sm">
-- 
cgit v1.2.3