Google Code-in

While the current webchat will display XHTML-IM elements, the current app makes very little use of them. One way we can use this is to support easily sending images such as screenshots.

The first step is adding an image button to the webchat toolbar (likely next to emoticons). Clicking this should open a file selector for PNG and JPEG files. Once the image is selected it should be submitted to a webapp which will return an XHTML-IM snipped which should be sent to chat providing both a preview image and link to the full image.

The second part of this task is implementing a small Python 3.5 WSGI application to receive images, generate unique URLs for them under https://media.copyleftgames.org/imgbin/ and store both the original and scaled-down images here. Use Pillow to downscale the images for previews. When finished the XHTML-IM should be returned that both links to the full image URL and displays the preview.

This task will require both Javascript and Python experience.

When finished, upload your files to this task.