[WGL/P] Changed message styling when there is no webgl context or javascript

1 files changed, 7 insertions, 2 deletions

diff --git a/Year 2/Computer Graphics with WebGL/Project/Project.html b/Year 2/Computer Graphics with WebGL/Project/Project.html
index 970e805..a74b065 100644
--- a/Year 2/Computer Graphics with WebGL/Project/Project.html
+++ b/Year 2/Computer Graphics with WebGL/Project/Project.html
@@ -23,6 +23,9 @@ canvas {
 	height: 100vh;

 	/* cursor: none; */

 }

+#noscript, #picasso {

+	background-color: red;

+}

 

 .indent {

 	padding-left: 1em;

@@ -36,7 +39,7 @@ canvas {
 h2 {

 	border-bottom: 2px solid gray;

 }

-body > div {

+body > div, #noscript {

 	position: absolute;

 	left: 0;

 	top: 0;

@@ -171,7 +174,9 @@ body > div {
 </head>

 

 <body onload="start()">

-	<canvas id="picasso"></canvas>

+	<canvas id="picasso">We need a canvas, but it doesn't exist!</canvas>

+	<noscript><div id="noscript">Your browser doesn't support JavaScript or it has been disabled!</div></noscript>

+

 	<div id="menu">

 		<div id="paused">Click here to start moving</div>

 		<div id="settings">