From 28aa4f0b2c03a23c9a5367539d4845a3d54a99f5 Mon Sep 17 00:00:00 2001
From: morant <morant@media.mit.edu>
Date: Mon, 22 Aug 2016 13:31:44 -0400
Subject: [PATCH 1/6] Fixing microword pages and adding routes to them.

- Remove temp "open in Scratch" button, now that we have a permanent one.
- Fix microworld pages to work with new changes to environment.
- Fix alignment issues.
- Connect routes to microworld pages.
- Add soccer microworld.
- Comment out videos and tips from arts microworls, so it can be shown publicly.
---
 src/components/microworld/microworld.jsx  |  21 +-
 src/components/microworld/microworld.scss |  11 ++
 src/routes.json                           |  28 +++
 src/views/microworld/art/art.json         | 230 +++++++++++-----------
 src/views/microworld/art/art.jsx          |   6 +-
 src/views/microworld/fashion/fashion.jsx  |   6 +-
 src/views/microworld/hiphop/hiphop.jsx    |   6 +-
 src/views/microworld/soccer/soccer.json   |   8 +
 src/views/microworld/soccer/soccer.jsx    |   8 +
 9 files changed, 192 insertions(+), 132 deletions(-)
 create mode 100644 src/views/microworld/soccer/soccer.json
 create mode 100644 src/views/microworld/soccer/soccer.jsx

