Head and instructions added

j-m · Mar 8, 2018 · 4641d8f · 4641d8f
1 parent d500d01
commit 4641d8f
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 5 deletions.
diff --git a/head.png b/head.png
diff --git a/index.css b/index.css
@@ -1,15 +1,33 @@
 body{
-	display: flex;
 	background: #eee;
-	min-height:100vh;
 	margin:0;
+	display: flex;
+	flex-direction:column;
+	min-height:100vh;
 }
 
-canvas{
+img{
+	position:absolute;
+	bottom:0;
+	z-index:-1;
+	width:400px;
+}
+
+#container{
 	width:800px;
 	height:600px;
 	margin:auto;
+	position:relative;
+}
+
+#container canvas{
 	background:#5D801C;
 }
 
-input{display:none;}
+#container p{
+	position:absolute;
+	top:100%;
+	font-family: Open Sans, sans-serif;
+	text-align:center;
+	width:100%;
+}
diff --git a/index.html b/index.html
@@ -4,7 +4,11 @@
 		<link rel="stylesheet" type="text/css" href="index.css">
 	</head>
 	<body>
-		<canvas width="800" height="600" tabindex="0"></canvas>
+		<img src="head.png">
+		<div id="container">
+			<canvas width="800" height="600" tabindex="0"></canvas>
+			<p>Cover your right eye with a dark translucent material, and keep both eyes open</p>
+		</div>
 		<script src="index.js"></script>
 	</body>
 </html>