From 3ec5d96e3cf120178fc562ca0e2bc6749d9b0c63 Mon Sep 17 00:00:00 2001
From: Syndamia <kamen@syndamia.com>
Date: Mon, 28 Aug 2023 12:10:58 +0300
Subject: [WGL/P] Styling and wording changes

---
 .../Project/Project.html                           | 25 +++++++++++++++-------
 1 file changed, 17 insertions(+), 8 deletions(-)

(limited to 'Year 2/Computer Graphics with WebGL/Project/Project.html')

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>
-- 
cgit v1.3.1-23-gd82d