1 files changed, 27 insertions, 14 deletions
diff --git a/index.html b/index.html
index 2c6dfd3..399671f 100644
--- a/index.html
+++ b/index.html
@@ -6,9 +6,10 @@
 	<style>
 	body {
 		font-family: sans-serif;
-		background-color: #111;
+		background-color: black;
 		margin: 0;
 		padding: 0;
+		color: white;
 		overflow: hidden;
 	}
 	
@@ -16,30 +17,42 @@
 		width: 100vw;
 		height: 100vh;
 	}
+	
+	.error {
+		color: red;
+	}
+	
+	#error-dialog {
+		border: 2px solid red;
+		background-color: black;
+	}
+	#error-dialog button {
+		border: 2px solid white;
+		background-color: black;
+		color: white;
+	}
+	button:focus {
+		outline: 2px solid #0a0;
+	}
 	</style>
 	<meta charset="utf-8">
 	<meta content="width=device-width,initial-scale=1" name="viewport">
 </head>
 
 <body>
-<script id="vertex-shader" type="x-shader/x-vertex">
-	attribute vec2 aVertexPosition;
-	void main() {
-		gl_Position = vec4(aVertexPosition, 0.0, 1.0);
-	}
-</script>
-<script id="fragment-shader" type="x-shader/x-fragment">
-	uniform vec4 uGlobalColor;
-	
-	void main() {
-		gl_FragColor = uGlobalColor;
-	}
-</script>
 <script src="fractiform.js" type="text/javascript"></script>
 
 <canvas id="canvas">
   Your browser doesn't support &lt;canvas&gt;<br>
   This page won't work for you.
 </canvas>
+
+<dialog id="error-dialog">
+  <pre id="error-message" class="error"></pre>
+  <form method="dialog">
+    <button>OK</button>
+  </form>
+</dialog>
+
 </body>
 </html>