diff --git a/src/lib/libraries/decks/index.jsx b/src/lib/libraries/decks/index.jsx
index b7a7439483c4e18eb3d71f1adf9f9bef46003b4e..93b597c175f77d82c35861204d6f52befdd8cfe3 100644
--- a/src/lib/libraries/decks/index.jsx
+++ b/src/lib/libraries/decks/index.jsx
@@ -46,7 +46,7 @@ import libraryPong from './thumbnails/pong.jpg';
 import libraryImagine from './thumbnails/imagine.jpg';
 
 // Code a Cartoon
-import libraryCodeCartoon from './thumbnails/code-a-cartoon.jpg'
+import libraryCodeCartoon from './thumbnails/code-a-cartoon.jpg';
 
 // Videos
 import recordASound from './thumbnails/record-a-sound.jpg';
@@ -102,125 +102,125 @@ export default {
     },
     
     'code-cartoon': {
-    name: (
-        <FormattedMessage
-            defaultMessage="Code a Cartoon"
-            description="Name for the 'Code a Cartoon' how-to"
-            id="gui.howtos.code-cartoon"
-        />
-    ),
-    tags: ['code-cartoon'],
-//    requiredProjectId: '331474033',
-    img: libraryCodeCartoon,
-    steps: [{
-            video: 'code-cartoon'
-        }, {
-        title: (
-            <FormattedMessage
-                defaultMessage="Say Something When You Click the Green Flag"
-                description="Step name for 'Say Something When You Click the Green Flag' step"
-                id="gui.howtos.code-cartoon.step_codeCartoonSaySomething"
-            />
-        ),
-        image: 'codeCartoonSaySomething'
-    }, {
-        title: (
-            <FormattedMessage
-                defaultMessage="Animate a Character When You Click It"
-                description="Step name for 'Animate a Character When You Click It' step"
-                id="gui.howtos.code-cartoon.step_codeCartoonAnimate"
-            />
-        ),
-        image: 'codeCartoonAnimate'
-    }, {
-        title: (
-            <FormattedMessage
-                defaultMessage="Select a Different Character"
-                description="Step name for 'Select a Different Character' step"
-                id="gui.howtos.code-cartoon.step_codeCartoonSelectDifferentCharacter"
-            />
-        ),
-        image: 'codeCartoonSelectDifferentCharacter'
-    }, {
-        title: (
-            <FormattedMessage
-                defaultMessage="Use a Minus Sign to Get Smaller"
-                description="Step name for 'Use a Minus Sign to Get Smaller' step"
-                id="gui.howtos.code-cartoon.step_codeCartoonUseMinusSign"
-            />
-        ),
-        image: 'codeCartoonUseMinusSign'
-    }, {
-        title: (
-            <FormattedMessage
-                defaultMessage="Make a Character Grow and Shrink"
-                description="Step name for 'Make a Character Grow and Shrink' step"
-                id="gui.howtos.code-cartoon.step_codeCartoonGrowShrink"
-            />
-        ),
-        image: 'codeCartoonGrowShrink'
-    }, {
-        title: (
-            <FormattedMessage
-                defaultMessage="Select a Different Character"
-                description="Step name for 'Select a Different Character' step"
-                id="gui.howtos.code-cartoon.step_codeCartoonSelectAnotherDifferentCharacter"
-            />
-        ),
-        image: 'codeCartoonSelectAnotherDifferentCharacter'
-    }, {
-        title: (
-            <FormattedMessage
-                defaultMessage="Jump Up and Down"
-                description="Step name for 'Jump Up and Down' step"
-                id="gui.howtos.code-cartoon.step_codeCartoonJump"
-            />
-        ),
-        image: 'codeCartoonJump'
-    }, {
-        title: (
-            <FormattedMessage
-                defaultMessage="Click a Character to Change Scenes"
-                description="Step name for 'Click a Character to Change Scenes' step"
-                id="gui.howtos.code-cartoon.step_codeCartoonChangeScenes"
-            />
-        ),
-        image: 'codeCartoonChangeScenes'
-    }, {
-        title: (
-            <FormattedMessage
-                defaultMessage="Glide Around"
-                description="Step name for 'Glide Around' step"
-                id="gui.howtos.code-cartoon.step_codeCartoonGlideAround"
-            />
-        ),
-        image: 'codeCartoonGlideAround'
-    }, {
-        title: (
-            <FormattedMessage
-                defaultMessage="Change Costumes"
-                description="Step name for 'Change Costumes' step"
-                id="gui.howtos.code-cartoon.step_codeCartoonChangeCostumes"
-            />
-        ),
-        image: 'codeCartoonChangeCostumes'
-    }, {
-        title: (
+        name: (
             <FormattedMessage
-                defaultMessage="Choose More Characters to Add to Your Cartoon"
-                description="Step name for 'Choose More Characters to Add to Your Cartoon' step"
-                id="gui.howtos.code-cartoon.step_codeCartoonChooseMoreCharacters"
+                defaultMessage="Code a Cartoon"
+                description="Name for the 'Code a Cartoon' how-to"
+                id="gui.howtos.code-cartoon"
             />
         ),
-        image: 'codeCartoonChooseMoreCharacters'
-    }, {
-        deckIds: [
-            'Chase-Game',
-            'Tell-A-Story'
-        ]
-    }
-    ],
-    urlId: 'code-cartoon'
+        tags: ['code-cartoon'],
+        requiredProjectId: '331474033',
+        img: libraryCodeCartoon,
+        steps: [{
+            video: 'code-cartoon'
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Say Something When You Click the Green Flag"
+                    description="Step name for 'Say Something When You Click the Green Flag' step"
+                    id="gui.howtos.code-cartoon.step_codeCartoonSaySomething"
+                />
+            ),
+            image: 'codeCartoonSaySomething'
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Animate a Character When You Click It"
+                    description="Step name for 'Animate a Character When You Click It' step"
+                    id="gui.howtos.code-cartoon.step_codeCartoonAnimate"
+                />
+            ),
+            image: 'codeCartoonAnimate'
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Select a Different Character"
+                    description="Step name for 'Select a Different Character' step"
+                    id="gui.howtos.code-cartoon.step_codeCartoonSelectDifferentCharacter"
+                />
+            ),
+            image: 'codeCartoonSelectDifferentCharacter'
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Use a Minus Sign to Get Smaller"
+                    description="Step name for 'Use a Minus Sign to Get Smaller' step"
+                    id="gui.howtos.code-cartoon.step_codeCartoonUseMinusSign"
+                />
+            ),
+            image: 'codeCartoonUseMinusSign'
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Make a Character Grow and Shrink"
+                    description="Step name for 'Make a Character Grow and Shrink' step"
+                    id="gui.howtos.code-cartoon.step_codeCartoonGrowShrink"
+                />
+            ),
+            image: 'codeCartoonGrowShrink'
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Select a Different Character"
+                    description="Step name for 'Select a Different Character' step"
+                    id="gui.howtos.code-cartoon.step_codeCartoonSelectAnotherDifferentCharacter"
+                />
+            ),
+            image: 'codeCartoonSelectAnotherDifferentCharacter'
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Jump Up and Down"
+                    description="Step name for 'Jump Up and Down' step"
+                    id="gui.howtos.code-cartoon.step_codeCartoonJump"
+                />
+            ),
+            image: 'codeCartoonJump'
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Click a Character to Change Scenes"
+                    description="Step name for 'Click a Character to Change Scenes' step"
+                    id="gui.howtos.code-cartoon.step_codeCartoonChangeScenes"
+                />
+            ),
+            image: 'codeCartoonChangeScenes'
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Glide Around"
+                    description="Step name for 'Glide Around' step"
+                    id="gui.howtos.code-cartoon.step_codeCartoonGlideAround"
+                />
+            ),
+            image: 'codeCartoonGlideAround'
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Change Costumes"
+                    description="Step name for 'Change Costumes' step"
+                    id="gui.howtos.code-cartoon.step_codeCartoonChangeCostumes"
+                />
+            ),
+            image: 'codeCartoonChangeCostumes'
+        }, {
+            title: (
+                <FormattedMessage
+                    defaultMessage="Choose More Characters to Add to Your Cartoon"
+                    description="Step name for 'Choose More Characters to Add to Your Cartoon' step"
+                    id="gui.howtos.code-cartoon.step_codeCartoonChooseMoreCharacters"
+                />
+            ),
+            image: 'codeCartoonChooseMoreCharacters'
+        }, {
+            deckIds: [
+                'Chase-Game',
+                'Tell-A-Story'
+            ]
+        }
+        ],
+        urlId: 'code-cartoon'
     },
     
     'animate-a-name': {
diff --git a/src/lib/libraries/decks/steps/code-cartoon-01-say-something.en.png b/src/lib/libraries/decks/steps/code-cartoon-01-say-something.en.png
index 1d9089702621084919acfbd8386e3309fe4d4130..f2a1570c3876d023b8e341c2a3910bb05b312f48 100644
Binary files a/src/lib/libraries/decks/steps/code-cartoon-01-say-something.en.png and b/src/lib/libraries/decks/steps/code-cartoon-01-say-something.en.png differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-02-animate.en.gif b/src/lib/libraries/decks/steps/code-cartoon-02-animate.en.gif
index cde4be8cae48d7e6eaca002ff23ca09324aca42d..801670c67ad47303ead6f49b238efaa14feb44f8 100644
Binary files a/src/lib/libraries/decks/steps/code-cartoon-02-animate.en.gif and b/src/lib/libraries/decks/steps/code-cartoon-02-animate.en.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-04-use-minus-sign.en.gif b/src/lib/libraries/decks/steps/code-cartoon-04-use-minus-sign.en.gif
index f862d33a7dcfea4a0ddbdabc1efd1d969534efa4..783384fc49fa624f915bebfea5b1773fdfda9ad7 100644
Binary files a/src/lib/libraries/decks/steps/code-cartoon-04-use-minus-sign.en.gif and b/src/lib/libraries/decks/steps/code-cartoon-04-use-minus-sign.en.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-05-grow-shrink.en.gif b/src/lib/libraries/decks/steps/code-cartoon-05-grow-shrink.en.gif
index c1988f58285647a1631eb82c59dee4adc5d1bdc1..e4bbf5dad36d51c12dbe2f3db84f73057afd7ab8 100644
Binary files a/src/lib/libraries/decks/steps/code-cartoon-05-grow-shrink.en.gif and b/src/lib/libraries/decks/steps/code-cartoon-05-grow-shrink.en.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-07-jump.en.gif b/src/lib/libraries/decks/steps/code-cartoon-07-jump.en.gif
index 9c067b0fa297281bf5b550a968fc20a2c80b0d78..e000306b208aacb70d19525dbc1cb98ce45d2cef 100644
Binary files a/src/lib/libraries/decks/steps/code-cartoon-07-jump.en.gif and b/src/lib/libraries/decks/steps/code-cartoon-07-jump.en.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-10-change-costumes.en.gif b/src/lib/libraries/decks/steps/code-cartoon-10-change-costumes.en.gif
index 257977bf0da5740af960e377400a63e83e6894bd..e521e45f3297044025c85885caf2abb4a81c1196 100644
Binary files a/src/lib/libraries/decks/steps/code-cartoon-10-change-costumes.en.gif and b/src/lib/libraries/decks/steps/code-cartoon-10-change-costumes.en.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-11-choose-more-characters.en.jpg b/src/lib/libraries/decks/steps/code-cartoon-11-choose-more-characters.en.jpg
index d8ea77eefd189bb828b5c6c6ed4de2dc10d45b3a..5a88acc29d7964f44c91d0d0de1dfa2f96b79d24 100644
Binary files a/src/lib/libraries/decks/steps/code-cartoon-11-choose-more-characters.en.jpg and b/src/lib/libraries/decks/steps/code-cartoon-11-choose-more-characters.en.jpg differ