diff --git a/src/components/microworld/microworld.jsx b/src/components/microworld/microworld.jsx
index e9d08337c..45a524467 100644
--- a/src/components/microworld/microworld.jsx
+++ b/src/components/microworld/microworld.jsx
@@ -40,7 +40,7 @@ var Microworld = React.createClass({
 
         return (
             <div className="videos-section section">
-                <h1>Get Inspired...</h1>
+                <h1 className="sectionheader">Get Inspired...</h1>
                 <div className="videos-container">
                     <div className="videos">
                         {videos.map(this.renderVideo)}
@@ -81,10 +81,7 @@ var Microworld = React.createClass({
         }
         return (
             <div className="editor section">
-                <h1>Start Creating!</h1>
-                <a href={'//scratch.mit.edu/projects/'+ projectId +'/#editor'}>
-                  <img className="scratch-link" src="/images/scratch-og.png"></img>
-                </a>
+                <h1 className="sectionheader">Start Creating!</h1>
                 <iframe src={'//scratch.mit.edu/projects/embed-editor/' + projectId + '/?isMicroworld=true'}
                         frameBorder="0"> </iframe>
                 {this.renderTips()}
@@ -115,7 +112,7 @@ var Microworld = React.createClass({
 
         return (
             <div className="project-ideas">
-                <h1>Check out ideas for more projects</h1>
+                <h1 className="sectionheader">Check out ideas for more projects</h1>
                 <Box
                     title="More Starter Projects"
                     key="starter_projects">
@@ -156,8 +153,8 @@ var Microworld = React.createClass({
             return null;
         }
         return (
-            <div className="project-ideas">
-                <h1>Get inspiration from other projects</h1>
+            <div className="project-ideas section">
+                <h1 className="sectionheader">Get inspiration from other projects</h1>
                 {rows}
             </div>
         );
@@ -169,7 +166,7 @@ var Microworld = React.createClass({
 
         return (
         <div className="forum">
-            <h1>Chat with others!</h1>
+            <h1 className="sectionheader">Chat with others!</h1>
             <img src="/images/forum-image.png"/>
         </div>
         );
@@ -185,7 +182,7 @@ var Microworld = React.createClass({
         if (designChallenge.project_id) {
             return (
                 <div className="side-by-side section">
-                    <h1>Join our Design Challenge!</h1>
+                    <h1 className="sectionheader">Join our Design Challenge!</h1>
                     <div className="design-studio">
                         <iframe src={'https://scratch.mit.edu/projects/' + designChallenge.project_id +
                                      '/#fullscreen'} frameBorder="0"> </iframe>
@@ -208,7 +205,7 @@ var Microworld = React.createClass({
         } else {
             return (
                 <div className="section">
-                    <h1>Join our Design Challenge!</h1>
+                    <h1 className="sectionheader">Join our Design Challenge!</h1>
                     <Box
                         title="design Challenge Projects"
                         key="scratch_design_studio"
@@ -225,7 +222,7 @@ var Microworld = React.createClass({
         return (
             <div className="inner microworld">
                 <div className="top-banner section">
-                    <h1>{this.props.microworldData.title}</h1>
+                    <h1 className="sectionheader">{this.props.microworldData.title}</h1>
                     <p>{this.props.microworldData.description.join(' ')}</p>
                 </div>
                 {this.renderVideos()}
diff --git a/src/components/microworld/microworld.scss b/src/components/microworld/microworld.scss
index c786e35e3..6b692d6ef 100644
--- a/src/components/microworld/microworld.scss
+++ b/src/components/microworld/microworld.scss
@@ -9,6 +9,13 @@ $base-bg: $ui-white;
 }
 
 .microworld {
+    .sectionheader {
+        margin: 0 auto;
+        padding: 5px 10%;
+        text-align: center;
+        color: $type-gray;
+    }
+
     .top-banner, 
     .videos-section,
     .section {
@@ -140,6 +147,10 @@ $base-bg: $ui-white;
 
             .design-studio-projects {
                 float: right;
+
+                .box {
+                    width: 100%;
+                }
             }
 
             .design-studio {
diff --git a/src/routes.json b/src/routes.json
index 0520c20cd..e01aa8bc6 100644
--- a/src/routes.json
+++ b/src/routes.json
@@ -218,5 +218,33 @@
         "pattern": "^/explore/studios/?$",
         "routeAlias": "/explore(?!/ajax)",
         "redirect": "/explore/studios/all"
+    },
+    {
+        "name": "microworld-art",
+        "pattern": "^/microworlds/art",
+        "routeAlias": "/microworlds/art",
+        "view": "microworld/art/art",
+        "title": "Art"
+    },
+    {
+        "name": "microworld-hiphop",
+        "pattern": "^/microworlds/hiphop",
+        "routeAlias": "/microworlds/hiphop",
+        "view": "microworld/hiphop/hiphop",
+        "title": "Hip Hop Dance"
+    },
+    {
+        "name": "microworld-fashion",
+        "pattern": "^/microworlds/fashion",
+        "routeAlias": "/microworlds/fashion",
+        "view": "microworld/fashion/fashion",
+        "title": "Fashion"
+    },
+    {
+        "name": "microworld-soccer",
+        "pattern": "^/microworlds/soccer",
+        "routeAlias": "/microworlds/soccer",
+        "view": "microworld/soccer/soccer",
+        "title": "Soccer"
     }
 ]
diff --git a/src/views/microworld/art/art.json b/src/views/microworld/art/art.json
index 4b7b09672..b65a75f60 100644
--- a/src/views/microworld/art/art.json
+++ b/src/views/microworld/art/art.json
@@ -6,121 +6,123 @@
       "Check out projects by others for inspiration,",
       "communicate in the forum and join the challenges!"
    ],
-   "videos":[
-      {
-         "key":"1",
-         "image":"http://farm8.staticflickr.com/7245/7120445933_7de87c2bd9_z.jpg",
-         "link":"https://player.vimeo.com/video/40904471"
-      },
-      {
-         "key":"2",
-         "image":"http://blogs.adobe.com/conversations/files/2015/04/project-para2-1024x572.jpg",
-         "link":"https://www.youtube.com/embed/Tdvj8XMrqXc?autoplay=1"
-      },
-      {
-         "key":"3",
-         "image":"http://iluminate.com/wp-content/uploads/2015/07/iluminate-news-residency-at-resorts-world-genting-malaysia-1200x798.jpg",
-         "link":"https://www.youtube.com/embed/Xg1dUhVI9i0?autoplay=1"
-      }
-   ],
    "microworld_project_id":"88148127",
-   "tips":[
-      {
-         "title":"Start Dancing",
-         "thumbnails":[
-            {
-               "type":"tip",
-               "title":"First, select a sprite",
-               "thumbnailUrl":"/images/microworlds/hiphop/dancer-sprite.png"
-            },
-            {
-               "type":"tip",
-               "title":"Then, try this script",
-               "thumbnailUrl":"/images/microworlds/hiphop/switch-wait.gif"
-            },
-            {
-               "type":"tip",
-               "title":"Start it!",
-               "thumbnailUrl":"/images/microworlds/hiphop/green-flag.gif"
-            }
-         ]
-      },
-      {
-         "title":"Repeat the Dance",
-         "thumbnails":[
-            {
-               "type":"tip",
-               "title":"Add another \"wait\"",
-               "thumbnailUrl":"/images/microworlds/hiphop/add-wait.gif"
-            },
-            {
-               "type":"tip",
-               "title":"Drag this block over",
-               "thumbnailUrl":"/images/microworlds/hiphop/add-repeat.gif"
-            },
-            {
-               "type":"tip",
-               "title":"Start it",
-               "thumbnailUrl":"/images/microworlds/hiphop/green-flag.gif"
-            }
-         ]
-      },
-      {
-         "title":"Play Music",
-         "thumbnails":[
-            {
-               "type":"tip",
-               "title":"Add music that repeats",
-               "thumbnailUrl":"/images/microworlds/hiphop/add-play-sound.gif"
-            },
-            {
-               "type":"tip",
-               "title":"Start it",
-               "thumbnailUrl":"/images/microworlds/hiphop/green-flag.gif"
-            }
-         ]
-      },
-      {
-         "title":"Shadow Dance",
-         "thumbnails":[
-            {
-               "type":"tip",
-               "title":"Add this block",
-               "thumbnailUrl":"/images/microworlds/hiphop/shadow-dance.gif"
-            },
-            {
-               "type":"tip",
-               "title":"Start it",
-               "thumbnailUrl":"/images/microworlds/hiphop/green-flag.gif"
-            },
-            {
-               "type":"tip",
-               "title":"Click the stop sign to reset",
-               "thumbnailUrl":"/images/microworlds/hiphop/stop.gif"
-            }
-         ]
-      },
-      {
-         "title":"More things to try",
-         "thumbnails":[
-            {
-               "type":"tip",
-               "title":"Try different dance moves",
-               "thumbnailUrl":"/images/microworlds/hiphop/change-dance-moves.gif"
-            },
-            {
-               "type":"tip",
-               "title":"Add more moves",
-               "thumbnailUrl":"/images/microworlds/hiphop/long-dance-script.png"
-            },
-            {
-               "type":"tip",
-               "title":"Change the timing",
-               "thumbnailUrl":"/images/microworlds/hiphop/change-dance-timing.png"
-            }
-         ]
-      }
-   ],
+   "commentedout_content": {
+      "videos":[
+         {
+            "key":"1",
+            "image":"http://farm8.staticflickr.com/7245/7120445933_7de87c2bd9_z.jpg",
+            "link":"https://player.vimeo.com/video/40904471"
+         },
+         {
+            "key":"2",
+            "image":"http://blogs.adobe.com/conversations/files/2015/04/project-para2-1024x572.jpg",
+            "link":"https://www.youtube.com/embed/Tdvj8XMrqXc?autoplay=1"
+         },
+         {
+            "key":"3",
+            "image":"http://iluminate.com/wp-content/uploads/2015/07/iluminate-news-residency-at-resorts-world-genting-malaysia-1200x798.jpg",
+            "link":"https://www.youtube.com/embed/Xg1dUhVI9i0?autoplay=1"
+         }
+      ],
+      "tips":[
+         {
+            "title":"Start Dancing",
+            "thumbnails":[
+               {
+                  "type":"tip",
+                  "title":"First, select a sprite",
+                  "thumbnailUrl":"/images/microworlds/hiphop/dancer-sprite.png"
+               },
+               {
+                  "type":"tip",
+                  "title":"Then, try this script",
+                  "thumbnailUrl":"/images/microworlds/hiphop/switch-wait.gif"
+               },
+               {
+                  "type":"tip",
+                  "title":"Start it!",
+                  "thumbnailUrl":"/images/microworlds/hiphop/green-flag.gif"
+               }
+            ]
+         },
+         {
+            "title":"Repeat the Dance",
+            "thumbnails":[
+               {
+                  "type":"tip",
+                  "title":"Add another \"wait\"",
+                  "thumbnailUrl":"/images/microworlds/hiphop/add-wait.gif"
+               },
+               {
+                  "type":"tip",
+                  "title":"Drag this block over",
+                  "thumbnailUrl":"/images/microworlds/hiphop/add-repeat.gif"
+               },
+               {
+                  "type":"tip",
+                  "title":"Start it",
+                  "thumbnailUrl":"/images/microworlds/hiphop/green-flag.gif"
+               }
+            ]
+         },
+         {
+            "title":"Play Music",
+            "thumbnails":[
+               {
+                  "type":"tip",
+                  "title":"Add music that repeats",
+                  "thumbnailUrl":"/images/microworlds/hiphop/add-play-sound.gif"
+               },
+               {
+                  "type":"tip",
+                  "title":"Start it",
+                  "thumbnailUrl":"/images/microworlds/hiphop/green-flag.gif"
+               }
+            ]
+         },
+         {
+            "title":"Shadow Dance",
+            "thumbnails":[
+               {
+                  "type":"tip",
+                  "title":"Add this block",
+                  "thumbnailUrl":"/images/microworlds/hiphop/shadow-dance.gif"
+               },
+               {
+                  "type":"tip",
+                  "title":"Start it",
+                  "thumbnailUrl":"/images/microworlds/hiphop/green-flag.gif"
+               },
+               {
+                  "type":"tip",
+                  "title":"Click the stop sign to reset",
+                  "thumbnailUrl":"/images/microworlds/hiphop/stop.gif"
+               }
+            ]
+         },
+         {
+            "title":"More things to try",
+            "thumbnails":[
+               {
+                  "type":"tip",
+                  "title":"Try different dance moves",
+                  "thumbnailUrl":"/images/microworlds/hiphop/change-dance-moves.gif"
+               },
+               {
+                  "type":"tip",
+                  "title":"Add more moves",
+                  "thumbnailUrl":"/images/microworlds/hiphop/long-dance-script.png"
+               },
+               {
+                  "type":"tip",
+                  "title":"Change the timing",
+                  "thumbnailUrl":"/images/microworlds/hiphop/change-dance-timing.png"
+               }
+            ]
+         }
+      ]
+   },
    "starter_projects":[
       {
          "title":"Architecture Stamps Starter Project",
diff --git a/src/views/microworld/art/art.jsx b/src/views/microworld/art/art.jsx
index 5341647b8..e7e62478d 100644
--- a/src/views/microworld/art/art.jsx
+++ b/src/views/microworld/art/art.jsx
@@ -1,6 +1,8 @@
+var React = require('react');
 var render = require('../../../lib/render.jsx');
 var Microworld = require('../../../components/microworld/microworld.jsx');
+var Page = require('../../../components/page/www/page.jsx')
 
-var microworldData = require('./microworld_art.json');
+var microworldData = require('./art.json');
 
-render(<Microworld microworldData={microworldData} />, document.getElementById('view'));
+render(<Page><Microworld microworldData={microworldData} /></Page>, document.getElementById('app'));
diff --git a/src/views/microworld/fashion/fashion.jsx b/src/views/microworld/fashion/fashion.jsx
index a98b133b3..9e237a5e8 100644
--- a/src/views/microworld/fashion/fashion.jsx
+++ b/src/views/microworld/fashion/fashion.jsx
@@ -1,6 +1,8 @@
+var React = require('react');
 var render = require('../../../lib/render.jsx');
 var Microworld = require('../../../components/microworld/microworld.jsx');
+var Page = require('../../../components/page/www/page.jsx')
 
-var microworldData = require('./microworld_fashion.json');
+var microworldData = require('./fashion.json');
 
-render(<Microworld microworldData={microworldData} />, document.getElementById('view'));
+render(<Page><Microworld microworldData={microworldData} /></Page>, document.getElementById('app'));
diff --git a/src/views/microworld/hiphop/hiphop.jsx b/src/views/microworld/hiphop/hiphop.jsx
index 8ae2a531c..ba5e423b8 100644
--- a/src/views/microworld/hiphop/hiphop.jsx
+++ b/src/views/microworld/hiphop/hiphop.jsx
@@ -1,6 +1,8 @@
+var React = require('react');
 var render = require('../../../lib/render.jsx');
 var Microworld = require('../../../components/microworld/microworld.jsx');
+var Page = require('../../../components/page/www/page.jsx')
 
-var microworldData = require('./microworld_hiphop.json');
+var microworldData = require('./hiphop.json');
 
-render(<Microworld microworldData={microworldData} />, document.getElementById('view'));
+render(<Page><Microworld microworldData={microworldData} /></Page>, document.getElementById('app'));
diff --git a/src/views/microworld/soccer/soccer.json b/src/views/microworld/soccer/soccer.json
new file mode 100644
index 000000000..b288d32d0
--- /dev/null
+++ b/src/views/microworld/soccer/soccer.json
@@ -0,0 +1,8 @@
+{
+   "title":"Soccer",
+   "description":[
+      "Make your own soccer animation or game!"
+   ],
+   "microworld_project_id":"116297919",
+   "show_forum":false
+}
\ No newline at end of file
diff --git a/src/views/microworld/soccer/soccer.jsx b/src/views/microworld/soccer/soccer.jsx
new file mode 100644
index 000000000..81eba8f85
--- /dev/null
+++ b/src/views/microworld/soccer/soccer.jsx
@@ -0,0 +1,8 @@
+var React = require('react');
+var render = require('../../../lib/render.jsx');
+var Microworld = require('../../../components/microworld/microworld.jsx');
+var Page = require('../../../components/page/www/page.jsx')
+
+var microworldData = require('./soccer.json');
+
+render(<Page><Microworld microworldData={microworldData} /></Page>, document.getElementById('app'));

From 2af34efa98e74a799e01fd898460c7b6ba080c90 Mon Sep 17 00:00:00 2001
From: morant <morant@media.mit.edu>
Date: Fri, 26 Aug 2016 15:51:42 -0400
Subject: [PATCH 2/6] Fix some failed tests.

---
 src/views/microworld/art/art.jsx         | 2 +-
 src/views/microworld/fashion/fashion.jsx | 2 +-
 src/views/microworld/hiphop/hiphop.jsx   | 2 +-
 src/views/microworld/soccer/soccer.jsx   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/microworld/art/art.jsx b/src/views/microworld/art/art.jsx
index e7e62478d..cfa773aea 100644
--- a/src/views/microworld/art/art.jsx
+++ b/src/views/microworld/art/art.jsx
@@ -1,7 +1,7 @@
 var React = require('react');
 var render = require('../../../lib/render.jsx');
 var Microworld = require('../../../components/microworld/microworld.jsx');
-var Page = require('../../../components/page/www/page.jsx')
+var Page = require('../../../components/page/www/page.jsx');
 
 var microworldData = require('./art.json');
 
diff --git a/src/views/microworld/fashion/fashion.jsx b/src/views/microworld/fashion/fashion.jsx
index 9e237a5e8..d9c183061 100644
--- a/src/views/microworld/fashion/fashion.jsx
+++ b/src/views/microworld/fashion/fashion.jsx
@@ -1,7 +1,7 @@
 var React = require('react');
 var render = require('../../../lib/render.jsx');
 var Microworld = require('../../../components/microworld/microworld.jsx');
-var Page = require('../../../components/page/www/page.jsx')
+var Page = require('../../../components/page/www/page.jsx');
 
 var microworldData = require('./fashion.json');
 
diff --git a/src/views/microworld/hiphop/hiphop.jsx b/src/views/microworld/hiphop/hiphop.jsx
index ba5e423b8..593ea38df 100644
--- a/src/views/microworld/hiphop/hiphop.jsx
+++ b/src/views/microworld/hiphop/hiphop.jsx
@@ -1,7 +1,7 @@
 var React = require('react');
 var render = require('../../../lib/render.jsx');
 var Microworld = require('../../../components/microworld/microworld.jsx');
-var Page = require('../../../components/page/www/page.jsx')
+var Page = require('../../../components/page/www/page.jsx');
 
 var microworldData = require('./hiphop.json');
 
diff --git a/src/views/microworld/soccer/soccer.jsx b/src/views/microworld/soccer/soccer.jsx
index 81eba8f85..17bc60974 100644
--- a/src/views/microworld/soccer/soccer.jsx
+++ b/src/views/microworld/soccer/soccer.jsx
@@ -1,7 +1,7 @@
 var React = require('react');
 var render = require('../../../lib/render.jsx');
 var Microworld = require('../../../components/microworld/microworld.jsx');
-var Page = require('../../../components/page/www/page.jsx')
+var Page = require('../../../components/page/www/page.jsx');
 
 var microworldData = require('./soccer.json');
 

From ecdc544dffa5e9bb0fb2ff3a938c92dbabf1f526 Mon Sep 17 00:00:00 2001
From: morant <morant@media.mit.edu>
Date: Mon, 29 Aug 2016 12:40:17 -0400
Subject: [PATCH 3/6] Disable lint on require('react') lines as they are
 required implicitly.

---
 src/views/microworld/art/art.jsx         | 2 +-
 src/views/microworld/fashion/fashion.jsx | 2 +-
 src/views/microworld/hiphop/hiphop.jsx   | 2 +-
 src/views/microworld/soccer/soccer.jsx   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/microworld/art/art.jsx b/src/views/microworld/art/art.jsx
index cfa773aea..62678a605 100644
--- a/src/views/microworld/art/art.jsx
+++ b/src/views/microworld/art/art.jsx
@@ -1,4 +1,4 @@
-var React = require('react');
+var React = require('react'); // eslint-disable-line
 var render = require('../../../lib/render.jsx');
 var Microworld = require('../../../components/microworld/microworld.jsx');
 var Page = require('../../../components/page/www/page.jsx');
diff --git a/src/views/microworld/fashion/fashion.jsx b/src/views/microworld/fashion/fashion.jsx
index d9c183061..0097fb9ad 100644
--- a/src/views/microworld/fashion/fashion.jsx
+++ b/src/views/microworld/fashion/fashion.jsx
@@ -1,4 +1,4 @@
-var React = require('react');
+var React = require('react'); // eslint-disable-line
 var render = require('../../../lib/render.jsx');
 var Microworld = require('../../../components/microworld/microworld.jsx');
 var Page = require('../../../components/page/www/page.jsx');
diff --git a/src/views/microworld/hiphop/hiphop.jsx b/src/views/microworld/hiphop/hiphop.jsx
index 593ea38df..ed4ce62aa 100644
--- a/src/views/microworld/hiphop/hiphop.jsx
+++ b/src/views/microworld/hiphop/hiphop.jsx
@@ -1,4 +1,4 @@
-var React = require('react');
+var React = require('react'); // eslint-disable-line
 var render = require('../../../lib/render.jsx');
 var Microworld = require('../../../components/microworld/microworld.jsx');
 var Page = require('../../../components/page/www/page.jsx');
diff --git a/src/views/microworld/soccer/soccer.jsx b/src/views/microworld/soccer/soccer.jsx
index 17bc60974..0aada133b 100644
--- a/src/views/microworld/soccer/soccer.jsx
+++ b/src/views/microworld/soccer/soccer.jsx
@@ -1,4 +1,4 @@
-var React = require('react');
+var React = require('react'); // eslint-disable-line
 var render = require('../../../lib/render.jsx');
 var Microworld = require('../../../components/microworld/microworld.jsx');
 var Page = require('../../../components/page/www/page.jsx');

From 96c52dc223e0e10ebb6b3e853d6cc3e366bb3e1e Mon Sep 17 00:00:00 2001
From: morant <morant@media.mit.edu>
Date: Wed, 7 Sep 2016 13:35:14 -0400
Subject: [PATCH 4/6] Fixing route alias + adding new line

---
 src/routes.json                         | 8 ++++----
 src/views/microworld/soccer/soccer.json | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes.json b/src/routes.json
index e01aa8bc6..48815a399 100644
--- a/src/routes.json
+++ b/src/routes.json
@@ -222,28 +222,28 @@
     {
         "name": "microworld-art",
         "pattern": "^/microworlds/art",
-        "routeAlias": "/microworlds/art",
+        "routeAlias": "^/microworlds",
         "view": "microworld/art/art",
         "title": "Art"
     },
     {
         "name": "microworld-hiphop",
         "pattern": "^/microworlds/hiphop",
-        "routeAlias": "/microworlds/hiphop",
+        "routeAlias": "^/microworlds",
         "view": "microworld/hiphop/hiphop",
         "title": "Hip Hop Dance"
     },
     {
         "name": "microworld-fashion",
         "pattern": "^/microworlds/fashion",
-        "routeAlias": "/microworlds/fashion",
+        "routeAlias": "^/microworlds",
         "view": "microworld/fashion/fashion",
         "title": "Fashion"
     },
     {
         "name": "microworld-soccer",
         "pattern": "^/microworlds/soccer",
-        "routeAlias": "/microworlds/soccer",
+        "routeAlias": "^/microworlds",
         "view": "microworld/soccer/soccer",
         "title": "Soccer"
     }
diff --git a/src/views/microworld/soccer/soccer.json b/src/views/microworld/soccer/soccer.json
index b288d32d0..d1affd8d3 100644
--- a/src/views/microworld/soccer/soccer.json
+++ b/src/views/microworld/soccer/soccer.json
@@ -5,4 +5,4 @@
    ],
    "microworld_project_id":"116297919",
    "show_forum":false
-}
\ No newline at end of file
+}

From 850def5cf0ee2807572ff0375a120b6710c9dfcb Mon Sep 17 00:00:00 2001
From: morant <morant@media.mit.edu>
Date: Wed, 7 Sep 2016 16:27:46 -0400
Subject: [PATCH 5/6] - Remove commented out content from microword pages, as
 they are not displayed. - Change art microworld text to not refer to videos.

---
 src/views/microworld/art/art.json         | 119 +---------------------
 src/views/microworld/fashion/fashion.json |  12 ---
 src/views/microworld/hiphop/hiphop.json   |  12 ---
 3 files changed, 1 insertion(+), 142 deletions(-)

diff --git a/src/views/microworld/art/art.json b/src/views/microworld/art/art.json
index b65a75f60..a008b334f 100644
--- a/src/views/microworld/art/art.json
+++ b/src/views/microworld/art/art.json
@@ -1,128 +1,11 @@
 {
    "title":"Make Some Art",
    "description":[
-      "Watch videos about how to create with technology.",
-      "Then, create your own art project.",
+      "Create your own art project with Scratch.",
       "Check out projects by others for inspiration,",
       "communicate in the forum and join the challenges!"
    ],
    "microworld_project_id":"88148127",
-   "commentedout_content": {
-      "videos":[
-         {
-            "key":"1",
-            "image":"http://farm8.staticflickr.com/7245/7120445933_7de87c2bd9_z.jpg",
-            "link":"https://player.vimeo.com/video/40904471"
-         },
-         {
-            "key":"2",
-            "image":"http://blogs.adobe.com/conversations/files/2015/04/project-para2-1024x572.jpg",
-            "link":"https://www.youtube.com/embed/Tdvj8XMrqXc?autoplay=1"
-         },
-         {
-            "key":"3",
-            "image":"http://iluminate.com/wp-content/uploads/2015/07/iluminate-news-residency-at-resorts-world-genting-malaysia-1200x798.jpg",
-            "link":"https://www.youtube.com/embed/Xg1dUhVI9i0?autoplay=1"
-         }
-      ],
-      "tips":[
-         {
-            "title":"Start Dancing",
-            "thumbnails":[
-               {
-                  "type":"tip",
-                  "title":"First, select a sprite",
-                  "thumbnailUrl":"/images/microworlds/hiphop/dancer-sprite.png"
-               },
-               {
-                  "type":"tip",
-                  "title":"Then, try this script",
-                  "thumbnailUrl":"/images/microworlds/hiphop/switch-wait.gif"
-               },
-               {
-                  "type":"tip",
-                  "title":"Start it!",
-                  "thumbnailUrl":"/images/microworlds/hiphop/green-flag.gif"
-               }
-            ]
-         },
-         {
-            "title":"Repeat the Dance",
-            "thumbnails":[
-               {
-                  "type":"tip",
-                  "title":"Add another \"wait\"",
-                  "thumbnailUrl":"/images/microworlds/hiphop/add-wait.gif"
-               },
-               {
-                  "type":"tip",
-                  "title":"Drag this block over",
-                  "thumbnailUrl":"/images/microworlds/hiphop/add-repeat.gif"
-               },
-               {
-                  "type":"tip",
-                  "title":"Start it",
-                  "thumbnailUrl":"/images/microworlds/hiphop/green-flag.gif"
-               }
-            ]
-         },
-         {
-            "title":"Play Music",
-            "thumbnails":[
-               {
-                  "type":"tip",
-                  "title":"Add music that repeats",
-                  "thumbnailUrl":"/images/microworlds/hiphop/add-play-sound.gif"
-               },
-               {
-                  "type":"tip",
-                  "title":"Start it",
-                  "thumbnailUrl":"/images/microworlds/hiphop/green-flag.gif"
-               }
-            ]
-         },
-         {
-            "title":"Shadow Dance",
-            "thumbnails":[
-               {
-                  "type":"tip",
-                  "title":"Add this block",
-                  "thumbnailUrl":"/images/microworlds/hiphop/shadow-dance.gif"
-               },
-               {
-                  "type":"tip",
-                  "title":"Start it",
-                  "thumbnailUrl":"/images/microworlds/hiphop/green-flag.gif"
-               },
-               {
-                  "type":"tip",
-                  "title":"Click the stop sign to reset",
-                  "thumbnailUrl":"/images/microworlds/hiphop/stop.gif"
-               }
-            ]
-         },
-         {
-            "title":"More things to try",
-            "thumbnails":[
-               {
-                  "type":"tip",
-                  "title":"Try different dance moves",
-                  "thumbnailUrl":"/images/microworlds/hiphop/change-dance-moves.gif"
-               },
-               {
-                  "type":"tip",
-                  "title":"Add more moves",
-                  "thumbnailUrl":"/images/microworlds/hiphop/long-dance-script.png"
-               },
-               {
-                  "type":"tip",
-                  "title":"Change the timing",
-                  "thumbnailUrl":"/images/microworlds/hiphop/change-dance-timing.png"
-               }
-            ]
-         }
-      ]
-   },
    "starter_projects":[
       {
          "title":"Architecture Stamps Starter Project",
diff --git a/src/views/microworld/fashion/fashion.json b/src/views/microworld/fashion/fashion.json
index 78db2f7fb..337a31c7c 100644
--- a/src/views/microworld/fashion/fashion.json
+++ b/src/views/microworld/fashion/fashion.json
@@ -125,17 +125,6 @@
          ]
       }
    ],
-   "_commentedout_starter_projects":[
-      {
-         "title":"Architecture Stamps Starter Project",
-         "type":"project",
-         "remixers_count":168,
-         "love_count":3062,
-         "thumbnail_url":"//cdn.scratch.mit.edu/static/site/projects/thumbnails/2445/6318.png",
-         "creator":"CSFirst",
-         "id":24456318
-      }
-   ],
    "community_projects":{
       "featured_projects":[
          {
@@ -395,7 +384,6 @@
       ]
    },
    "design_challenge":{
-      "_commentedout_project_id":"89144801",
       "studio_id":"1424746",
       "studio1":[
          {
diff --git a/src/views/microworld/hiphop/hiphop.json b/src/views/microworld/hiphop/hiphop.json
index 5652d026f..84ffad3ae 100644
--- a/src/views/microworld/hiphop/hiphop.json
+++ b/src/views/microworld/hiphop/hiphop.json
@@ -110,17 +110,6 @@
          ]
       }
    ],
-   "_commentedout_starter_projects":[
-      {
-         "title":"Architecture Stamps Starter Project",
-         "type":"project",
-         "remixers_count":168,
-         "love_count":3062,
-         "thumbnail_url":"//cdn.scratch.mit.edu/static/site/projects/thumbnails/2445/6318.png",
-         "creator":"CSFirst",
-         "id":24456318
-      }
-   ],
    "community_projects":{
       "featured_projects":[
          {
@@ -353,7 +342,6 @@
       ]
    },
    "design_challenge":{
-      "_commentedout_project_id":"89144801",
       "studio_id":"1065372",
       "studio1":[
          {

From 89faccfc6ff2ea87586211805a5169edabc87f6c Mon Sep 17 00:00:00 2001
From: morant <morant@media.mit.edu>
Date: Thu, 8 Sep 2016 17:06:24 -0400
Subject: [PATCH 6/6] Remove caret from routhAlias

---
 src/routes.json | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes.json b/src/routes.json
index 48815a399..6699aa82e 100644
--- a/src/routes.json
+++ b/src/routes.json
@@ -222,28 +222,28 @@
     {
         "name": "microworld-art",
         "pattern": "^/microworlds/art",
-        "routeAlias": "^/microworlds",
+        "routeAlias": "/microworlds",
         "view": "microworld/art/art",
         "title": "Art"
     },
     {
         "name": "microworld-hiphop",
         "pattern": "^/microworlds/hiphop",
-        "routeAlias": "^/microworlds",
+        "routeAlias": "/microworlds",
         "view": "microworld/hiphop/hiphop",
         "title": "Hip Hop Dance"
     },
     {
         "name": "microworld-fashion",
         "pattern": "^/microworlds/fashion",
-        "routeAlias": "^/microworlds",
+        "routeAlias": "/microworlds",
         "view": "microworld/fashion/fashion",
         "title": "Fashion"
     },
     {
         "name": "microworld-soccer",
         "pattern": "^/microworlds/soccer",
-        "routeAlias": "^/microworlds",
+        "routeAlias": "/microworlds",
         "view": "microworld/soccer/soccer",
         "title": "Soccer"
     }