cleanup

JohnKesko · JohnKesko · commit f65ced4177f3 · 2024-06-06T17:56:51.000+02:00
diff --git a/css/style.css b/css/style.css
@@ -67,3 +67,8 @@ body {
 	padding: 10px;
 	font-size: 16px;
 }
+
+.sub-header {
+	font-size: 20px;
+	color: darkgray;
+}
diff --git a/html/index.html b/html/index.html
@@ -9,7 +9,7 @@
 	<body>
 		<div class="header">
 			<h1 class="">A *</h1>
-			Visual representation of the A* algorithm in plain js
+			<p class="sub-header">Visual representation of the A* algorithm in plain js</p>
 		</div>
 		<canvas id="canvas" width="1000" height="1000"></canvas>
 		<div class="footer grid">
diff --git a/js/drawing.js b/js/drawing.js
@@ -94,8 +94,8 @@ function drawStartEndNodes() {
 		ctx.fillStyle = "black";
 		const center = square / 2;
 
-		ctx.fillText(startNode.text, startNode.x + center, startNode.y + center);
-		ctx.fillText(endNode.text, endNode.x + center, endNode.y + center);
+		// ctx.fillText(startNode.text, startNode.x + center, startNode.y + center);
+		// ctx.fillText(endNode.text, endNode.x + center, endNode.y + center);
 	}
 }
 
@@ -123,10 +123,10 @@ function drawGrid() {
 	ctx.textAlign = "center";
 	ctx.textBaseline = "middle";
 
-	for (let i = square; i <= canvas.width - 2 * square; i += square) {
-		ctx.fillText((i / square).toString(), square / 2, i - square / 2 + square); // Vertical
-		ctx.fillText((i / square).toString(), i - square / 2 + square, square / 2); // Horizontal
-	}
+	// for (let i = square; i <= canvas.width - 2 * square; i += square) {
+	// 	ctx.fillText((i / square).toString(), square / 2, i - square / 2 + square); // Vertical
+	// 	ctx.fillText((i / square).toString(), i - square / 2 + square, square / 2); // Horizontal
+	// }
 }
 
 // fillRect(x, y, width, height)

Original file line number	Diff line number	Diff line change
`@@ -67,3 +67,8 @@ body {`
`67`	`67`	`padding: 10px;`
`68`	`68`	`font-size: 16px;`
`69`	`69`	`}`
	`70`	`+`
	`71`	`+.sub-header {`
	`72`	`+ font-size: 20px;`
	`73`	`+ color: darkgray;`
	`74`	`+}`