code:

        <input type="text" size="160" data-bind="value: text"></input>

      </div>

    </div>

    <script src="/lib/jquery/dist/jquery.min.js"></script>

    <script src="/websocket.js"></script>

    <script src="effect.js"></script>

  </body>

</html>

        div

          code(data-bind="text: code")

    #status

    script(src="/lib/jquery/dist/jquery.min.js")

    script(src="/websocket.js")

    script(src="effects.js")

      // /ko

    #status

    script(src="/lib/jquery/dist/jquery.min.js")

    script(src="/websocket.js")

    script(src="gui.js")

        <div class="tile">

          <div><img data-bind="attr: {src: 'pic?res=480&resize=200&x=.5&y=.3&w=.5&h=.2&awb_mode=auto&exposure_mode=auto&shutter='+$data}"></div>

          <span data-bind="text: ($data / 1000) + ' ms'"></span> 

        </div>

      </div>

    </section>

    <script src="gui.js"></script>

  </body>

</html>

    <div>Resulting url: <a class="smallUrl" data-bind="attr: {href: currentUrl}, text: currentUrl"></a></div>

    <div>Resulting crop image:</div>

    <div><img id="cropped"></div>

    <script src="/lib/jquery/dist/jquery.min.js"></script>

    <script src="/lib/underscore/underscore-min.js"></script>

    <script src="/lib/tapmodo-Jcrop-1902fbc/js/jquery.Jcrop.js"></script>

    <script>

     jQuery(function () {

       var model = {

  "dependencies": {

    "polymer": "~1.4.0",

    "paper-slider": "PolymerElements/paper-slider#~1.0.11",

    "iron-ajax": "PolymerElements/iron-ajax#~1.2.0",

    "jquery": "~2.2.4",

    "underscore": "~1.8.3",

  }

}