diff --git a/src/Games/Brick_Blaster/image.png b/src/Games/Brick_Blaster/image.png
index 1e155b8b..e6ced71d 100644
Binary files a/src/Games/Brick_Blaster/image.png and b/src/Games/Brick_Blaster/image.png differ
diff --git a/src/Games/Candy Crush Game/src/assets/background.png b/src/Games/Candy Crush Game/src/assets/background.png
index b017fc58..59684115 100644
Binary files a/src/Games/Candy Crush Game/src/assets/background.png and b/src/Games/Candy Crush Game/src/assets/background.png differ
diff --git a/src/Games/Candy Crush Game/src/assets/candyFive.png b/src/Games/Candy Crush Game/src/assets/candyFive.png
index 9d0988dc..00f64a10 100644
Binary files a/src/Games/Candy Crush Game/src/assets/candyFive.png and b/src/Games/Candy Crush Game/src/assets/candyFive.png differ
diff --git a/src/Games/Candy Crush Game/src/assets/candyFour.png b/src/Games/Candy Crush Game/src/assets/candyFour.png
index c630d75f..979d26a4 100644
Binary files a/src/Games/Candy Crush Game/src/assets/candyFour.png and b/src/Games/Candy Crush Game/src/assets/candyFour.png differ
diff --git a/src/Games/Candy Crush Game/src/assets/candyOne.png b/src/Games/Candy Crush Game/src/assets/candyOne.png
index 473a257a..3cf2efcb 100644
Binary files a/src/Games/Candy Crush Game/src/assets/candyOne.png and b/src/Games/Candy Crush Game/src/assets/candyOne.png differ
diff --git a/src/Games/Candy Crush Game/src/assets/candySeven.png b/src/Games/Candy Crush Game/src/assets/candySeven.png
index 12c9c740..88aaaf0d 100644
Binary files a/src/Games/Candy Crush Game/src/assets/candySeven.png and b/src/Games/Candy Crush Game/src/assets/candySeven.png differ
diff --git a/src/Games/Candy Crush Game/src/assets/candySix.png b/src/Games/Candy Crush Game/src/assets/candySix.png
index 9cd1c93d..e65efc51 100644
Binary files a/src/Games/Candy Crush Game/src/assets/candySix.png and b/src/Games/Candy Crush Game/src/assets/candySix.png differ
diff --git a/src/Games/Candy Crush Game/src/assets/candyThree.png b/src/Games/Candy Crush Game/src/assets/candyThree.png
index 6fa944e1..74c604cb 100644
Binary files a/src/Games/Candy Crush Game/src/assets/candyThree.png and b/src/Games/Candy Crush Game/src/assets/candyThree.png differ
diff --git a/src/Games/Candy Crush Game/src/assets/candyTwo.png b/src/Games/Candy Crush Game/src/assets/candyTwo.png
index 915b3307..9686d74d 100644
Binary files a/src/Games/Candy Crush Game/src/assets/candyTwo.png and b/src/Games/Candy Crush Game/src/assets/candyTwo.png differ
diff --git a/src/Games/Connect Four Game/preview.png b/src/Games/Connect Four Game/preview.png
index ccfeed56..396f1897 100644
Binary files a/src/Games/Connect Four Game/preview.png and b/src/Games/Connect Four Game/preview.png differ
diff --git a/src/Games/Connect Four Game/public/logo-32X32.png b/src/Games/Connect Four Game/public/logo-32X32.png
index d056c503..9b1561b5 100644
Binary files a/src/Games/Connect Four Game/public/logo-32X32.png and b/src/Games/Connect Four Game/public/logo-32X32.png differ
diff --git a/src/Games/Connect Four Game/src/assets/images/logo-32X32.png b/src/Games/Connect Four Game/src/assets/images/logo-32X32.png
index d056c503..d64d9370 100644
Binary files a/src/Games/Connect Four Game/src/assets/images/logo-32X32.png and b/src/Games/Connect Four Game/src/assets/images/logo-32X32.png differ
diff --git a/src/Games/Flappy_Bubble_sofa/assets/img/logo.png b/src/Games/Flappy_Bubble_sofa/assets/img/logo.png
index b7c597be..3d4a8437 100644
Binary files a/src/Games/Flappy_Bubble_sofa/assets/img/logo.png and b/src/Games/Flappy_Bubble_sofa/assets/img/logo.png differ
diff --git a/src/Games/Flappy_Bubble_sofa/assets/readme/image-1.png b/src/Games/Flappy_Bubble_sofa/assets/readme/image-1.png
index b8f3c02c..996835a7 100644
Binary files a/src/Games/Flappy_Bubble_sofa/assets/readme/image-1.png and b/src/Games/Flappy_Bubble_sofa/assets/readme/image-1.png differ
diff --git a/src/Games/Flappy_Bubble_sofa/assets/readme/image.png b/src/Games/Flappy_Bubble_sofa/assets/readme/image.png
index f50c3e49..1d4b1d0e 100644
Binary files a/src/Games/Flappy_Bubble_sofa/assets/readme/image.png and b/src/Games/Flappy_Bubble_sofa/assets/readme/image.png differ
diff --git a/src/Games/Flexcode/images/frog-green-color-assist.svg b/src/Games/Flexcode/images/frog-green-color-assist.svg
index 17c92c00..d78ecd7c 100644
--- a/src/Games/Flexcode/images/frog-green-color-assist.svg
+++ b/src/Games/Flexcode/images/frog-green-color-assist.svg
@@ -1,25 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="210px" height="155px" viewBox="0 0 210 155" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>frog-green</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="frog-green" transform="translate(-13.000000, 0.000000)">
-            <circle id="Oval-29" fill="#69DA6B" cx="73" cy="24" r="24"></circle>
-            <circle id="Oval-29" fill="#69DA6B" cx="163" cy="24" r="24"></circle>
-            <g id="frog-green-+-Rectangle-30" transform="translate(0.000000, 51.000000)" fill="#4CC24F">
-                <ellipse id="frog-green" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578) " cx="46.5381931" cy="57.0265777" rx="26.5" ry="50.5"></ellipse>
-                <rect id="Rectangle-30" x="13" y="89" width="56" height="15" rx="7.5"></rect>
-            </g>
-            <g id="frog-green-+-Rectangle-30" transform="translate(189.000000, 108.500000) scale(-1, 1) translate(-189.000000, -108.500000) translate(142.000000, 51.000000)" fill="#4CC24F">
-                <ellipse id="frog-green" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578) " cx="46.5381931" cy="57.0265777" rx="26.5" ry="50.5"></ellipse>
-                <rect id="Rectangle-30" x="13" y="89" width="56" height="15" rx="7.5"></rect>
-            </g>
-            <rect id="Rectangle-30" fill="#69DA6B" x="49" y="17" width="138" height="138" rx="9"></rect>
-            <circle id="Oval-37" stroke="#FFFFFF" stroke-width="5" fill="#000000" cx="73" cy="24" r="12"></circle>
-            <circle id="Oval-37" stroke="#FFFFFF" stroke-width="5" fill="#000000" cx="163" cy="24" r="12"></circle>
-            <rect id="Rectangle-33" fill="#77F87A" x="62" y="69" width="110" height="70" rx="9"></rect>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="210" height="155" version="1.1" viewBox="0 0 210 155"><title>frog-green</title><desc>Created with Sketch.</desc><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="frog-green" transform="translate(-13.000000, 0.000000)"><circle id="Oval-29" cx="73" cy="24" r="24" fill="#69DA6B"/><circle id="Oval-29" cx="163" cy="24" r="24" fill="#69DA6B"/><g id="frog-green-+-Rectangle-30" fill="#4CC24F" transform="translate(0.000000, 51.000000)"><ellipse id="frog-green" cx="46.538" cy="57.027" rx="26.5" ry="50.5" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578)"/><rect id="Rectangle-30" width="56" height="15" x="13" y="89" rx="7.5"/></g><g id="frog-green-+-Rectangle-30" fill="#4CC24F" transform="translate(189.000000, 108.500000) scale(-1, 1) translate(-189.000000, -108.500000) translate(142.000000, 51.000000)"><ellipse id="frog-green" cx="46.538" cy="57.027" rx="26.5" ry="50.5" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578)"/><rect id="Rectangle-30" width="56" height="15" x="13" y="89" rx="7.5"/></g><rect id="Rectangle-30" width="138" height="138" x="49" y="17" fill="#69DA6B" rx="9"/><circle id="Oval-37" cx="73" cy="24" r="12" fill="#000" stroke="#FFF" stroke-width="5"/><circle id="Oval-37" cx="163" cy="24" r="12" fill="#000" stroke="#FFF" stroke-width="5"/><rect id="Rectangle-33" width="110" height="70" x="62" y="69" fill="#77F87A" rx="9"/></g></g></svg>
\ No newline at end of file
diff --git a/src/Games/Flexcode/images/frog-green.svg b/src/Games/Flexcode/images/frog-green.svg
index 587b1bcf..cd255507 100644
--- a/src/Games/Flexcode/images/frog-green.svg
+++ b/src/Games/Flexcode/images/frog-green.svg
@@ -1,25 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="210px" height="158px" viewBox="0 0 210 210" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.4.3 (16618) - http://www.bohemiancoding.com/sketch -->
-    <title>frog-green</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage" transform="translate(0, 26)">
-        <g id="frog-green" sketch:type="MSLayerGroup" transform="translate(-13.000000, 0.000000)">
-            <circle id="Oval-29" fill="#69DA6B" sketch:type="MSShapeGroup" cx="73" cy="24" r="24"></circle>
-            <circle id="Oval-29" fill="#69DA6B" sketch:type="MSShapeGroup" cx="163" cy="24" r="24"></circle>
-            <g id="frog-green-+-Rectangle-30" transform="translate(0.000000, 54.000000)" sketch:type="MSShapeGroup" fill="#4CC24F">
-                <ellipse id="frog-green" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578) " cx="46.5381931" cy="57.0265777" rx="26.5" ry="50.5"></ellipse>
-                <rect id="Rectangle-30" x="13" y="89" width="56" height="15" rx="9"></rect>
-            </g>
-            <g id="frog-green-+-Rectangle-30" transform="translate(189.000000, 111.500000) scale(-1, 1) translate(-189.000000, -111.500000) translate(142.000000, 54.000000)" sketch:type="MSShapeGroup" fill="#4CC24F">
-                <ellipse id="frog-green" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578) " cx="46.5381931" cy="57.0265777" rx="26.5" ry="50.5"></ellipse>
-                <rect id="Rectangle-30" x="13" y="89" width="56" height="15" rx="9"></rect>
-            </g>
-            <rect id="Rectangle-30" fill="#69DA6B" sketch:type="MSShapeGroup" x="49" y="20" width="138" height="138" rx="9"></rect>
-            <circle id="Oval-37" stroke="#FFFFFF" stroke-width="5" fill="#000000" sketch:type="MSShapeGroup" cx="73" cy="24" r="12"></circle>
-            <circle id="Oval-37" stroke="#FFFFFF" stroke-width="5" fill="#000000" sketch:type="MSShapeGroup" cx="163" cy="24" r="12"></circle>
-            <rect id="Rectangle-33" fill="#77F87A" sketch:type="MSShapeGroup" x="62" y="72" width="110" height="70" rx="9"></rect>
-        </g>
-    </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="210" height="158" preserveAspectRatio="none" version="1.1" viewBox="0 0 210 210"><title>frog-green</title><desc>Created with Sketch.</desc><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" transform="translate(0, 26)"><g id="frog-green" transform="translate(-13.000000, 0.000000)"><circle id="Oval-29" cx="73" cy="24" r="24" fill="#69DA6B"/><circle id="Oval-29" cx="163" cy="24" r="24" fill="#69DA6B"/><g id="frog-green-+-Rectangle-30" fill="#4CC24F" transform="translate(0.000000, 54.000000)"><ellipse id="frog-green" cx="46.538" cy="57.027" rx="26.5" ry="50.5" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578)"/><rect id="Rectangle-30" width="56" height="15" x="13" y="89" rx="9"/></g><g id="frog-green-+-Rectangle-30" fill="#4CC24F" transform="translate(189.000000, 111.500000) scale(-1, 1) translate(-189.000000, -111.500000) translate(142.000000, 54.000000)"><ellipse id="frog-green" cx="46.538" cy="57.027" rx="26.5" ry="50.5" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578)"/><rect id="Rectangle-30" width="56" height="15" x="13" y="89" rx="9"/></g><rect id="Rectangle-30" width="138" height="138" x="49" y="20" fill="#69DA6B" rx="9"/><circle id="Oval-37" cx="73" cy="24" r="12" fill="#000" stroke="#FFF" stroke-width="5"/><circle id="Oval-37" cx="163" cy="24" r="12" fill="#000" stroke="#FFF" stroke-width="5"/><rect id="Rectangle-33" width="110" height="70" x="62" y="72" fill="#77F87A" rx="9"/></g></g></svg>
\ No newline at end of file
diff --git a/src/Games/Flexcode/images/frog-red-color-assist.svg b/src/Games/Flexcode/images/frog-red-color-assist.svg
index 8119efe6..95d63a90 100644
--- a/src/Games/Flexcode/images/frog-red-color-assist.svg
+++ b/src/Games/Flexcode/images/frog-red-color-assist.svg
@@ -1,58 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="210px" height="154px" viewBox="0 0 210 154" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>frog-red</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <ellipse id="path-1" cx="46.5381931" cy="57.0265777" rx="26.5" ry="50.5"></ellipse>
-        <ellipse id="path-3" cx="46.5381931" cy="57.0265777" rx="26.5" ry="50.5"></ellipse>
-        <rect id="path-5" x="0" y="0" width="138" height="138" rx="9"></rect>
-        <rect id="path-7" x="0" y="0" width="110" height="70" rx="9"></rect>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="frog-red" transform="translate(-13.000000, 0.000000)">
-            <circle id="Oval-29" fill="#F66A68" cx="73" cy="24" r="24"></circle>
-            <circle id="Oval-29" fill="#F66A68" cx="163" cy="24" r="24"></circle>
-            <g id="frog-green-+-Rectangle-30" transform="translate(0.000000, 50.000000)">
-                <g id="Oval">
-                    <mask id="mask-2" fill="white">
-                        <use xlink:href="#path-1"></use>
-                    </mask>
-                    <use id="Mask" fill="#EE302D" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578) " xlink:href="#path-1"></use>
-                    <circle fill-opacity="0.7" fill="#FFFFFF" mask="url(#mask-2)" cx="55" cy="30" r="20"></circle>
-                    <circle fill-opacity="0.7" fill="#FFFFFF" mask="url(#mask-2)" cx="15" cy="70" r="20"></circle>
-                </g>
-                <rect id="Rectangle-30" fill="#EE302D" x="13" y="89" width="56" height="15" rx="7.5"></rect>
-            </g>
-            <g id="frog-green-+-Rectangle-30" transform="translate(189.000000, 107.500000) scale(-1, 1) translate(-189.000000, -107.500000) translate(142.000000, 50.000000)">
-                <g id="Oval">
-                    <mask id="mask-4" fill="white">
-                        <use xlink:href="#path-3"></use>
-                    </mask>
-                    <use id="Mask" fill="#EE302D" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578) " xlink:href="#path-3"></use>
-                    <circle fill-opacity="0.7" fill="#FFFFFF" mask="url(#mask-4)" cx="15" cy="37" r="20"></circle>
-                </g>
-                <rect id="Rectangle-30" fill="#EE302D" x="13" y="89" width="56" height="15" rx="7.5"></rect>
-            </g>
-            <g id="Oval" transform="translate(49.000000, 16.000000)">
-                <mask id="mask-6" fill="white">
-                    <use xlink:href="#path-5"></use>
-                </mask>
-                <use id="Mask" fill="#F66A68" xlink:href="#path-5"></use>
-                <circle fill-opacity="0.7" fill="#FFFFFF" mask="url(#mask-6)" cx="73" cy="13" r="20"></circle>
-            </g>
-            <circle id="Oval-37" stroke="#FFFFFF" stroke-width="5" fill="#000000" cx="73" cy="24" r="12"></circle>
-            <circle id="Oval-37" stroke="#FFFFFF" stroke-width="5" fill="#000000" cx="163" cy="24" r="12"></circle>
-            <circle id="Oval" fill-opacity="0.7" fill="#FFFFFF" cx="93" cy="71" r="20"></circle>
-            <g id="Oval" transform="translate(62.000000, 69.000000)">
-                <mask id="mask-8" fill="white">
-                    <use xlink:href="#path-7"></use>
-                </mask>
-                <use id="Mask" fill="#FA9290" xlink:href="#path-7"></use>
-                <circle fill-opacity="0.7" fill="#FFFFFF" mask="url(#mask-8)" cx="26" cy="75" r="20"></circle>
-                <circle fill-opacity="0.7" fill="#FFFFFF" mask="url(#mask-8)" cx="55" cy="31" r="20"></circle>
-                <circle fill-opacity="0.7" fill="#FFFFFF" mask="url(#mask-8)" cx="103" cy="56" r="20"></circle>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="210" height="154" version="1.1" viewBox="0 0 210 154"><title>frog-red</title><desc>Created with Sketch.</desc><defs><ellipse id="path-1" cx="46.538" cy="57.027" rx="26.5" ry="50.5"/><ellipse id="path-3" cx="46.538" cy="57.027" rx="26.5" ry="50.5"/><rect id="path-5" width="138" height="138" x="0" y="0" rx="9"/><rect id="path-7" width="110" height="70" x="0" y="0" rx="9"/></defs><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="frog-red" transform="translate(-13.000000, 0.000000)"><circle id="Oval-29" cx="73" cy="24" r="24" fill="#F66A68"/><circle id="Oval-29" cx="163" cy="24" r="24" fill="#F66A68"/><g id="frog-green-+-Rectangle-30" transform="translate(0.000000, 50.000000)"><g id="Oval"><mask id="mask-2" fill="#fff"><use xlink:href="#path-1"/></mask><use id="Mask" fill="#EE302D" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578)" xlink:href="#path-1"/><circle cx="55" cy="30" r="20" fill="#FFF" fill-opacity=".7" mask="url(#mask-2)"/><circle cx="15" cy="70" r="20" fill="#FFF" fill-opacity=".7" mask="url(#mask-2)"/></g><rect id="Rectangle-30" width="56" height="15" x="13" y="89" fill="#EE302D" rx="7.5"/></g><g id="frog-green-+-Rectangle-30" transform="translate(189.000000, 107.500000) scale(-1, 1) translate(-189.000000, -107.500000) translate(142.000000, 50.000000)"><g id="Oval"><mask id="mask-4" fill="#fff"><use xlink:href="#path-3"/></mask><use id="Mask" fill="#EE302D" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578)" xlink:href="#path-3"/><circle cx="15" cy="37" r="20" fill="#FFF" fill-opacity=".7" mask="url(#mask-4)"/></g><rect id="Rectangle-30" width="56" height="15" x="13" y="89" fill="#EE302D" rx="7.5"/></g><g id="Oval" transform="translate(49.000000, 16.000000)"><mask id="mask-6" fill="#fff"><use xlink:href="#path-5"/></mask><use id="Mask" fill="#F66A68" xlink:href="#path-5"/><circle cx="73" cy="13" r="20" fill="#FFF" fill-opacity=".7" mask="url(#mask-6)"/></g><circle id="Oval-37" cx="73" cy="24" r="12" fill="#000" stroke="#FFF" stroke-width="5"/><circle id="Oval-37" cx="163" cy="24" r="12" fill="#000" stroke="#FFF" stroke-width="5"/><circle id="Oval" cx="93" cy="71" r="20" fill="#FFF" fill-opacity=".7"/><g id="Oval" transform="translate(62.000000, 69.000000)"><mask id="mask-8" fill="#fff"><use xlink:href="#path-7"/></mask><use id="Mask" fill="#FA9290" xlink:href="#path-7"/><circle cx="26" cy="75" r="20" fill="#FFF" fill-opacity=".7" mask="url(#mask-8)"/><circle cx="55" cy="31" r="20" fill="#FFF" fill-opacity=".7" mask="url(#mask-8)"/><circle cx="103" cy="56" r="20" fill="#FFF" fill-opacity=".7" mask="url(#mask-8)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/Games/Flexcode/images/frog-red.svg b/src/Games/Flexcode/images/frog-red.svg
index f4e8b49d..f9ef7ab5 100644
--- a/src/Games/Flexcode/images/frog-red.svg
+++ b/src/Games/Flexcode/images/frog-red.svg
@@ -1,25 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="210px" height="158px" viewBox="0 0 210 210" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.4.3 (16618) - http://www.bohemiancoding.com/sketch -->
-    <title>frog-red</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage" transform="translate(0, 26)">
-        <g id="frog-red" sketch:type="MSLayerGroup" transform="translate(-13.000000, 0.000000)">
-            <circle id="Oval-29" fill="#F66A68" sketch:type="MSShapeGroup" cx="73" cy="24" r="24"></circle>
-            <circle id="Oval-29" fill="#F66A68" sketch:type="MSShapeGroup" cx="163" cy="24" r="24"></circle>
-            <g id="frog-green-+-Rectangle-30" transform="translate(0.000000, 54.000000)" sketch:type="MSShapeGroup" fill="#EE302D">
-                <ellipse id="frog-green" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578) " cx="46.5381931" cy="57.0265777" rx="26.5" ry="50.5"></ellipse>
-                <rect id="Rectangle-30" x="13" y="89" width="56" height="15" rx="9"></rect>
-            </g>
-            <g id="frog-green-+-Rectangle-30" transform="translate(189.000000, 111.500000) scale(-1, 1) translate(-189.000000, -111.500000) translate(142.000000, 54.000000)" sketch:type="MSShapeGroup" fill="#EE302D">
-                <ellipse id="frog-green" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578) " cx="46.5381931" cy="57.0265777" rx="26.5" ry="50.5"></ellipse>
-                <rect id="Rectangle-30" x="13" y="89" width="56" height="15" rx="9"></rect>
-            </g>
-            <rect id="Rectangle-30" fill="#F66A68" sketch:type="MSShapeGroup" x="49" y="20" width="138" height="138" rx="9"></rect>
-            <circle id="Oval-37" stroke="#FFFFFF" stroke-width="5" fill="#000000" sketch:type="MSShapeGroup" cx="73" cy="24" r="12"></circle>
-            <circle id="Oval-37" stroke="#FFFFFF" stroke-width="5" fill="#000000" sketch:type="MSShapeGroup" cx="163" cy="24" r="12"></circle>
-            <rect id="Rectangle-33" fill="#FB9290" sketch:type="MSShapeGroup" x="62" y="72" width="110" height="70" rx="9"></rect>
-        </g>
-    </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="210" height="158" preserveAspectRatio="none" version="1.1" viewBox="0 0 210 210"><title>frog-red</title><desc>Created with Sketch.</desc><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" transform="translate(0, 26)"><g id="frog-red" transform="translate(-13.000000, 0.000000)"><circle id="Oval-29" cx="73" cy="24" r="24" fill="#F66A68"/><circle id="Oval-29" cx="163" cy="24" r="24" fill="#F66A68"/><g id="frog-green-+-Rectangle-30" fill="#EE302D" transform="translate(0.000000, 54.000000)"><ellipse id="frog-green" cx="46.538" cy="57.027" rx="26.5" ry="50.5" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578)"/><rect id="Rectangle-30" width="56" height="15" x="13" y="89" rx="9"/></g><g id="frog-green-+-Rectangle-30" fill="#EE302D" transform="translate(189.000000, 111.500000) scale(-1, 1) translate(-189.000000, -111.500000) translate(142.000000, 54.000000)"><ellipse id="frog-green" cx="46.538" cy="57.027" rx="26.5" ry="50.5" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578)"/><rect id="Rectangle-30" width="56" height="15" x="13" y="89" rx="9"/></g><rect id="Rectangle-30" width="138" height="138" x="49" y="20" fill="#F66A68" rx="9"/><circle id="Oval-37" cx="73" cy="24" r="12" fill="#000" stroke="#FFF" stroke-width="5"/><circle id="Oval-37" cx="163" cy="24" r="12" fill="#000" stroke="#FFF" stroke-width="5"/><rect id="Rectangle-33" width="110" height="70" x="62" y="72" fill="#FB9290" rx="9"/></g></g></svg>
\ No newline at end of file
diff --git a/src/Games/Flexcode/images/frog-yellow-color-assist.svg b/src/Games/Flexcode/images/frog-yellow-color-assist.svg
index 0e708e53..d8457f85 100644
--- a/src/Games/Flexcode/images/frog-yellow-color-assist.svg
+++ b/src/Games/Flexcode/images/frog-yellow-color-assist.svg
@@ -1,68 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="210px" height="155px" viewBox="0 0 210 155" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>frog-yellow</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <circle id="path-1" cx="24" cy="24" r="24"></circle>
-        <circle id="path-3" cx="24" cy="24" r="24"></circle>
-        <rect id="path-5" x="0" y="0" width="138" height="138" rx="9"></rect>
-        <rect id="path-7" x="0" y="0" width="138" height="138" rx="9"></rect>
-        <rect id="path-9" x="0" y="0" width="110" height="70" rx="9"></rect>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="frog-yellow" transform="translate(-13.000000, -24.000000)">
-            <rect id="Rectangle-51" fill-opacity="0" fill="#D8D8D8" x="13" y="0" width="210" height="210"></rect>
-            <g id="Rectangle" transform="translate(49.000000, 24.000000)">
-                <mask id="mask-2" fill="white">
-                    <use xlink:href="#path-1"></use>
-                </mask>
-                <use id="Mask" fill="#FAFA41" xlink:href="#path-1"></use>
-                <rect fill="#C2C22C" mask="url(#mask-2)" x="6" y="-4" width="25" height="169"></rect>
-            </g>
-            <g id="Rectangle" transform="translate(139.000000, 24.000000)">
-                <mask id="mask-4" fill="white">
-                    <use xlink:href="#path-3"></use>
-                </mask>
-                <use id="Mask" fill="#FAFA41" xlink:href="#path-3"></use>
-                <rect fill="#C2C22C" mask="url(#mask-4)" x="16" y="-4" width="25" height="169"></rect>
-            </g>
-            <g id="frog-green-+-Rectangle-30" transform="translate(0.000000, 75.000000)" fill="#ECEC00">
-                <ellipse id="frog-green" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578) " cx="46.5381931" cy="57.0265777" rx="26.5" ry="50.5"></ellipse>
-                <rect id="Rectangle-30" x="13" y="89" width="56" height="15" rx="7.5"></rect>
-            </g>
-            <g id="frog-green-+-Rectangle-30" transform="translate(189.000000, 132.500000) scale(-1, 1) translate(-189.000000, -132.500000) translate(142.000000, 75.000000)" fill="#ECEC00">
-                <ellipse id="frog-green" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578) " cx="46.5381931" cy="57.0265777" rx="26.5" ry="50.5"></ellipse>
-                <rect id="Rectangle-30" x="13" y="89" width="56" height="15" rx="7.5"></rect>
-            </g>
-            <g id="Rectangle" transform="translate(49.000000, 41.000000)">
-                <mask id="mask-6" fill="white">
-                    <use xlink:href="#path-5"></use>
-                </mask>
-                <use id="Mask" fill="#FAFA41" xlink:href="#path-5"></use>
-                <rect fill="#B6B628" mask="url(#mask-6)" x="54" y="-11" width="30" height="169"></rect>
-                <rect fill="#B6B628" mask="url(#mask-6)" x="-6" y="-21" width="30" height="169"></rect>
-            </g>
-            <g id="Rectangle" transform="translate(49.000000, 41.000000)">
-                <mask id="mask-8" fill="white">
-                    <use xlink:href="#path-7"></use>
-                </mask>
-                <use id="Mask" fill="#FAFA41" xlink:href="#path-7"></use>
-                <rect fill="#C2C22C" mask="url(#mask-8)" x="56" y="-10" width="25" height="169"></rect>
-                <rect fill="#C2C22C" mask="url(#mask-8)" x="6" y="-21" width="25" height="169"></rect>
-                <rect fill="#C2C22C" mask="url(#mask-8)" x="106" y="-21" width="25" height="169"></rect>
-            </g>
-            <circle id="Oval-37" stroke="#FFFFFF" stroke-width="5" fill="#000000" cx="73" cy="48" r="12"></circle>
-            <circle id="Oval-37" stroke="#FFFFFF" stroke-width="5" fill="#000000" cx="163" cy="48" r="12"></circle>
-            <g id="Rectangle-+-Rectangle-Mask" transform="translate(62.000000, 93.000000)">
-                <mask id="mask-10" fill="white">
-                    <use xlink:href="#path-9"></use>
-                </mask>
-                <use id="Mask" fill="#FFFF95" xlink:href="#path-9"></use>
-                <rect id="Rectangle" fill="#EDED4B" mask="url(#mask-10)" x="43" y="-63" width="25" height="169"></rect>
-                <rect id="Rectangle" fill="#EDED4B" mask="url(#mask-10)" x="93" y="-73" width="40" height="169"></rect>
-                <rect id="Rectangle" fill="#EDED4B" mask="url(#mask-10)" x="-22" y="-73" width="40" height="169"></rect>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="210" height="155" version="1.1" viewBox="0 0 210 155"><title>frog-yellow</title><desc>Created with Sketch.</desc><defs><circle id="path-1" cx="24" cy="24" r="24"/><circle id="path-3" cx="24" cy="24" r="24"/><rect id="path-5" width="138" height="138" x="0" y="0" rx="9"/><rect id="path-7" width="138" height="138" x="0" y="0" rx="9"/><rect id="path-9" width="110" height="70" x="0" y="0" rx="9"/></defs><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="frog-yellow" transform="translate(-13.000000, -24.000000)"><rect id="Rectangle-51" width="210" height="210" x="13" y="0" fill="#D8D8D8" fill-opacity="0"/><g id="Rectangle" transform="translate(49.000000, 24.000000)"><mask id="mask-2" fill="#fff"><use xlink:href="#path-1"/></mask><use id="Mask" fill="#FAFA41" xlink:href="#path-1"/><rect width="25" height="169" x="6" y="-4" fill="#C2C22C" mask="url(#mask-2)"/></g><g id="Rectangle" transform="translate(139.000000, 24.000000)"><mask id="mask-4" fill="#fff"><use xlink:href="#path-3"/></mask><use id="Mask" fill="#FAFA41" xlink:href="#path-3"/><rect width="25" height="169" x="16" y="-4" fill="#C2C22C" mask="url(#mask-4)"/></g><g id="frog-green-+-Rectangle-30" fill="#ECEC00" transform="translate(0.000000, 75.000000)"><ellipse id="frog-green" cx="46.538" cy="57.027" rx="26.5" ry="50.5" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578)"/><rect id="Rectangle-30" width="56" height="15" x="13" y="89" rx="7.5"/></g><g id="frog-green-+-Rectangle-30" fill="#ECEC00" transform="translate(189.000000, 132.500000) scale(-1, 1) translate(-189.000000, -132.500000) translate(142.000000, 75.000000)"><ellipse id="frog-green" cx="46.538" cy="57.027" rx="26.5" ry="50.5" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578)"/><rect id="Rectangle-30" width="56" height="15" x="13" y="89" rx="7.5"/></g><g id="Rectangle" transform="translate(49.000000, 41.000000)"><mask id="mask-6" fill="#fff"><use xlink:href="#path-5"/></mask><use id="Mask" fill="#FAFA41" xlink:href="#path-5"/><rect width="30" height="169" x="54" y="-11" fill="#B6B628" mask="url(#mask-6)"/><rect width="30" height="169" x="-6" y="-21" fill="#B6B628" mask="url(#mask-6)"/></g><g id="Rectangle" transform="translate(49.000000, 41.000000)"><mask id="mask-8" fill="#fff"><use xlink:href="#path-7"/></mask><use id="Mask" fill="#FAFA41" xlink:href="#path-7"/><rect width="25" height="169" x="56" y="-10" fill="#C2C22C" mask="url(#mask-8)"/><rect width="25" height="169" x="6" y="-21" fill="#C2C22C" mask="url(#mask-8)"/><rect width="25" height="169" x="106" y="-21" fill="#C2C22C" mask="url(#mask-8)"/></g><circle id="Oval-37" cx="73" cy="48" r="12" fill="#000" stroke="#FFF" stroke-width="5"/><circle id="Oval-37" cx="163" cy="48" r="12" fill="#000" stroke="#FFF" stroke-width="5"/><g id="Rectangle-+-Rectangle-Mask" transform="translate(62.000000, 93.000000)"><mask id="mask-10" fill="#fff"><use xlink:href="#path-9"/></mask><use id="Mask" fill="#FFFF95" xlink:href="#path-9"/><rect id="Rectangle" width="25" height="169" x="43" y="-63" fill="#EDED4B" mask="url(#mask-10)"/><rect id="Rectangle" width="40" height="169" x="93" y="-73" fill="#EDED4B" mask="url(#mask-10)"/><rect id="Rectangle" width="40" height="169" x="-22" y="-73" fill="#EDED4B" mask="url(#mask-10)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/Games/Flexcode/images/frog-yellow.svg b/src/Games/Flexcode/images/frog-yellow.svg
index 79ac9b06..36a4afb7 100644
--- a/src/Games/Flexcode/images/frog-yellow.svg
+++ b/src/Games/Flexcode/images/frog-yellow.svg
@@ -1,26 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="210px" height="158px" viewBox="0 0 210 210" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.4.3 (16618) - http://www.bohemiancoding.com/sketch -->
-    <title>frog-yellow</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage" transform="translate(0, 26)">
-        <g id="frog-yellow" sketch:type="MSLayerGroup" transform="translate(-13.000000, -21.000000)">
-            <rect id="Rectangle-51" fill-opacity="0" fill="#D8D8D8" sketch:type="MSShapeGroup" x="13" y="0" width="210" height="210"></rect>
-            <circle id="Oval-29" fill="#FAFA41" sketch:type="MSShapeGroup" cx="73" cy="45" r="24"></circle>
-            <circle id="Oval-29" fill="#FAFA41" sketch:type="MSShapeGroup" cx="163" cy="45" r="24"></circle>
-            <g id="frog-green-+-Rectangle-30" transform="translate(0.000000, 75.000000)" sketch:type="MSShapeGroup" fill="#ECEC00">
-                <ellipse id="frog-green" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578) " cx="46.5381931" cy="57.0265777" rx="26.5" ry="50.5"></ellipse>
-                <rect id="Rectangle-30" x="13" y="89" width="56" height="15" rx="9"></rect>
-            </g>
-            <g id="frog-green-+-Rectangle-30" transform="translate(189.000000, 132.500000) scale(-1, 1) translate(-189.000000, -132.500000) translate(142.000000, 75.000000)" sketch:type="MSShapeGroup" fill="#ECEC00">
-                <ellipse id="frog-green" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578) " cx="46.5381931" cy="57.0265777" rx="26.5" ry="50.5"></ellipse>
-                <rect id="Rectangle-30" x="13" y="89" width="56" height="15" rx="9"></rect>
-            </g>
-            <rect id="Rectangle-30" fill="#FAFA41" sketch:type="MSShapeGroup" x="49" y="41" width="138" height="138" rx="9"></rect>
-            <circle id="Oval-37" stroke="#FFFFFF" stroke-width="5" fill="#000000" sketch:type="MSShapeGroup" cx="73" cy="45" r="12"></circle>
-            <circle id="Oval-37" stroke="#FFFFFF" stroke-width="5" fill="#000000" sketch:type="MSShapeGroup" cx="163" cy="45" r="12"></circle>
-            <rect id="Rectangle-33" fill="#FFFF95" sketch:type="MSShapeGroup" x="62" y="93" width="110" height="70" rx="9"></rect>
-        </g>
-    </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="210" height="158" preserveAspectRatio="none" version="1.1" viewBox="0 0 210 210"><title>frog-yellow</title><desc>Created with Sketch.</desc><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" transform="translate(0, 26)"><g id="frog-yellow" transform="translate(-13.000000, -21.000000)"><rect id="Rectangle-51" width="210" height="210" x="13" y="0" fill="#D8D8D8" fill-opacity="0"/><circle id="Oval-29" cx="73" cy="45" r="24" fill="#FAFA41"/><circle id="Oval-29" cx="163" cy="45" r="24" fill="#FAFA41"/><g id="frog-green-+-Rectangle-30" fill="#ECEC00" transform="translate(0.000000, 75.000000)"><ellipse id="frog-green" cx="46.538" cy="57.027" rx="26.5" ry="50.5" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578)"/><rect id="Rectangle-30" width="56" height="15" x="13" y="89" rx="9"/></g><g id="frog-green-+-Rectangle-30" fill="#ECEC00" transform="translate(189.000000, 132.500000) scale(-1, 1) translate(-189.000000, -132.500000) translate(142.000000, 75.000000)"><ellipse id="frog-green" cx="46.538" cy="57.027" rx="26.5" ry="50.5" transform="translate(46.538193, 57.026578) rotate(-27.000000) translate(-46.538193, -57.026578)"/><rect id="Rectangle-30" width="56" height="15" x="13" y="89" rx="9"/></g><rect id="Rectangle-30" width="138" height="138" x="49" y="41" fill="#FAFA41" rx="9"/><circle id="Oval-37" cx="73" cy="45" r="12" fill="#000" stroke="#FFF" stroke-width="5"/><circle id="Oval-37" cx="163" cy="45" r="12" fill="#000" stroke="#FFF" stroke-width="5"/><rect id="Rectangle-33" width="110" height="70" x="62" y="93" fill="#FFFF95" rx="9"/></g></g></svg>
\ No newline at end of file
diff --git a/src/Games/Flexcode/images/lilypad-green-color-assist.svg b/src/Games/Flexcode/images/lilypad-green-color-assist.svg
index 9fa45d20..f3e3fbd1 100644
--- a/src/Games/Flexcode/images/lilypad-green-color-assist.svg
+++ b/src/Games/Flexcode/images/lilypad-green-color-assist.svg
@@ -1,18 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="160px" height="160px" viewBox="0 0 160 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>lilypad-green</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z" id="path-1"></path>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="lilypad-green">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="Mask" fill="#3FA142" xlink:href="#path-1"></use>
-            <path d="M68.1410843,174.12709 C72.0105928,174.702089 75.9705059,141.101562 80,141.101562 C85.4632556,141.101562 90.798605,174.452368 95.9541484,173.409004 C132.492835,166.014406 160,133.719524 160,95 C160,50.81722 124.18278,15 80,15 C35.81722,15 0,50.81722 0,95 C0,135.153286 29.5820305,168.397318 68.1410843,174.12709 Z" fill="#288A2B" mask="url(#mask-2)"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="160" height="160" version="1.1" viewBox="0 0 160 160"><title>lilypad-green</title><desc>Created with Sketch.</desc><defs><path id="path-1" d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z"/></defs><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="lilypad-green"><mask id="mask-2" fill="#fff"><use xlink:href="#path-1"/></mask><use id="Mask" fill="#3FA142" xlink:href="#path-1"/><path fill="#288A2B" d="M68.1410843,174.12709 C72.0105928,174.702089 75.9705059,141.101562 80,141.101562 C85.4632556,141.101562 90.798605,174.452368 95.9541484,173.409004 C132.492835,166.014406 160,133.719524 160,95 C160,50.81722 124.18278,15 80,15 C35.81722,15 0,50.81722 0,95 C0,135.153286 29.5820305,168.397318 68.1410843,174.12709 Z" mask="url(#mask-2)"/></g></g></svg>
\ No newline at end of file
diff --git a/src/Games/Flexcode/images/lilypad-green.svg b/src/Games/Flexcode/images/lilypad-green.svg
index c48c849e..a1da3982 100644
--- a/src/Games/Flexcode/images/lilypad-green.svg
+++ b/src/Games/Flexcode/images/lilypad-green.svg
@@ -1,18 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="160px" height="160px" viewBox="0 0 160 160" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.4.3 (16618) - http://www.bohemiancoding.com/sketch -->
-    <title>lilypad-green</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path id="path-1" d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z"></path>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="lilypad-green" sketch:type="MSLayerGroup">
-            <mask id="mask-2" sketch:name="Mask" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="Mask" fill="#3FA142" sketch:type="MSShapeGroup" xlink:href="#path-1"></use>
-            <path d="M68.1410843,174.12709 C72.0105928,174.702089 75.9705059,141.101562 80,141.101562 C85.4632556,141.101562 90.798605,174.452368 95.9541484,173.409004 C132.492835,166.014406 160,133.719524 160,95 C160,50.81722 124.18278,15 80,15 C35.81722,15 0,50.81722 0,95 C0,135.153286 29.5820305,168.397318 68.1410843,174.12709 Z" fill="#288A2B" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
-        </g>
-    </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="160" height="160" preserveAspectRatio="none" version="1.1" viewBox="0 0 160 160"><title>lilypad-green</title><desc>Created with Sketch.</desc><defs><path id="path-1" d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z"/></defs><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="lilypad-green"><mask id="mask-2" fill="#fff"><use xlink:href="#path-1"/></mask><use id="Mask" fill="#3FA142" xlink:href="#path-1"/><path fill="#288A2B" d="M68.1410843,174.12709 C72.0105928,174.702089 75.9705059,141.101562 80,141.101562 C85.4632556,141.101562 90.798605,174.452368 95.9541484,173.409004 C132.492835,166.014406 160,133.719524 160,95 C160,50.81722 124.18278,15 80,15 C35.81722,15 0,50.81722 0,95 C0,135.153286 29.5820305,168.397318 68.1410843,174.12709 Z" mask="url(#mask-2)"/></g></g></svg>
\ No newline at end of file
diff --git a/src/Games/Flexcode/images/lilypad-red-color-assist.svg b/src/Games/Flexcode/images/lilypad-red-color-assist.svg
index 2e417a11..7e0c1902 100644
--- a/src/Games/Flexcode/images/lilypad-red-color-assist.svg
+++ b/src/Games/Flexcode/images/lilypad-red-color-assist.svg
@@ -1,32 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="160px" height="160px" viewBox="0 0 160 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>lilypad-red</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z" id="path-1"></path>
-        <path d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z" id="path-3"></path>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="lilypad-red">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="Mask" fill="#EE302D" xlink:href="#path-1"></use>
-            <g id="Oval" mask="url(#mask-2)">
-                <g transform="translate(0.000000, 15.000000)">
-                    <mask id="mask-4" fill="white">
-                        <use xlink:href="#path-3"></use>
-                    </mask>
-                    <use id="Mask" stroke="none" fill="#CF1A18" fill-rule="evenodd" xlink:href="#path-3"></use>
-                    <circle id="Oval" stroke="none" fill-opacity="0.7" fill="#FFFFFF" fill-rule="evenodd" mask="url(#mask-4)" cx="98" cy="12" r="20"></circle>
-                </g>
-            </g>
-            <circle id="Oval" fill-opacity="0.7" fill="#FFFFFF" mask="url(#mask-2)" cx="19" cy="105" r="20"></circle>
-            <circle id="Oval" fill-opacity="0.7" fill="#FFFFFF" mask="url(#mask-2)" cx="47" cy="56" r="20"></circle>
-            <circle id="Oval" fill-opacity="0.7" fill="#FFFFFF" mask="url(#mask-2)" cx="76" cy="125" r="20"></circle>
-            <circle id="Oval" fill-opacity="0.7" fill="#FFFFFF" mask="url(#mask-2)" cx="153" cy="120" r="20"></circle>
-            <circle id="Oval" fill-opacity="0.7" fill="#FFFFFF" mask="url(#mask-2)" cx="113" cy="80" r="20"></circle>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="160" height="160" version="1.1" viewBox="0 0 160 160"><title>lilypad-red</title><desc>Created with Sketch.</desc><defs><path id="path-1" d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z"/><path id="path-3" d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z"/></defs><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="lilypad-red"><mask id="mask-2" fill="#fff"><use xlink:href="#path-1"/></mask><use id="Mask" fill="#EE302D" xlink:href="#path-1"/><g id="Oval" mask="url(#mask-2)"><g transform="translate(0.000000, 15.000000)"><mask id="mask-4" fill="#fff"><use xlink:href="#path-3"/></mask><use id="Mask" fill="#CF1A18" fill-rule="evenodd" stroke="none" xlink:href="#path-3"/><circle id="Oval" cx="98" cy="12" r="20" fill="#FFF" fill-opacity=".7" fill-rule="evenodd" stroke="none" mask="url(#mask-4)"/></g></g><circle id="Oval" cx="19" cy="105" r="20" fill="#FFF" fill-opacity=".7" mask="url(#mask-2)"/><circle id="Oval" cx="47" cy="56" r="20" fill="#FFF" fill-opacity=".7" mask="url(#mask-2)"/><circle id="Oval" cx="76" cy="125" r="20" fill="#FFF" fill-opacity=".7" mask="url(#mask-2)"/><circle id="Oval" cx="153" cy="120" r="20" fill="#FFF" fill-opacity=".7" mask="url(#mask-2)"/><circle id="Oval" cx="113" cy="80" r="20" fill="#FFF" fill-opacity=".7" mask="url(#mask-2)"/></g></g></svg>
\ No newline at end of file
diff --git a/src/Games/Flexcode/images/lilypad-red.svg b/src/Games/Flexcode/images/lilypad-red.svg
index 6cec0abe..82bf88a0 100644
--- a/src/Games/Flexcode/images/lilypad-red.svg
+++ b/src/Games/Flexcode/images/lilypad-red.svg
@@ -1,18 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="160px" height="160px" viewBox="0 0 160 160" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.4.3 (16618) - http://www.bohemiancoding.com/sketch -->
-    <title>lilypad-red</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path id="path-1" d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z"></path>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="lilypad-red" sketch:type="MSLayerGroup">
-            <mask id="mask-2" sketch:name="Mask" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="Mask" fill="#EE302D" sketch:type="MSShapeGroup" xlink:href="#path-1"></use>
-            <path d="M68.1410843,174.12709 C72.0105928,174.702089 75.9705059,141.101562 80,141.101562 C85.4632556,141.101562 90.798605,174.452368 95.9541484,173.409004 C132.492835,166.014406 160,133.719524 160,95 C160,50.81722 124.18278,15 80,15 C35.81722,15 0,50.81722 0,95 C0,135.153286 29.5820305,168.397318 68.1410843,174.12709 Z" id="lilypad-green" fill="#CF1A17" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
-        </g>
-    </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="160" height="160" preserveAspectRatio="none" version="1.1" viewBox="0 0 160 160"><title>lilypad-red</title><desc>Created with Sketch.</desc><defs><path id="path-1" d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z"/></defs><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="lilypad-red"><mask id="mask-2" fill="#fff"><use xlink:href="#path-1"/></mask><use id="Mask" fill="#EE302D" xlink:href="#path-1"/><path id="lilypad-green" fill="#CF1A17" d="M68.1410843,174.12709 C72.0105928,174.702089 75.9705059,141.101562 80,141.101562 C85.4632556,141.101562 90.798605,174.452368 95.9541484,173.409004 C132.492835,166.014406 160,133.719524 160,95 C160,50.81722 124.18278,15 80,15 C35.81722,15 0,50.81722 0,95 C0,135.153286 29.5820305,168.397318 68.1410843,174.12709 Z" mask="url(#mask-2)"/></g></g></svg>
\ No newline at end of file
diff --git a/src/Games/Flexcode/images/lilypad-yellow-color-assist.svg b/src/Games/Flexcode/images/lilypad-yellow-color-assist.svg
index b98838aa..b0940c83 100644
--- a/src/Games/Flexcode/images/lilypad-yellow-color-assist.svg
+++ b/src/Games/Flexcode/images/lilypad-yellow-color-assist.svg
@@ -1,29 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="160px" height="160px" viewBox="0 0 160 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>lilypad-yellow</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z" id="path-1"></path>
-        <path d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z" id="path-3"></path>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="lilypad-yellow">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="Mask" fill="#DDDD02" xlink:href="#path-1"></use>
-            <g id="Rectangle" mask="url(#mask-2)">
-                <g transform="translate(0.000000, 15.000000)">
-                    <mask id="mask-4" fill="white">
-                        <use xlink:href="#path-3"></use>
-                    </mask>
-                    <use id="Mask" stroke="none" fill="#C4C403" fill-rule="evenodd" xlink:href="#path-3"></use>
-                    <rect id="Rectangle" stroke="none" fill="#A7A713" fill-rule="evenodd" mask="url(#mask-4)" x="68" y="-15" width="25" height="169"></rect>
-                    <rect id="Rectangle" stroke="none" fill="#A7A713" fill-rule="evenodd" mask="url(#mask-4)" x="118" y="-15" width="25" height="169"></rect>
-                    <rect id="Rectangle" stroke="none" fill="#A7A713" fill-rule="evenodd" mask="url(#mask-4)" x="18" y="-15" width="25" height="169"></rect>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="160" height="160" version="1.1" viewBox="0 0 160 160"><title>lilypad-yellow</title><desc>Created with Sketch.</desc><defs><path id="path-1" d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z"/><path id="path-3" d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z"/></defs><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="lilypad-yellow"><mask id="mask-2" fill="#fff"><use xlink:href="#path-1"/></mask><use id="Mask" fill="#DDDD02" xlink:href="#path-1"/><g id="Rectangle" mask="url(#mask-2)"><g transform="translate(0.000000, 15.000000)"><mask id="mask-4" fill="#fff"><use xlink:href="#path-3"/></mask><use id="Mask" fill="#C4C403" fill-rule="evenodd" stroke="none" xlink:href="#path-3"/><rect id="Rectangle" width="25" height="169" x="68" y="-15" fill="#A7A713" fill-rule="evenodd" stroke="none" mask="url(#mask-4)"/><rect id="Rectangle" width="25" height="169" x="118" y="-15" fill="#A7A713" fill-rule="evenodd" stroke="none" mask="url(#mask-4)"/><rect id="Rectangle" width="25" height="169" x="18" y="-15" fill="#A7A713" fill-rule="evenodd" stroke="none" mask="url(#mask-4)"/></g></g></g></g></svg>
\ No newline at end of file
diff --git a/src/Games/Flexcode/images/lilypad-yellow.svg b/src/Games/Flexcode/images/lilypad-yellow.svg
index d985ef9f..c48e3a3d 100644
--- a/src/Games/Flexcode/images/lilypad-yellow.svg
+++ b/src/Games/Flexcode/images/lilypad-yellow.svg
@@ -1,18 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="160px" height="160px" viewBox="0 0 160 160" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.4.3 (16618) - http://www.bohemiancoding.com/sketch -->
-    <title>lilypad-yellow</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path id="path-1" d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z"></path>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="lilypad-yellow" sketch:type="MSLayerGroup">
-            <mask id="mask-2" sketch:name="Mask" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="Mask" fill="#DDDD02" sketch:type="MSShapeGroup" xlink:href="#path-1"></use>
-            <path d="M68.1410843,174.12709 C72.0105928,174.702089 75.9705059,141.101562 80,141.101562 C85.4632556,141.101562 90.798605,174.452368 95.9541484,173.409004 C132.492835,166.014406 160,133.719524 160,95 C160,50.81722 124.18278,15 80,15 C35.81722,15 0,50.81722 0,95 C0,135.153286 29.5820305,168.397318 68.1410843,174.12709 Z" id="lilypad-green" fill="#C4C403" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
-        </g>
-    </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="160" height="160" preserveAspectRatio="none" version="1.1" viewBox="0 0 160 160"><title>lilypad-yellow</title><desc>Created with Sketch.</desc><defs><path id="path-1" d="M68.1410843,159.12709 C72.0105928,159.702089 75.9705059,126.101562 80,126.101562 C85.4632556,126.101562 90.798605,159.452368 95.9541484,158.409004 C132.492835,151.014406 160,118.719524 160,80 C160,35.81722 124.18278,0 80,0 C35.81722,0 0,35.81722 0,80 C0,120.153286 29.5820305,153.397318 68.1410843,159.12709 Z"/></defs><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="lilypad-yellow"><mask id="mask-2" fill="#fff"><use xlink:href="#path-1"/></mask><use id="Mask" fill="#DDDD02" xlink:href="#path-1"/><path id="lilypad-green" fill="#C4C403" d="M68.1410843,174.12709 C72.0105928,174.702089 75.9705059,141.101562 80,141.101562 C85.4632556,141.101562 90.798605,174.452368 95.9541484,173.409004 C132.492835,166.014406 160,133.719524 160,95 C160,50.81722 124.18278,15 80,15 C35.81722,15 0,50.81722 0,95 C0,135.153286 29.5820305,168.397318 68.1410843,174.12709 Z" mask="url(#mask-2)"/></g></g></svg>
\ No newline at end of file
diff --git a/src/Games/Flexcode/images/screenshot.png b/src/Games/Flexcode/images/screenshot.png
index c5397edd..c81a2346 100644
Binary files a/src/Games/Flexcode/images/screenshot.png and b/src/Games/Flexcode/images/screenshot.png differ