<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <script src='dateformat.js'></script> <script src='reconnecting-websocket.min.js'></script> </head> <body> <div id="wrapper"> <!-- <div class="phase" id="waiting_for_human"> <span class="narrative_phase_text">waiting for human worker to accept task</span> </div> <div class="phase" id="human_accepted_task"> <span class="narrative_phase_text">task accepted by human worker</span> </div> --> <div class="phase" id="worker_specs"> <span class="grid-item spec_name" id="hit_id_descriptor">human intelligent task id</span> <span class="grid-item spec_value" id="hit_id"> </span> <span class="grid-item spec_name" id="worker_id_descriptor">human worker id</span> <span class="grid-item spec_value" id="worker_id"> </span> <span class="grid-item spec_name" id="ip_descriptor">ip address</span> <span class="grid-item spec_value" id="ip"> </span> <span class="grid-item spec_name" id="location_descriptor">location</span> <span class="grid-item spec_value" id="location"> </span> <span class="grid-item spec_name" id="browser_descriptor">browser</span> <span class="grid-item spec_value" id="browser"> </span> <span class="grid-item spec_name" id="os_descriptor">os</span> <span class="grid-item spec_value" id="os"> </span> <span class="grid-item spec_name" id="hit_opened_descriptor">task started at</span> <span class="grid-item spec_value" id="hit_opened"> </span> <span class="grid-item spec_name" id="state_descriptor">task status</span> <span class="grid-item spec_value" id="state"> </span> <span class="grid-item spec_name" id="fee_descriptor">calculated fee</span> <span class="grid-item spec_value" id="fee"> </span> <span class="grid-item spec_name" id="elapsed_time_descriptor">time elapsed</span> <span class="grid-item spec_value" id="elapsed_time"> </span> </div> </div> <script src="script.js"></script> </body> </html>