From baade692399d125001e00d08afc68c1e253eaae4 Mon Sep 17 00:00:00 2001
From: Syndamia <kamen@syndamia.com>
Date: Mon, 28 Aug 2023 11:42:02 +0300
Subject: [WGL/P] Minor styling changes

---
 .../Project/Project.html                           | 26 +++++++++++-----------
 1 file changed, 13 insertions(+), 13 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 809a0ed..e010a1c 100644
--- a/Year 2/Computer Graphics with WebGL/Project/Project.html	
+++ b/Year 2/Computer Graphics with WebGL/Project/Project.html	
@@ -12,6 +12,7 @@ body {
 	padding: 0;
 	margin: 0;
 	font: 18px sans-serif;
+	color: white;
 }
 canvas {
 	display: block;
@@ -30,41 +31,41 @@ canvas {
 h2 {
 	border-bottom: 2px solid gray;
 }
-#menu {
+body > div {
 	position: absolute;
-	height: 100vh;
-	width: 100vw;
 	left: 0;
 	top: 0;
+}
+#menu {
+	height: 100vh;
+	width: 100vw;
 	color: white;
 }
 #menu > * {
 	position: absolute;
+	top: 0;
 	margin: 0.5em;
 	padding: 0.2em;
 	border: 2px solid white;
 	width: auto;
 	background-color: black;
+	box-sizing: border-box;
 }
 #paused { 
 	left: 0;
-	top: 0;
 	font-size: 25px;
 	cursor: pointer;
 }
 #settings {
 	right: 0;
-	top: 0;
 	padding: 0.5em;
-	max-width: 24em;
-	max-height: calc(100vh - 2em);
+	max-width: 25em;
+	max-height: calc(100vh - 1em);
 	overflow: auto;
 }
-#coordinates {
-	left: 0;
-	top: 0;
-	color: white;
-	position: absolute;
+#fps {
+	left: auto;
+	right: 0;
 }
 	</style>
 
@@ -104,7 +105,6 @@ h2 {
 			gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
 
 			identity();
-			perspective(PERSPECTIVE_ANGLE,gl.canvas.width/gl.canvas.height,PERSPECTIVE_NEAR,40000);
 			gl.uniform1i(uUseNormalMatrix,false);
 
 			gl.uniform3f(uAmbientColor,0.3,0.3,0.3);
-- 
cgit v1.3.1-23-gd82d