diff --git a/www/worker_specs/fake_scan.jpg b/www/worker_specs/fake_scan.jpg
new file mode 100644
index 0000000..3d60250
Binary files /dev/null and b/www/worker_specs/fake_scan.jpg differ
diff --git a/www/worker_specs/index.html b/www/worker_specs/index.html
index c7df4b5..e914f4b 100644
--- a/www/worker_specs/index.html
+++ b/www/worker_specs/index.html
@@ -9,66 +9,87 @@
+
+
-
+
-
Created HIT at {{hit.created_at}}
-
Creating HIT
+
Created HIT based on analog drawing
+
+
Creating HIT based on analog drawing..
+
-
-
-
+
+
+
-
Human intelligence task
-
{{hit.hit_id}}
-
Description
+
human intelligence task
+
task id
+
{{hit.hit_id}}
+
task description
+
Use the mouse to draw a copy of the image above
-
+
-
Wait for human
+
waiting for guest worker to accept HIT..
Asignment abandoned
Assignment accepted
-
-
+
+
-
+
-
Worker {{hit.assignment.worker_id}}
-
{{hit.assignment.turk_browser}} / {{hit.assignment.turk_ip}} / {{hit.assignment.turk_country}} / {{hit.assignment.turk_os}}
+
+
guest worker
+
worker id
+
test{{hit.assignment.worker_id}}
+
visiting from
+
+
+
{{hit.assignment.turk_country}} ({{hit.assignment.turk_ip}})
+
-
-
+
+
Assignment submitted
Confirmed submission
-
+
- result: (add duration)
-
+
digital drawing
+
+
+
-
+
+
+
-
Scanning
-
Scanned at {{hit.scanned_at}}
+
Scanning..
+
Scan completed
+
-
-
+
+
- scan:
-
+
analog drawing
+
+
+
+
-
-
+
+
-
+
-
-
+
diff --git a/www/worker_specs/style.css b/www/worker_specs/style.css
index bb48dcf..ffa4070 100644
--- a/www/worker_specs/style.css
+++ b/www/worker_specs/style.css
@@ -12,8 +12,10 @@
:root{
--base-font-size: 17px;
- --spec_name-font-size: 120%;
- --spec_value-font-size: 250%;
+ --big-font-size: calc(var(--base-font-size)*1.5);
+ --bigger-font-size: calc(var(--big-font-size)*1.5);
+ /* --spec_name-font-size: 120%;
+ --spec_value-font-size: 250%; */
--base-color: #271601; /* tekst */
--alt-color: #FFF5DF; /* achtergrond */
@@ -63,33 +65,73 @@ html, body{
}
+
+
.transition{
overflow:hidden;
+ display: block;
position:relative;
- padding-left: calc(50%);
- font-size: 12px;
+ padding-left: calc(50% + 20px);
+
+ font-size: var(--base-font-size);
height: 40px;
+ /* text-align: center; */
animation-duration: 3s;
animation-name: slidein;
+ margin: 20px 0px;
}
+
+.transition p{
+ margin:2px;
+}
+
.transition::before{
content:'⇩'; /*'⇓';*/
display:block;
position:absolute;
- font-family:monospace;
- font-size: 100px;
- top:0;
+ font-family:'monospace';
+ font-size: 80px;
+ top:10px;
left:calc(50% - 30px);
line-height:0;
+
}
+
+
.state{
overflow:hidden;
- border:solid 1px black;
animation-duration: 3s;
animation-name: slidein;
transition: max-height 1s;
- max-height: 200px;
+ /* max-height: 200px; */
+ margin: 2px;
+ border:solid 2px black;
+ padding: 4px;
+}
+
+.state h2{
+ font-family: 'bebas';
+ font-size: var(--bigger-font-size);
+ margin: 2px;
+ font-weight: normal;
+}
+
+
+.state p{
+ margin: 0;
+ font-family: 'bebas';
+ font-size: var(--big-font-size);
+}
+
+.state img{
+ max-width: 100%;
+}
+
+.state .descriptor{
+ font-family: 'freesans';
+ font-size: var(--base-font-size);
+ margin-top: var(--base-font-size);
}
.state.assignment-hidden {
@@ -97,13 +139,15 @@ html, body{
max-height: 0px;
}
+
+
@keyframes slidein {
from {
max-height:0;
}
to {
- max-height: 200px;
+ max-height: 400px;
}
}
@@ -148,4 +192,4 @@ html, body{
position: relative;
top: 5px;
}
-*/
\ No newline at end of file
+*/
diff --git a/www/worker_specs/todo b/www/worker_specs/todo
new file mode 100644
index 0000000..1660809
--- /dev/null
+++ b/www/worker_specs/todo
@@ -0,0 +1,16 @@
+
+server starten volgens readme
+
+http://localhost:8888/draw?id=3&assignmentId=test
+
+# id= moet overeenkomen met hit id in console
+
+http://localhost:8888/worker_specs/index.html
+
+
+
+TODO
+
+worker_specs
+misschien svg croppen ivm veel lege ruimte
+misschien tussen digital drawing en analog drawing nog een stap? digital > glas > analog
\ No newline at end of file