[WGL/P] Styling and wording changes

1 files changed, 17 insertions, 8 deletions

diff --git a/Year 2/Computer Graphics with WebGL/Project/Project.html b/Year 2/Computer Graphics with WebGL/Project/Project.html
index 02a2818..970e805 100644
--- a/Year 2/Computer Graphics with WebGL/Project/Project.html
+++ b/Year 2/Computer Graphics with WebGL/Project/Project.html
@@ -24,6 +24,11 @@ canvas {
 	/* cursor: none; */

 }

 

+.indent {

+	padding-left: 1em;

+	box-sizing: border-box;

+	margin: 0;

+}

 .hide {

 	display: none;

 }

@@ -177,22 +182,26 @@ body > div {
 				Escape will remove your controls and bring you back here.

 			</p>

 			<h2>Level</h2>

-			<p>

+			<div>

 				<select id="level-select"></select>

 				<p id="level-description"></p>

 				<p>

-					Pause movement: <input type="checkbox" id="pause-movement">

+					Pause animation: <input type="checkbox" id="pause-movement">

 				</p>

-			</p>

+			</div>

 			<h2>Settings</h2>

-			<p>

-				Debugging colors: <input type="checkbox" id="debug-mode"><br>

-				Toggle coordinates: <input type="checkbox" id="coordinates-cb"><br>

-				Toggle fps: <input type="checkbox" id="fps-cb"><br>

+			<div>

+				Show (ray marching) debugging colors: <input type="checkbox" id="debug-mode"><br>

+				<p class="indent">

+				Works only with enabled ray marching.

+				Green for the center of the black hole (past event horizon), red for ray didn't hit anything.

+				</p><br>

+				Show coordinates: <input type="checkbox" id="coordinates-cb"><br>

+				Show fps: <input type="checkbox" id="fps-cb"><br>

 				Disable ray marching: <input type="checkbox" id="disable-ray-marching"><br>

 				Only horizontal mouse movement: <input type="checkbox" id="only-horizontal"><br>

 				Only vertical mouse movement: <input type="checkbox" id="only-vertical">

-			</p>

+			</div>

 		</div>

 	</div>

 	<div id="coordinates"></div>