From faf0a33c18da76903662616d7af1b0b1028d8163 Mon Sep 17 00:00:00 2001
From: Ruben van de Ven <git@rubenvandeven.com>
Date: Thu, 12 Sep 2019 14:01:10 +0200
Subject: [PATCH] Add explanation

---
 www/generated/square.svg | 38 ++++++++++++++++++++++++++++++++++++++
 www/index.html           |  7 +++++++
 2 files changed, 45 insertions(+)
 create mode 100644 www/generated/square.svg
diff --git a/www/generated/square.svg b/www/generated/square.svg
new file mode 100644
index 0000000..b85c40f
--- /dev/null
+++ b/www/generated/square.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 210 210"
+   height="210mm"
+   width="210mm">
+  <defs
+     id="defs2" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-87)"
+     id="layer1">
+    <rect
+       y="138.32738"
+       x="51.327381"
+       height="107.34524"
+       width="107.34524"
+       id="rect815"
+       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0.75590557;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/www/index.html b/www/index.html
index 6566df2..f1d24a2 100644
--- a/www/index.html
+++ b/www/index.html
@@ -32,11 +32,18 @@
             	height: 600px;
             	width: 600px;
             	position: relative;
+            	background:#ccc;
             
             }
         </style>
     </head>
     <body>
+    <ul>
+    	<li>Drag the mouse to trace the line drawing</li>
+    	<li>Follow the lines as precise as possible</li>
+    	<li>Press submit when you're done.</li>
+    	<li>You'll receive a submission token, to fill in at Mechanical Turk</li>
+    </ul>
         <div id='interface'>
         	<div id='wrapper'>
             <img src="/latest.svg" id='sample'>
