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..

- - + + - + -
- + 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