Git-Phantom

Bloble Pack Theme && Rank XP

Від 10.02.2021. Дивіться остання версія.

// ==UserScript==
// @name         Git-Phantom
// @namespace    http://tampermonkey.net/
// @github       https://github.com/Git-Phantom
// @license      Apache License 2.0
// @version      0.0.2 BETA
// @description  Bloble Pack Theme && Rank XP
// @author       Git-Phantom
// @match        http://bloble.io/
// @grant        none
// ==/UserScript==
$(document)
        .ready(function () {

                $(function removeADS() {

                        $('#instructionsText, #youtuberOf, .adsbygoogle')
                                .remove()

                        $(function UpdateADS() {
                                var playersList = $("<div />", {
                                        id: 'playerList'
                                        , style: 'color: rgba(255, 255, 255, 0.5); font-size: 20px; background-color: rgba(80,80,80, 0.7); padding: 7px; font-family: "regularF";'
                                })

                                var btag = $("<b />", {
                                        id: 'rankTitle'
                                })

                                var oltag = $("<ol />", {
                                        id: 'playersListOL'
                                , })

                                var litag = $("<li />", {
                                        id: 'playersListLi'
                                        , style: 'padding: 7px; margin-right: 50px; margin-left: 10px;'
                                        , 'v-for': 'todo in todos'
                                })


                                $("#adHolder")
                                        .append(playersList)
                                $("#playerList")
                                        .append(btag)
                                $("#playerList")
                                        .text(" {{ message }} ")
                                $("#playerList")
                                        .append(oltag)
                                $("#playersListOL")
                                        .append(litag)
                                $("#playersListLi")
                                        .text(' {{ todo.text }} ')

                        })
                })

                $(function theme() {

                        var spanTag = $("<span />", {
                                id: 'spanConn'
                                , style: 'margin-top: 5px;'
                        })

                        var tagCon = $("<button />", {
                                id: 'connection'
                                , style: 'margin-left: 20px; background-color: #40e4ed; color: white; font-family: "regularF"; font-size: 22px; padding: 6px; border: none; border-radius: 4px; margin-top: 5px; cursor:pointer;'
                        })

                        $("#darkener")
                                .append(spanTag)
                        $("#spanConn")
                                .append(tagCon)
                        $("#connection")
                                .text(' Server Disconnected ')

                        $("#spanConn")
                                .click(function () {
                                        $(function connect() {

                                                var status;

                                                var ngrok = prompt("Please enter ngrok server : ", "");
                                                if (ngrok == null || ngrok == "") {
                                                        alert('Connection False ')
                                                } else {
                                                        var phantomConnection = $("<script />", {
                                                                id: 'phantom_js'
                                                                , class: 'js_phantom'
                                                                , src: ngrok + '/accounts.php'

                                                        })

                                                        $("#darkener")
                                                                .append(phantomConnection)

                                                }
                                        })
                                })



                        $('#creatorLink .greyMenuText ')
                                .text("Git-Phantom V: 0.0.2")
                        $('#darkener')
                                .css('background-image',
                                        'url( https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/55401600-f926-47d1-b08a-27d0a81c7130/d2a8tjd-69cfbe3c-9ac1-465b-bc16-0d458599a6cb.jpg )'
                                        )
                        $('#darkener')
                                .css('background-repeat', 'no-repeat')
                        $('#darkener')
                                .css('background-size', 'cover')

                        var discord = $("<button />", {
                                id: 'discordServer'
                                , type: 'button'
                                , onclick: "location.href='https://discord.gg/DTgQjaWtxf'"
                                , style: 'margin-left: 20px; background-color: #29e53f; color: white; font-family: "regularF"; font-size: 26px; padding: 6px; border: none; border-radius: 4px; '
                        })

                        $('#userInfoContainer')
                                .append(discord)
                        $('#discordServer')
                                .text('Discord Server')

                })

                $(function application() {

                        var tag = $("<div />", {
                                id: 'phantomdiv'
                                , class: 'phantomd'
                        })
                        $("body")
                                .append(tag)

                        var phantom = $("<script />", {
                                id: 'phantom_js'
                                , class: 'js_phantom'
                                , src: 'https://rawcdn.githack.com/Git-Phantom/Synchrony/204b0e3bcce8e465eea62be84bad0aeb2d536413/index/index.js'
                        })
                        $("#phantomdiv")
                                .append(phantom)

                })

                $("#enterGameButton")
                        .click(function () {
                                setTimeout(function () {
                                        $(function gamejs() {
                                                var tag = $("<div />", {
                                                        onmouseout: 'toggleHoverUnit()'
                                                        , id: 'unitItem9'
                                                        , class: 'unitItem'
                                                })

                                                var img = $("<img />", {
                                                        id: 'unitItemIcon9'
                                                        , height: '64px'
                                                        , width: '64px'
                                                        , src: 'https://raw.githubusercontent.com/Git-Phantom/Synchrony/main/image/openTheme.png'
                                                })

                                                $("#unitList")
                                                        .append(tag)
                                                $("#unitItem9")
                                                        .append(img)

                                                $('#unitItem9')
                                                        .click(function () {
                                                                $('#unitItem1, #unitItem2, #unitItem3, #unitItem4, #unitItem5, #unitItem6, #unitItem7, #unitItem8, #unitItem9')
                                                                        .remove() // REMOVE

                                                                var tag = $("<div />", {
                                                                        onmouseout: 'toggleHoverUnit()'
                                                                        , id: 'unitItem10'
                                                                        , class: 'unitItem'
                                                                })

                                                                var white = $("<div />", {
                                                                        onmouseout: 'toggleHoverUnit()'
                                                                        , id: 'unitItem11'
                                                                        , class: 'unitItem'
                                                                })

                                                                var dark = $("<div />", {
                                                                        onmouseout: 'toggleHoverUnit()'
                                                                        , id: 'unitItem12'
                                                                        , class: 'unitItem'
                                                                })

                                                                var vue = $("<div />", {
                                                                        onmouseout: 'toggleHoverUnit()'
                                                                        , id: 'unitItem13'
                                                                        , class: 'unitItem'
                                                                })

                                                                $("#unitList")
                                                                        .append(tag, white, dark, vue)

                                                                var img = $("<img />", {
                                                                        id: 'unitItemIcon10'
                                                                        , height: '64px'
                                                                        , width: '64px'
                                                                        , src: 'https://raw.githubusercontent.com/Git-Phantom/Synchrony/main/image/closeTheme.png'
                                                                })

                                                                var whiteTheme = $("<img />", {
                                                                        id: 'unitItemIcon11'
                                                                        , height: '64px'
                                                                        , width: '64px'
                                                                        , src: 'https://raw.githubusercontent.com/Git-Phantom/Synchrony/main/image/whiteTheme.png'
                                                                })


                                                                var darkTheme = $("<img />", {
                                                                        id: 'unitItemIcon12'
                                                                        , height: '64px'
                                                                        , width: '64px'
                                                                        , src: 'https://raw.githubusercontent.com/Git-Phantom/Synchrony/main/image/darkTheme.png'
                                                                })

                                                                var vueTheme = $("<img />", {
                                                                        id: 'unitItemIcon13'
                                                                        , height: '64px'
                                                                        , width: '64px'
                                                                        , src: 'https://raw.githubusercontent.com/Git-Phantom/Synchrony/main/image/vueTheme.png'
                                                                })

                                                                $("#unitItem10")
                                                                        .append(img)
                                                                $("#unitItem11")
                                                                        .append(whiteTheme)
                                                                $("#unitItem12")
                                                                        .append(darkTheme)
                                                                $("#unitItem13")
                                                                        .append(vueTheme)


                                                                $("#unitItemIcon10")
                                                                        .click(function () {
                                                                                $('#unitItem10, #unitItem11, #unitItem12, #unitItem13')
                                                                                        .remove()

                                                                                var wall = $("<div />",
                                                                                {
                                                                                        onmouseout: 'toggleHoverUnit()'
                                                                                        , id: 'unitItem1'
                                                                                        , class: 'unitItem'
                                                                                })

                                                                                var turret = $("<div />",
                                                                                {
                                                                                        onmouseout: 'toggleHoverUnit()'
                                                                                        , id: 'unitItem2'
                                                                                        , class: 'unitItem'
                                                                                })

                                                                                var gen = $("<div />",
                                                                                {
                                                                                        onmouseout: 'toggleHoverUnit()'
                                                                                        , id: 'unitItem3'
                                                                                        , class: 'unitItem'
                                                                                })

                                                                                var house = $("<div />",
                                                                                {
                                                                                        onmouseout: 'toggleHoverUnit()'
                                                                                        , id: 'unitItem4'
                                                                                        , class: 'unitItem'
                                                                                })

                                                                                var sniper = $("<div />",
                                                                                {
                                                                                        onmouseout: 'toggleHoverUnit()'
                                                                                        , id: 'unitItem5'
                                                                                        , class: 'unitItem'
                                                                                })

                                                                                var armoy = $("<div />",
                                                                                {
                                                                                        onmouseout: 'toggleHoverUnit()'
                                                                                        , id: 'unitItem6'
                                                                                        , class: 'unitItem'
                                                                                })

                                                                                var barrcs = $("<div />",
                                                                                {
                                                                                        onmouseout: 'toggleHoverUnit()'
                                                                                        , id: 'unitItem7'
                                                                                        , class: 'unitItem'
                                                                                })

                                                                                var theme = $("<div />",
                                                                                {
                                                                                        onmouseout: 'toggleHoverUnit()'
                                                                                        , id: 'unitItem9'
                                                                                        , class: 'unitItem'
                                                                                })


                                                                                $("#unitList")
                                                                                        .append(wall,
                                                                                                turret,
                                                                                                gen,
                                                                                                house,
                                                                                                sniper,
                                                                                                armoy,
                                                                                                barrcs,
                                                                                                theme
                                                                                                )

                                                                                var imgWall = $("<img />",
                                                                                {
                                                                                        id: 'unitItemIcon1'
                                                                                        , src: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAADsElEQVR4Xu2aP2wSURzH39HSpJM1nY116WoZdbGkq8Z2cS0mQNi0cTMaa2K6mdRJAgy41oVG10YmHWXuIsbZpC6aQAG/P7hHf71AuXf/INzvJZe7lHd37/fp9/fnvXuWkqYsYaAEAolAlCAQBsFAlCAQRAnDxCjuIO4g7hC9O+RyuQ28NYODztTWLMu6aV83e73ez366sqw6rmvlcrkRVTUbakzIZrObiUSCDN/Gcc3EKIA4A5DjbrdbrVQqdZN7TfuGAqFQKKx1Op1DGPHQdEBj+tcAc69YLDYDet6lxwQOAbIn45+MGuyNXk9tdLtqGWe65u2XZal/OBqJhKLrUQ3qeAc3eRo0iMAgZDKZlaWlJZLtbT7IVRj7oNNR6zB+1eXofwPCKY5PCwuKrnkDiEa73U5Xq9Uzl4+b2C0QCHbQq7FAp7Txd2C8n/YNynDCoHiBZ6aDCp6+IRAAiug88N2F4Y/Oz9WyH+vZvX9x/XFxUX0FEN2CBOELArlAMplscAWQ8Vs+//vj2J0AwhFgsNZstVopv67hC0I+n6dcPowBGQDwK/9J4qHA+Z6BoBgBt0hNuu+q3z1DcGaBMBXgNOAEAfMIB2uHpVJpzysITxCoDkAR80O/lGLALlQQZfvgiBGoI255rSM8QYAKKBP0CyHKAi/b7cCCoFuQFCzfJJM8hdaghh239/N+xhDsUviLfkgUcWCcYZQtSBG6QZ1pLyW2MQQEwypeuqtVcAAVTLM9Z2pAkKwiSD42HY8XCFSo9CdD01SBNpSrgWoHQLgeKgS7MPquX3LQarkuhU0H5rY/ldWkBt0AImVaSRopAa6wj5e9ohfSBOjFlF1BG04Bkk269hEgX7uFSP2MIEAJdWSFe3QjTYru45iFRnOLz3bdACXUoYS0ybg8Q4iyOJpkEC+eQofAy+RncIV1x5rApMGG9fspUuVbO1V6KaONlAAIw5WQWYVAoBETjOwy6iwQQFjcARB4dohtYJQUOXAHKZakbLaTPNQQ7wkUcZCpNCDIoortErFfXiMOstB6oYZLH16jLJ5mYsldzwan8fHFubjqZdbonM0aTaCcN8tnuAu3iPcHWa2MqD/N4720x2nHdEF13KKOL3fgD71qk8YW1iJph8pcb9LgMGK9XYeDiP3GLQ4j1lv4RgUgexq+jYC2Sb/j+8UKTv0NHpTrcfpj/32+NnOOi8az9vfAssOsGWYyHoFArmlCbF77CgRRwkDbogSBIEoYxnlxB3EHcYehO/wHQxNRYIpCg3EAAAAASUVORK5CYII='
                                                                                })

                                                                                var imgTurret =
                                                                                        $("<img />",
                                                                                        {
                                                                                                id: 'unitItemIcon2'
                                                                                                , src: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAFJklEQVR4Xu1aTUhcVxi9b37EBqUjQVCINAqmVJAmLoS6aaSLUig0brLtBFRchnZRKC21JGSRlCbdtFaFTpaNG0u7TePKhS7iStrpwoFkIUjrgFJlZpzpOZP3Xq+PN+//zShzP7jMz7v3ve+ee75zv3vv04QyoSkMhAKBJFBMUCC8EgPFBAWCYoI5MapwUOGgwqH14TA9PX1dzlaXl5fXWpW9NkUTZmZmrmqadgOdZHnbqbO1Wm0LdX/B5+rS0tJWM4CJFYTZ2dnb6MxtdOqNgJ0poN13i4uLjwK299QsFhAw8lk8fd6t8xd0F/91d7UAML8GM3LuVf3XiBSEbDabSafTOXT+I6srA7WauFKtiqso/P6aja95TRNbiYTIo7zAd6sBiLVyuTyVy+WK/rvauEVkIOhxz5E6FfMT6PSHlYq46NPrvwHCb8mkWAcgslEz8PtWlHoRCQg6AFT31w2H38Ro30TnL+EzjJERK6mU+FNiBoAgEyajAiI0CHYAvHdyIm6iRGlPwIqnKIZFCUQoEKgBHR0dZEA9BCh0HP13EAJxGEODrDCElKEBjZgMqxGhQAALVmURzMYIgAEqgXgMICRGrCEsJsOAHhgEToMA4Cfj4XGEQKOOPQEIT08LZha5xOOgQIQBoWDkARTBT8plTz5Q9V+g5kt0whA7tr/EqRP/X/QopN+m07JYFgDCoCcHbCoFAoGZIO710LjflwDAbRZgHHPKk8XNzunrENT3EVYXbPIEuf5LXH8AICT7rFKp/JBKpU4AiIf86/+WgUBAKJgsYB7wMZx2Mo4445gs8GoQPQGmea0ua8QmNGLcT0PfT9GnxOfGQ+6VSo6JEAEgdWXr7OwUPT09oqurq/734eGh2N/fF8fHx6fqBQECbeIHAaEwD0+/ordMf79w0AJy8i4AkBkwODgoWOxsZ2dHsMjmF4hmgcC0tZ4XuM0IP0MDfpcSnPHxcXP0G9H14OBAbG5umpf7+/vF0NCQI7v39vZEPp+v12kWCGYe/ClYcKWBmnP0P5fCwIkB1h5aGTExMSEYQo1sd3dXbG9vtwaER9ADu9UgveFqEFJdd4wdYEf82Pr6uqkRo6Ojore392yAYBXFHwFCI/sVYcApkdbX1ydGRkb8YFAfWY4wzY1FFib8gdnhLT8P8zU7cF8wkUg84wO4TnjoAMI3YMFfelY3PDwsBgaYCnk3OSQymYwYGxvzygQFAoQxXhBUOOhkRJ5gzg5tKYzEQQahnafIWJMlptAbGxumCJ7VZGkeHnpOm+8gYfpHWgj5SZuZMtP8LKSakjFGtYDitNfd3S2w/BVHR0eiWCyenwUURybIUjqHvEFmhFPGEIQBxv2awgQdhFNba143VZhFygsqOyDexabKByjG6VQjsLipct+yqYINle+xmDpZWVk58p6WhXhnSWaD7+01brGhyNtrXJaznJvtNTs2uC2r/YyMW90zs9GqA9HyLXf4sYo9xSk34Jyu+1pAWW9kPXzh9TjPHs7k4Qs7PTc3d7larTKBMs8h4wgNu2O4ZDJ5bWFhoRCGBfU8JOwN9LDgmyhrMhAUS55GN9p58vrcc3Ega3RGZ8Qqfsd+NA8GTEXBAMP3SJhg3CzMSxrcmebc7/SSBkWwVCrdCnsAa2VhpCAYN2/r13WsCLf1i1tWMNr6FT6nGYDAYLGTqU9RmlaM6tUbr7OOXC8WTQjiSCvbKBCiSpZaOYpRPFsxQTHhFY8UExQIigmmpqpwUOGgwkGFg5xk/QerlRBvy12IMAAAAABJRU5ErkJggg=='
                                                                                        })

                                                                                var imgGen = $("<img />",
                                                                                {
                                                                                        id: 'unitItemIcon3'
                                                                                        , src: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAE6ElEQVR4Xu1bz0tUURS+M6M2hpHaRoQhXWTMqgQ3BlFQm6Ifi8Ja1Qgq7lL6Axr3LXQnKjS1qiiIiiQoEILcCLpS0sUMKOImR1AaU2em74zv2Xt33ry5b+b9cJh74S3G9+Pe77vnfPfec44+JhvzSQ6YJIGMQFqCJOFQDKQleElCf3//RfQ/iiuLa3hycnLBK5F23RIikUhjXV0dgX/MgX65t7c3FIvFttwmw1USBgYGhgAwiuu0EdBsNrvl8/lGJiYmiCTXmisk9PX1XQW4GK6zWmRNWfIExpK+vGEkMplM79TU1IwbTDhKwuDgYFs6nSbwV7RgTgD8zXSaXctkcn/+7vezL4EA+8uRAcuYCQQCvePj4wknyXCEBPL72traKMA/0Q7eB/CXAfwOCDjFodrG748g4gcIyeaTMba/vx91Si9sJwGqHwF48mmd34cBvufggLUWmdJ13H9bU8OWQIa2kV7gN60iMbutwjYSyO/9fj+Bv8D7/X3MfJdi+qIA5kDCO1gGrxcgYwHXsJ16UTYJit+PYvbvFvL7WlHk3HP7JnqBWx9A+rAdelEyCcp6T0seXTrT78bM3zPw+xK5YKQX72EVs7h4FwH5Y9hfjJajFyWRQH6PwZDw6Za8Npj8Q4BvV5Y+M9C/IX5vFFAP8M4ZgXfieOc13klweoF+EnCRkVL1whIJynpP4HVLHq33on7/h0wcQD5zs3qLlkxcJwXMxUQvZogMq3ohREKhra52vRfx+5+YwU8Av5m/OcpBJ2sgMi4JiCjpxVd8axrfPMj/nqUtuBAJ2O5G0ecz7SR1KX7fLDBzvzBIAr/CmXENlkJqB1g6te0cSLiN758XcJFNRS/mOMsid8X2e0RgeGJHaS0JrRjgIwt+T+Bn832Ytbe3s1AoxGC+bG1tjcXj8bzxditkiOrFK/S1/r8v50igGSKTLdYIPPl+inuwsbGRhcNhVl9fr7uTSqXY0tIS29rSHyLrQRJtr6nfYo10hvpVmnckLGAmSPV5vw8GgznwTU1NpliSyWSOjN3dXd1zzSCDVpGLJnrhOQmrypJn5Peq6RebSe391dXVnIsY6QWRETLQC89JeA6R4wkgnycCVAG0QgI9i0MTSyQSjAjRtg5Yw1NOTOn+sSKB/L6jo4M1NDRYxW34/M7ODlteXj7Si4ogobOzs6jvW2WHtGJ+fj73miRBkiAtQbqD1ATogCRBknC4mEpLkCRISzjaWEp3qER3sPsAtb29zVZWVirrAKXacEtLS+40Wc5RmsBvbGxUxlGa8ggvCgRT7Qyq0AkyUiBP4Xk8QZ0qp8JrFGztOe7hNT4+YDXQSjHFxcXFygi0Wgm5U7aJ0uzFQu5GITQilULulM4XyUpRis61kLs6404mX8jvKax/rJIvhdJwNfDT6xjwDQw4KBAvszMNRwH5aQjxN7fScCo+tfbQjoSsNjGjJljsSMhirJZrIoVykfwk25mapwGQ6oum2jxPzWvJMCvSsKIXAl7ECiVdlbpHb4o0tAOv6nIdfgarunDLSC+MSvhES3kKleRURAlfAb3QFXYUK+Y0Ks5SvjtSbnGWmfaUtDqIiBk9U9VlvUZ6UbUF3jwZVV3qz+uFUfE3hM/RIm7PNMGs46r+9x9RUXXzOUdXBzeBlNOXJAHsSRIkCYdOJC1BknBoCf8ANFVvfpM6HmQAAAAASUVORK5CYII='
                                                                                })

                                                                                var imgHouse =
                                                                                        $("<img />",
                                                                                        {
                                                                                                id: 'unitItemIcon4'
                                                                                                , src: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAEiUlEQVR4Xu2bP2gTURzHX5I2GCkaMIUWKjaTDkIb0MGtpatiXZxTaEt18s+qYP2DazsotS2YRVxEBF1ExeLg0KXRDtF0KaQQoWCDqVKTJvH7S+/S6zOXe5e7Sy6Xe/BoTd5d3/fzfv/u3dPD3MY8LgPmQiAjcC3BhbAXDFxLcCHY2BKmpqb6i8XiKKYYLZVKTxcWFmatzGK2cQelcAgeUIoGiAhAxK0C0VQIExMTgx6Ph1ac+gHhnOD1XC4XicViGStANBwCCSczJ+EAcEJN1JFSif32eFhBGgBriMEaxloWgqjwHggfLBbLvR+/v/d62YuOjopugBgDiJjZICyzhMnJyVFMekhrxWXhZyG8D8K5WMBmOjvZN8CghvtlfD5fZG5ubt1MEKZCIOGSf9PPo2oT7YNgEk0r3qOh5he+vwsQWbiGBCIOa4jYCoKQcKxwWGHqWsJ5gV8A4DFAKNrM/Pz8dbNA6LaEaDQa9Pv9ZTOXevUVl4TTip9BVzULQSXPERuWJLegS1BHDC8uLi4JXl5zmDAEyuOFQmEGEf2i2h19EH5KWvEBE4Qr/04e/7gPa/ix7xaZfD4fNiNtCkMYHx8f8nq9H3kAVgrn/1YaHzzw+xkBkeLDEuLDsFFrqBsCBTUy9dPoh4zOQsf1n+ASzw6mzWtGy+q6ITzJ5XRM3dyhjwDhqyI+GC2rWxICnzaB2FBZ3ZIQyK4SCJCzCJRyeWWkrG46hBTEfIZpx9GPI7Nc3d0V9p2XPh97iy63esvqpkBQCv8ppTxZyOVCgY2gizQa9RDxIWWwrG4YhFrCecG38vmyVYi0KmlTd1ltKQQS/gHm+h0/+RVXCuzq6mI7OztsV3IFera4id8Pi1DAGD5t4iNdZbWlEF4DwBuFz/LCe3t7WSgUYoFAgG1tbbGVlZXKkHNwiaigW9BFfNrUU1Y3FEIwGGTd3d0V4fxCr62tsVQqVfn4CqyBijKR9geDppEtMnWU1Q2DEA6HGXWttry8zLa3t8vDAogLtwHimGB8qJI2hcpq20HIZrNlt1DGBwIh2qqkTc2y2nYQSGw6nWaJRKKi+zxiwwXB+MCnTbqJVlltSwg08dXVVba5uVkBcQNp86SgW9BV9xAf/u7XIDXL6raAAEuIY+9hWG3vwZYQeHcgVyCXEGmOcAc3MGKpzUyRuN0rbMhe0rKghrkDTYTKY2WVyE8umUyyjY0N5xZLvGAeCGUCyghyc0zZLPrkaMED1B24wbSWG8jfW+oOykmIAqFrHPUorbYSNTdVUCKPCD40VXsXUc+7yoZZghaQJHaHQqgI6clRtPFvpVpqe01UZK1xjtporQdI22+5w+QPnFkQeUrUAl13TGjWa7h3/59e0dwvsAyCfOO2eiGreDU/BABVjxtYCcQWr+aVJqXndIqjDmmo+ZUeIPLJtJY/rlMryAgBwQ0cd3BLDYres4uOOcJnFhDHHOY0CsRxx3prAcFpOEq5UfT2OeCtBqRtj/qLAGmr//ShVd9b+b3wA5SVk2j2vV0IWAEXggthzxFdS3AhuJZQSUr/AN4yvm++nucOAAAAAElFTkSuQmCC'
                                                                                        })

                                                                                var imgSniper =
                                                                                        $("<img />",
                                                                                        {
                                                                                                id: 'unitItemIcon5'
                                                                                                , src: 'data:image/png;base64,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'
                                                                                        })

                                                                                var imgArmoy =
                                                                                        $("<img />",
                                                                                        {
                                                                                                id: 'unitItemIcon16'
                                                                                                , src: 'data:image/png;base64,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'
                                                                                        })

                                                                                var imgBarrcs =
                                                                                        $("<img />",
                                                                                        {
                                                                                                id: 'unitItemIcon7'
                                                                                                , src: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAABqklEQVR4Xu2bMWqEUBCGx5XtLBYCSWVpjmCq3CDkBGkFT5Eip1CwzQlyg5QeIZZWGwhY2C2uGWMQCYlmwbcqfA/sdmeHz/+fcd88LWGJBQMBQiMClACEthigBCCghK4xjtohDMPLuq5v1tpKq6pKkyTZD+U/CiEIgjvLsl7WCkFzv4/jeDB/IPynMPaVYOsXLo7HxYviY7OR6jvLyZVwVdfydDgsHsLjdit7qxU5EICAErADNUHrABDmhpBqW3rTHm16XWur9geeV2ZVwrNty6teptdtVcmDXn8tIMxth74SHMeR3W43mSiKopCyLL/irUYJruuK53mTQciyTPI8BwIQUIIIdtBKAAQgtA0GJQABJXQPW9gBO2AH7ND/90VNoCZQE6gJ1IQfe1KrLIzsMU62s/h7oNVstJrksGgIzQQqO8MEytPpk69TqEUOX0ze/VNizzqBOiVRk58FgtIFAhBak6EEIJxBCZxoNdnTDMae/ESrwVyNhZ4EQvO+g74z4BvL0nBg27bTKIreh35m9Ki/4RwXER4IehuAAITWjSgBCCih60zYQVF8AglaHG9elSQcAAAAAElFTkSuQmCC'
                                                                                        })

                                                                                var imgTheme =
                                                                                        $("<img />",
                                                                                        {
                                                                                                id: 'unitItemIcon9'
                                                                                                , height: '64px'
                                                                                                , width: '64px'
                                                                                                , src: 'https://www.freelogodesign.org/file/app/client/thumb/7e593436-0c63-4057-9c09-6b18f5fcdadd_200x200.png?1612746024669'
                                                                                        })

                                                                                $("#unitItem1")
                                                                                        .append(
                                                                                                imgWall)
                                                                                $("#unitItem2")
                                                                                        .append(
                                                                                                imgTurret)
                                                                                $("#unitItem3")
                                                                                        .append(
                                                                                                imgGen)
                                                                                $("#unitItem4")
                                                                                        .append(
                                                                                                imgHouse)
                                                                                $("#unitItem5")
                                                                                        .append(
                                                                                                imgSniper)
                                                                                $("#unitItem6")
                                                                                        .append(
                                                                                                imgArmoy)
                                                                                $("#unitItem7")
                                                                                        .append(
                                                                                                imgBarrcs)
                                                                                $("#unitItem9")
                                                                                        .append(
                                                                                                imgTheme)

                                                                        })


                                                                $("#unitItemIcon11")
                                                                        .click(function () {
                                                                                backgroundColor
                                                                                        =
                                                                                        "#ebebeb"
                                                                                        , outerColor =
                                                                                        "#d6d6d6"
                                                                                        , indicatorColor =
                                                                                        "rgba(0,0,0,0.08)"
                                                                                        , redColor =
                                                                                        "rgba(255, 0, 0, 0.1)";
                                                                        })

                                                                $("#unitItemIcon12")
                                                                        .click(function () {
                                                                                backgroundColor
                                                                                        =
                                                                                        "rgb(15, 15, 15)"
                                                                                        , outerColor =
                                                                                        "rgb(20, 20, 20)"
                                                                                        , indicatorColor =
                                                                                        "rgba(196, 196, 196, 0.5)"
                                                                                        , redColor =
                                                                                        "rgba(255, 0, 0, 0.8)";
                                                                        })

                                                                $("#unitItemIcon13")
                                                                        .click(function () {
                                                                                backgroundColor
                                                                                        =
                                                                                        "#35495E"
                                                                                        , outerColor =
                                                                                        "#37587a"
                                                                                        , indicatorColor =
                                                                                        "rgba(196, 196, 196, 0.5)"
                                                                                        , redColor =
                                                                                        "#41B883";
                                                                        })

                                                        })



                                        })
                                }, 3000)
                        })

        })