Reddit Image puzzle

puzzle.ipynb

{"nbformat_minor": 0, "cells": [{"execution_count": 32, "cell_type": "code", "source": "from __future__ import division", "outputs": [], "metadata": {"collapsed": false, "trusted": false}}, {"source": "## Loading images", "cell_type": "markdown", "metadata": {}}, {"execution_count": 33, "cell_type": "code", "source": "from collections import namedtuple\nSample = namedtuple(\"Sample\", [\"url\", \"output\"])\nsamples = [\n    Sample(url=\"http://i.imgur.com/ZualAcU.png\",\n           output=\"this is your sample output and as such you will be able to see this message\"),\n    Sample(url=\"http://i.imgur.com/EKsXxm1.png\",\n           output=\"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa\"),\n]", "outputs": [], "metadata": {"collapsed": false, "trusted": false}}, {"source": "Simply swap the current sample by changing the index below.", "cell_type": "markdown", "metadata": {}}, {"execution_count": 34, "cell_type": "code", "source": "sample = samples[1]", "outputs": [], "metadata": {"collapsed": false, "trusted": false}}, {"source": "Using the excellent ``requests`` library.\n\n    pip install requests", "cell_type": "markdown", "metadata": {}}, {"execution_count": 35, "cell_type": "code", "source": "import requests", "outputs": [], "metadata": {"collapsed": false, "trusted": false}}, {"execution_count": 36, "cell_type": "code", "source": "response = requests.get(sample.url)", "outputs": [], "metadata": {"collapsed": false, "trusted": false}}, {"source": "We're using PIL. Install with\n\n    pip install pillow", "cell_type": "markdown", "metadata": {}}, {"execution_count": 37, "cell_type": "code", "source": "from PIL import Image\nfrom io import BytesIO\nfile_like = BytesIO(response.content)\nfile_like.seek(0)\nimage = Image.open(file_like)\nprint image.size", "outputs": [{"output_type": "stream", "name": "stdout", "text": "(12, 12)\n"}], "metadata": {"collapsed": false, "trusted": false}}, {"source": "## Exploring the image", "cell_type": "markdown", "metadata": {}}, {"source": "And just like that, we downloaded the image, read it's bytes and stored it in a PIL image, and then extracted the pixel values into the variable vals. It's a simple list of tuples.", "cell_type": "markdown", "metadata": {}}, {"execution_count": 38, "cell_type": "code", "source": "vals = [image.getpixel((i, j)) for j in xrange(image.size[1]) for i in xrange(image.size[0])]", "outputs": [], "metadata": {"collapsed": false, "trusted": false}}, {"source": "Check the length", "cell_type": "markdown", "metadata": {}}, {"execution_count": 39, "cell_type": "code", "source": "len(vals)", "outputs": [{"execution_count": 39, "output_type": "execute_result", "data": {"text/plain": "144"}, "metadata": {}}], "metadata": {"collapsed": false, "trusted": false}}, {"source": "Looking at the content if we can find a clue.", "cell_type": "markdown", "metadata": {}}, {"execution_count": 40, "cell_type": "code", "source": "vals[:3]", "outputs": [{"execution_count": 40, "output_type": "execute_result", "data": {"text/plain": "[(10, 4, 22), (249, 80, 104), (189, 161, 173)]"}, "metadata": {}}], "metadata": {"collapsed": false, "trusted": false}}, {"source": "The text could be interpreted as ascii. Let's look at what it's like in ASCII", "cell_type": "markdown", "metadata": {}}, {"execution_count": 41, "cell_type": "code", "source": "text_vals = [ord(l) for l in sample.output]", "outputs": [], "metadata": {"collapsed": false, "trusted": false}}, {"execution_count": 42, "cell_type": "code", "source": "text_vals[:9]", "outputs": [{"execution_count": 42, "output_type": "execute_result", "data": {"text/plain": "[97, 97, 97, 97, 97, 97, 97, 97, 97]"}, "metadata": {}}], "metadata": {"collapsed": false, "trusted": false}}, {"source": "Nope, not a match.", "cell_type": "markdown", "metadata": {}}, {"source": "## Let's try some other color system", "cell_type": "markdown", "metadata": {}}, {"source": "As far as we know, RGB is just a convention, but what if the code was just encoded in the image's hue or saturation... In this case, we could assume the other components would be all equal for example. Let's have a look and see if we see something with our naked eyes.", "cell_type": "markdown", "metadata": {}}, {"execution_count": 43, "cell_type": "code", "source": "# Standard python lib\nimport colorsys", "outputs": [], "metadata": {"collapsed": false, "trusted": false}}, {"source": "Colorsys offers color system conversion functions, but they work with floats and not ints, so we divide our value by 255. We're using ``from __future__ import division`` so we don't need to care about the division being not interpreted correctly.", "cell_type": "markdown", "metadata": {}}, {"execution_count": 44, "cell_type": "code", "source": "[colorsys.rgb_to_hls(*(c / 255 for c in el)) for el in vals[:5]]", "outputs": [{"execution_count": 44, "output_type": "execute_result", "data": {"text/plain": "[(0.7222222222222222, 0.050980392156862744, 0.6923076923076923),\n (0.9763313609467456, 0.6450980392156862, 0.9337016574585636),\n (0.9285714285714285, 0.6862745098039216, 0.1750000000000001),\n (0.10227272727272729, 0.42745098039215684, 0.4036697247706422),\n (0.96, 0.29215686274509806, 0.16778523489932887)]"}, "metadata": {}}], "metadata": {"collapsed": false, "trusted": false}}, {"source": "HSL seems random", "cell_type": "markdown", "metadata": {}}, {"execution_count": 45, "cell_type": "code", "source": "[colorsys.rgb_to_hsv(*(c/255 for c in el)) for el in vals[:5]]", "outputs": [{"execution_count": 45, "output_type": "execute_result", "data": {"text/plain": "[(0.7222222222222222, 0.8181818181818182, 0.08627450980392157),\n (0.9763313609467456, 0.678714859437751, 0.9764705882352941),\n (0.9285714285714285, 0.14814814814814822, 0.7411764705882353),\n (0.10227272727272729, 0.5751633986928105, 0.6),\n (0.96, 0.2873563218390805, 0.3411764705882353)]"}, "metadata": {}}], "metadata": {"collapsed": false, "trusted": false}}, {"execution_count": 46, "cell_type": "code", "source": "[colorsys.rgb_to_yiq(*(c/255 for c in el)) for el in vals[:5]]", "outputs": [{"execution_count": 46, "output_type": "execute_result", "data": {"text/plain": "[(0.030509803921568626, -0.008470588235294119, 0.026823529411764704),\n (0.5229019607843137, 0.3675294117647058, 0.16835294117647054),\n (0.6694901960784313, 0.050823529411764684, 0.03764705882352945),\n (0.4833725490196078, 0.1477647058823529, -0.03764705882352942),\n (0.2751372549019608, 0.05129411764705881, 0.027882352941176455)]"}, "metadata": {}}], "metadata": {"collapsed": false, "trusted": false}}, {"source": "So does HSV and YIQ", "cell_type": "markdown", "metadata": {}}, {"source": "## Displaying the image, bigger", "cell_type": "markdown", "metadata": {"collapsed": false}}, {"source": "iPython allows displaying HTML blocks, so we just need to make an HTML square composed of 30px wide squares of the right color. That's what I'm doing here. Note : I'm using a generator here, to add a ``<br />`` tag everytime there's a new line of pixels in the image. Chances are I could do it with PIL, but then I'm creating my own set of functions and having fun to do it this way :)", "cell_type": "markdown", "metadata": {}}, {"execution_count": 47, "cell_type": "code", "source": "from IPython.display import display_html, HTML\ndef html_rgb(r, g, b):\n    return \"\"\"<div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb({},{},{});\">&nbsp;</div>\"\"\".format(r, g, b)\n\ndef show_rgb(r, g, b):\n    display_html(HTML(html_rgb(r, g, b)))\n\ndef add_element_every(iterable, element, every):\n    it = iter(iterable)\n    while True:\n        for i in xrange(every):\n            yield next(it)\n        yield element\n    \ndef show_image(*rgb_tuples):\n    display_html(HTML(\"\".join(add_element_every((html_rgb(*rgb) for rgb in rgb_tuples), \"<br />\", image.size[0]))))\n", "outputs": [], "metadata": {"collapsed": false, "trusted": false}}, {"execution_count": 48, "cell_type": "code", "source": "show_image(*vals)", "outputs": [{"output_type": "display_data", "data": {"text/html": "<div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(10,4,22);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(249,80,104);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(189,161,173);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(153,119,65);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(87,62,68);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(15,236,134);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(249,242,74);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(96,62,179);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(27,77,128);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(198,101,173);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(102,107,32);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(204,128,239);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(192,14,128);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(255,80,236);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,114,96);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(54,0,161);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(120,6,8);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,33,98);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(38,28,63);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(198,1,5);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,53,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(50,94,224);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(9,6,130);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(117,140,95);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(237,179,167);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(129,188,17);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,71,151);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(145,71,211);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(10,1,7);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(12,203,38);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(171,188,203);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(12,5,164);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(48,56,164);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(225,92,5);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(36,47,17);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(111,182,152);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(126,137,122);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(93,143,11);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(21,77,176);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(81,209,14);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,67,48);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(188,179,37);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(6,252,10);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(87,191,203);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,151,144);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(253,123,147);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(5,6,153);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(168,233,182);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(72,107,5);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(21,101,14);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,24,16);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(53,219,184);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(1,32,7);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(120,227,17);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,34,88);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(241,129,200);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(145,9,5);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,20,100);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(87,30,249);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(11,10,8);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,102,67);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(8,229,157);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(9,224,1);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(147,113,236);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,137,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(75,167,230);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(9,3,13);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(39,164,83);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,144,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(151,154,63);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(1,9,220);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(51,164,251);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(114,161,50);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,41,32);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(168,197,79);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(68,5,5);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,130,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(76,9,91);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(7,175,4);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(60,221,200);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,54,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(125,2,210);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(5,3,25);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(87,146,158);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,82,119);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(239,231,227);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(6,231,1);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,19,131);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(75,1,202);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(2,185,10);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(177,95,242);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(21,59,134);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(12,83,182);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(247,230,146);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(5,9,68);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(6,176,182);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,40,34);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(241,185,222);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(249,3,2);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(57,29,20);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,64,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(60,190,162);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(4,15,7);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(45,41,224);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,54,88);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(174,249,19);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(3,72,1);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,115,128);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(109,94,106);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(10,85,10);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(237,227,164);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,99,22);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(128,57,63);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(3,185,4);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(213,41,146);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(141,212,143);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,40,32);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(192,107,45);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(2,6,21);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(51,83,5);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,83,40);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(147,253,119);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(10,9,183);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(60,104,194);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,50,97);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(23,227,71);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(20,10,2);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(186,104,74);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,70,16);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(166,184,242);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(51,2,8);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(123,23,23);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(72,38,35);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,218,179);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(39,179,152);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(87,237,114);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(63,96,105);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,99,210);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(119,54,240);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(216,123,242);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(199,180,92);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(14,139,95);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(91,196,174);\">&nbsp;</div><br />"}, "metadata": {}}], "metadata": {"collapsed": false, "trusted": false}}, {"source": "## To the hex world\n\nI'm converting the values to full bytes, and displaying them as hex to see if there's an apparent pattern", "cell_type": "markdown", "metadata": {}}, {"execution_count": 49, "cell_type": "code", "source": "big_vals = [sum(c * (0x100 ** (2-i)) for i, c in enumerate(e)) for e in vals]\nhex_vals = [\"{:06x}\".format(e) for e in big_vals]\nprint big_vals[:5]\nprint hex_vals[:5]", "outputs": [{"output_type": "stream", "name": "stdout", "text": "[656406, 16339048, 12427693, 10057537, 5717572]\n['0a0416', 'f95068', 'bda1ad', '997741', '573e44']\n"}], "metadata": {"collapsed": false, "trusted": false}}, {"source": "Following what I suggested in the reddit thread, I'm taking the first hex char of all the pixels in the first line / column, to see what I'm getting", "cell_type": "markdown", "metadata": {}}, {"execution_count": 50, "cell_type": "code", "source": "first_v = [p[0] for p in hex_vals[::image.size[1]]]", "outputs": [], "metadata": {"collapsed": false, "trusted": false}}, {"execution_count": 51, "cell_type": "code", "source": "first_h = [p[0] for p in hex_vals[:image.size[0]]]", "outputs": [], "metadata": {"collapsed": false, "trusted": false}}, {"execution_count": 52, "cell_type": "code", "source": "\"\".join(first_h)", "outputs": [{"execution_count": 52, "output_type": "execute_result", "data": {"text/plain": "'0fb950f61c6c'"}, "metadata": {}}], "metadata": {"collapsed": false, "trusted": false}}, {"execution_count": 53, "cell_type": "code", "source": "\"\".join(first_v)", "outputs": [{"execution_count": 53, "output_type": "execute_result", "data": {"text/plain": "'0ce745750537'"}, "metadata": {}}], "metadata": {"collapsed": false, "trusted": false}}, {"source": "## To the binary world\n\nLet's look at what the bits look...?", "cell_type": "markdown", "metadata": {}}, {"execution_count": 54, "cell_type": "code", "source": "bytes = [sum(e * 256 ** (2-i) for i, e in enumerate(p)) for p in vals]", "outputs": [], "metadata": {"collapsed": true, "trusted": false}}, {"execution_count": 55, "cell_type": "code", "source": "[\"{:0>24b}\".format(i) for i in bytes]", "outputs": [{"execution_count": 55, "output_type": "execute_result", "data": {"text/plain": "['000010100000010000010110',\n '111110010101000001101000',\n '101111011010000110101101',\n '100110010111011101000001',\n '010101110011111001000100',\n '000011111110110010000110',\n '111110011111001001001010',\n '011000000011111010110011',\n '000110110100110110000000',\n '110001100110010110101101',\n '011001100110101100100000',\n '110011001000000011101111',\n '110000000000111010000000',\n '111111110101000011101100',\n '010100000111001001100000',\n '001101100000000010100001',\n '011110000000011000001000',\n '010100000010000101100010',\n '001001100001110000111111',\n '110001100000000100000101',\n '010100000011010100000000',\n '001100100101111011100000',\n '000010010000011010000010',\n '011101011000110001011111',\n '111011011011001110100111',\n '100000011011110000010001',\n '010100000100011110010111',\n '100100010100011111010011',\n '000010100000000100000111',\n '000011001100101100100110',\n '101010111011110011001011',\n '000011000000010110100100',\n '001100000011100010100100',\n '111000010101110000000101',\n '001001000010111100010001',\n '011011111011011010011000',\n '011111101000100101111010',\n '010111011000111100001011',\n '000101010100110110110000',\n '010100011101000100001110',\n '010100000100001100110000',\n '101111001011001100100101',\n '000001101111110000001010',\n '010101111011111111001011',\n '010100001001011110010000',\n '111111010111101110010011',\n '000001010000011010011001',\n '101010001110100110110110',\n '010010000110101100000101',\n '000101010110010100001110',\n '010100000001100000010000',\n '001101011101101110111000',\n '000000010010000000000111',\n '011110001110001100010001',\n '010100000010001001011000',\n '111100011000000111001000',\n '100100010000100100000101',\n '010100000001010001100100',\n '010101110001111011111001',\n '000010110000101000001000',\n '010100000110011001000011',\n '000010001110010110011101',\n '000010011110000000000001',\n '100100110111000111101100',\n '010100001000100100000000',\n '010010111010011111100110',\n '000010010000001100001101',\n '001001111010010001010011',\n '010100001001000000000000',\n '100101111001101000111111',\n '000000010000100111011100',\n '001100111010010011111011',\n '011100101010000100110010',\n '010100000010100100100000',\n '101010001100010101001111',\n '010001000000010100000101',\n '010100001000001000000000',\n '010011000000100101011011',\n '000001111010111100000100',\n '001111001101110111001000',\n '010100000011011000000000',\n '011111010000001011010010',\n '000001010000001100011001',\n '010101111001001010011110',\n '010100000101001001110111',\n '111011111110011111100011',\n '000001101110011100000001',\n '010100000001001110000011',\n '010010110000000111001010',\n '000000101011100100001010',\n '101100010101111111110010',\n '000101010011101110000110',\n '000011000101001110110110',\n '010100000000000000000000',\n '111101111110011010010010',\n '000001010000100101000100',\n '000001101011000010110110',\n '010100000010100000100010',\n '111100011011100111011110',\n '111110010000001100000010',\n '001110010001110100010100',\n '010100000100000000000000',\n '001111001011111010100010',\n '000001000000111100000111',\n '001011010010100111100000',\n '010100000011011001011000',\n '101011101111100100010011',\n '000000110100100000000001',\n '010100000111001110000000',\n '011011010101111001101010',\n '000010100101010100001010',\n '111011011110001110100100',\n '010100000110001100010110',\n '100000000011100100111111',\n '000000111011100100000100',\n '110101010010100110010010',\n '100011011101010010001111',\n '010100000010100000100000',\n '110000000110101100101101',\n '000000100000011000010101',\n '001100110101001100000101',\n '010100000101001100101000',\n '100100111111110101110111',\n '000010100000100110110111',\n '001111000110100011000010',\n '010100000011001001100001',\n '000101111110001101000111',\n '000101000000101000000010',\n '101110100110100001001010',\n '010100000100011000010000',\n '101001101011100011110010',\n '001100110000001000001000',\n '011110110001011100010111',\n '010010000010011000100011',\n '000000001101101010110011',\n '001001111011001110011000',\n '010101111110110101110010',\n '001111110110000001101001',\n '000000000110001111010010',\n '011101110011011011110000',\n '110110000111101111110010',\n '110001111011010001011100',\n '000011101000101101011111',\n '010110111100010010101110']"}, "metadata": {}}], "metadata": {"collapsed": false, "trusted": false}}, {"source": "## Individual RGB components\n\nMaybe each component is not to be taken together ?", "cell_type": "markdown", "metadata": {}}, {"execution_count": 56, "cell_type": "code", "source": "show_image(*((element[0], 0, 0) for element in vals))\nshow_image(*((0, element[1], 0) for element in vals))\nshow_image(*((0, 0, element[2]) for element in vals))", "outputs": [{"output_type": "display_data", "data": {"text/html": "<div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(10,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(249,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(189,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(153,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(87,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(15,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(249,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(96,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(27,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(198,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(102,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(204,0,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(192,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(255,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(54,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(120,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(38,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(198,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(50,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(9,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(117,0,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(237,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(129,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(145,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(10,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(12,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(171,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(12,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(48,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(225,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(36,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(111,0,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(126,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(93,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(21,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(81,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(188,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(6,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(87,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(253,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(5,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(168,0,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(72,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(21,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(53,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(1,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(120,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(241,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(145,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(87,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(11,0,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(8,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(9,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(147,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(75,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(9,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(39,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(151,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(1,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(51,0,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(114,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(168,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(68,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(76,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(7,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(60,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(125,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(5,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(87,0,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(239,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(6,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(75,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(2,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(177,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(21,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(12,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(247,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(5,0,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(6,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(241,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(249,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(57,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(60,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(4,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(45,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(174,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(3,0,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(109,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(10,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(237,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(128,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(3,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(213,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(141,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(192,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(2,0,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(51,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(147,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(10,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(60,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(23,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(20,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(186,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(80,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(166,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(51,0,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(123,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(72,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(39,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(87,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(63,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(119,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(216,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(199,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(14,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(91,0,0);\">&nbsp;</div><br />"}, "metadata": {}}, {"output_type": "display_data", "data": {"text/html": "<div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,4,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,80,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,161,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,119,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,62,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,236,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,242,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,62,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,77,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,101,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,107,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,128,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,14,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,80,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,114,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,6,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,33,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,28,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,1,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,53,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,94,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,6,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,140,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,179,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,188,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,71,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,71,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,1,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,203,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,188,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,5,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,56,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,92,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,47,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,182,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,137,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,143,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,77,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,209,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,67,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,179,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,252,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,191,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,151,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,123,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,6,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,233,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,107,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,101,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,24,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,219,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,32,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,227,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,34,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,129,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,9,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,20,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,30,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,10,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,102,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,229,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,224,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,113,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,137,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,167,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,3,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,164,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,144,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,154,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,9,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,164,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,161,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,41,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,197,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,5,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,130,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,9,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,175,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,221,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,54,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,2,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,3,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,146,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,82,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,231,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,231,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,19,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,1,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,185,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,95,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,59,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,83,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,230,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,9,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,176,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,40,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,185,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,3,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,29,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,64,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,190,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,15,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,41,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,54,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,249,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,72,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,115,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,94,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,85,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,227,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,99,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,57,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,185,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,41,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,212,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,40,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,107,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,6,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,83,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,83,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,253,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,9,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,104,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,50,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,227,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,10,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,104,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,70,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,184,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,2,0);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,23,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,38,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,218,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,179,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,237,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,96,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,99,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,54,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,123,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,180,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,139,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,196,0);\">&nbsp;</div><br />"}, "metadata": {}}, {"output_type": "display_data", "data": {"text/html": "<div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,22);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,104);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,173);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,65);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,68);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,134);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,74);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,179);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,128);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,173);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,32);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,239);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,128);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,236);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,96);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,161);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,8);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,98);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,63);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,5);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,224);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,130);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,95);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,167);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,17);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,151);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,211);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,7);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,38);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,203);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,164);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,164);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,5);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,17);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,152);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,122);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,11);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,176);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,14);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,48);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,37);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,10);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,203);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,144);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,147);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,153);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,182);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,5);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,14);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,16);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,184);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,7);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,17);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,88);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,200);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,5);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,100);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,249);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,8);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,67);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,157);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,1);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,236);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,230);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,13);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,83);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,63);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,220);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,251);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,50);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,32);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,79);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,5);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,91);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,4);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,200);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,210);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,25);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,158);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,119);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,227);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,1);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,131);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,202);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,10);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,242);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,134);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,182);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,146);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,68);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,182);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,34);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,222);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,2);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,20);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,0);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,162);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,7);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,224);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,88);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,19);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,1);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,128);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,106);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,10);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,164);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,22);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,63);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,4);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,146);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,143);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,32);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,45);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,21);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,5);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,40);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,119);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,183);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,194);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,97);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,71);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,2);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,74);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,16);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,242);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,8);\">&nbsp;</div><br /><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,23);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,35);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,179);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,152);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,114);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,105);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,210);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,240);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,242);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,92);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,95);\">&nbsp;</div><div style=\"display: inline-block; width: 30px; height: 30px; background-color: rgb(0,0,174);\">&nbsp;</div><br />"}, "metadata": {}}], "metadata": {"collapsed": false, "trusted": false}}, {"execution_count": null, "cell_type": "code", "source": "", "outputs": [], "metadata": {"collapsed": true, "trusted": false}}], "nbformat": 4, "metadata": {"kernelspec": {"display_name": "Python 2", "name": "python2", "language": "python"}, "language_info": {"mimetype": "text/x-python", "nbconvert_exporter": "python", "version": "2.7.9", "name": "python", "file_extension": ".py", "pygments_lexer": "ipython2", "codemirror_mode": {"version": 2, "name": "ipython"}}}}