From 2593d7aaf5029dcec3bf762063b2dd38b8b29c8b Mon Sep 17 00:00:00 2001
From: morant <morant@media.mit.edu>
Date: Fri, 8 Jan 2016 16:18:51 -0500
Subject: [PATCH] Generic version of the Microworlds. No arts specific features
 anymore. Still fails when a component is missing

---
 src/views/microworlds/microworlds.jsx         |  77 +-
 src/views/microworlds/microworlds_art.json    | 710 +++++++++++++++++-
 .../microworlds/microworlds_projects.json     | 701 -----------------
 src/views/microworlds/microworlds_tips.json   | 118 ---
 4 files changed, 730 insertions(+), 876 deletions(-)
 delete mode 100644 src/views/microworlds/microworlds_projects.json
 delete mode 100644 src/views/microworlds/microworlds_tips.json

diff --git a/src/views/microworlds/microworlds.jsx b/src/views/microworlds/microworlds.jsx
index 3bb3bf6db..511ce5f2a 100644
--- a/src/views/microworlds/microworlds.jsx
+++ b/src/views/microworlds/microworlds.jsx
@@ -18,38 +18,26 @@ var Microworld = React.createClass({
         Api,
         Session
     ],
-    showVideo: function (keya) {
-        
+    showVideo: function (key) {
         var videoOpenArr = this.state.videoOpen;
-        videoOpenArr[keya] = true;
+        videoOpenArr[key] = true;
         this.setState({videoOpen: videoOpenArr});
-        console.error("show");
-        console.error(this.state.videoOpen);
     },
-    closeVideo: function (keya) {
+    closeVideo: function (key) {
         var videoOpenArr = this.state.videoOpen;
-        videoOpenArr[keya] = false;
+        videoOpenArr[key] = false;
         this.setState({videoOpen: videoOpenArr});
-        console.error("close");
-        console.error(this.state.videoOpen);
     },
     getInitialState: function () {
         return {
             videoOpen: {},
             featuredGlobal: {},
             featuredLocal: {},
-            microworlds_data: {}
+            microworlds_data: require("./microworlds_art.json")
         };
     },
     componentDidMount: function () {
-        this.getMicroworldData();
         this.getFeaturedGlobal();
-        this.getFeaturedLocal();
-    },
-    getMicroworldData: function() {
-        {/*Why is this not working?*/}
-        var data = require("./microworlds_art.json");
-        this.setState({microworlds_data: data});
     },
     getFeaturedGlobal: function () {
         this.api({
@@ -60,29 +48,19 @@ var Microworld = React.createClass({
             }
         }.bind(this));
     },
-    getFeaturedLocal: function () {
-        var art_projects = require("./microworlds_projects");
-        this.setState({featuredLocal: art_projects});
-    },
     renderVideos: function () {
-        {/*Change to read from global data*/}
-        var data = require("./microworlds_art.json");
-        console.error(data.videos);
-        
         return (
             <div className="videos-section section">
                 <h1>Get Inspired...</h1>
                 <div className="videos-container">
                     <div className="videos">
-                        {data.videos.map(this.renderVideo)}
+                        {this.state.microworlds_data.videos.map(this.renderVideo)}
                     </div>
                 </div>
             </div>
         );
     },
     renderVideo: function (video, key) {
-        console.error("video");
-        console.error(video);
         var frameProps = {
             width: 570,
             height: 357,
@@ -92,7 +70,7 @@ var Microworld = React.createClass({
         return (
             <div>
                 <div className="video">
-                    <div className="play-button" onClick={this.showVideo.bind(this, key)} style={{ left: left +'%' }}>
+                    <div className="play-button" onClick={this.showVideo.bind(this, key)} style={{ left: left +'%', top: '60%' }}>
                     </div>
                     <img src={video.image} />
                 </div>
@@ -108,16 +86,14 @@ var Microworld = React.createClass({
         )
     },
     renderEditorWindow: function() {
+        var project_id = this.state.microworlds_data.microworld_project_id;
         return (
             <div className="editor section">
                 <h1>Start Creating!</h1>
-                {/*<iframe src="//scratch.mit.edu/projects/embed-editor/86999051/?isMicroworld=true"
-                        frameborder="0"> </iframe>
-                */}
-                <a href="//scratch.mit.edu/projects/88148127/#editor">
+                <a href={"//scratch.mit.edu/projects/"+ project_id +"/#editor"}>
                   <img src="/images/scratch-og.png" style={{width:"6%", position: "absolute", left: "75%"}}></img>
                 </a>
-                <iframe src="//scratch.mit.edu/projects/embed-editor/88148127/?isMicroworld=true"
+                <iframe src={"//scratch.mit.edu/projects/embed-editor/" + project_id + "/?isMicroworld=true"}
                         frameborder="0"> </iframe>
                 {this.renderTips()}
                 
@@ -125,7 +101,8 @@ var Microworld = React.createClass({
         )
     },
     renderTips: function() {
-        var tips =  require("./microworlds_tips.json");
+        var tips =  this.state.microworlds_data.tips;
+
         return (
             <div className="box tipsslider">
                 <div className="box-header">
@@ -143,7 +120,7 @@ var Microworld = React.createClass({
                 <Box
                     title="More Starter Projects"
                     key="design_studio">
-                    <Carousel items={this.state.featuredLocal.scratch_starter_projects} />
+                    <Carousel items={this.state.microworlds_data.community_projects.scratch_starter_projects} />
                 </Box>
             </div>
         )
@@ -153,12 +130,12 @@ var Microworld = React.createClass({
             <Box
                 title="Featured Community Projects"
                 key="community_featured_projects">
-                <Carousel items={this.state.featuredLocal.community_featured_projects} />
+                <Carousel items={this.state.microworlds_data.community_projects.community_featured_projects} />
             </Box>,
             <Box
                 title="All Community Projects"
                 key="community_all_projects">
-                <Carousel items={this.state.featuredLocal.community_newest_projects} />
+                <Carousel items={this.state.microworlds_data.community_projects.community_newest_projects} />
             </Box>,
         ];
         return (
@@ -170,7 +147,7 @@ var Microworld = React.createClass({
     renderForum: function() {
         return (
         <div className="forum">
-            <h1>Chat with other art lovers!</h1>
+            <h1>Chat with others!</h1>
             <img src="/images/forum-image.png"/>
         </div>
         )
@@ -188,37 +165,25 @@ var Microworld = React.createClass({
                         key="scratch_desgin_studio"
                         moreTitle="Visit the studio"
                         moreHref={'/studios/' + '1728540' + '/'}>
-                    <Carousel settings={{slidesToShow:2,slidesToScroll:2}} items={this.state.featuredLocal.scratch_design_studio1} />
-                    <Carousel settings={{slidesToShow:2,slidesToScroll:2}} items={this.state.featuredLocal.scratch_design_studio2} />
+                    <Carousel settings={{slidesToShow:2,slidesToScroll:2}} items={this.state.microworlds_data.community_projects.scratch_design_studio1} />
+                    <Carousel settings={{slidesToShow:2,slidesToScroll:2}} items={this.state.microworlds_data.community_projects.scratch_design_studio2} />
                         </Box>
                     </div>
                 </div>
         )
     },
     render: function () {
-        console.error("beginning");
         var classes = classNames(
             'top-banner'
         );
-        var frameProps = {
-            width: 570,
-            height: 357,
-            padding: 15
-        };
-
         return (
             <div>
                 <div className="top-banner section">
-                    <h1>Make Some Art</h1>
-                    <p>Watch videos about how to create with technology.<br></br>
-                       Then, create your own art project.<br></br>
-                       Check out projects by others for inspiration,<br></br>
-                       communicate in the forum and join the challenges!
-                    </p>
+                    <h1>{this.state.microworlds_data.title}</h1>
+                    <p>{this.state.microworlds_data.description.join(" ")}</p>
                 </div>
 
-                {this.renderVideos(frameProps)}
-                console.error("here!!!");
+                {this.renderVideos()}
 
                 <div className="content">
                     {this.renderEditorWindow()}
diff --git a/src/views/microworlds/microworlds_art.json b/src/views/microworlds/microworlds_art.json
index 09da51a8e..76afcdb3a 100644
--- a/src/views/microworlds/microworlds_art.json
+++ b/src/views/microworlds/microworlds_art.json
@@ -1,4 +1,11 @@
 {
+    "title": "Make Some Art",
+    "description": [
+        "Watch videos about how to create with technology.",
+        "Then, create your own art project.",
+        "Check out projects by others for inspiration,",
+        "communicate in the forum and join the challenges!"
+    ],
     "videos": [
         {
             "key": "1",
@@ -16,6 +23,7 @@
             "link": "https://www.youtube.com/embed/Xg1dUhVI9i0?autoplay=1"
         }
     ],
+    "microworld_project_id" : "88148127",
     "tips": [
         {
         "title": "Start Dancing",
@@ -131,5 +139,705 @@
 
             ]
         }
-    ]
+    ],
+    "community_projects": {
+        "scratch_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
+            },
+            {
+              "title": "Digital Art Starter Project",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2513/9098.png",
+              "creator": "CSFirst",
+              "id": 25139098
+            },
+            {
+              "title": "Graffiti Starter Project",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2546/8311.png",
+              "creator": "CSFirst",
+              "id": 25468311
+            },
+            {
+              "title": "Paint with Tera Starter ",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2743/2322.png",
+              "creator": "CSFirst",
+              "id": 27432322
+            },
+            {
+              "title": "Interactive Art Starter Project",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2501/4570.png",
+              "creator": "CSFirst",
+              "id": 25014570
+            },
+            {
+              "title": "Interactive Art Starter Project - Kuniyoshi Start",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2482/0113.png",
+              "creator": "CSFirst",
+              "id": 24820113
+            },
+            {
+              "title": "Interactive Art Starter Project - American Gothic",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2445/4633.png",
+              "creator": "CSFirst",
+              "id": 24454633
+            },
+            {
+              "title": "Interactive Art Starter Project - The Scream",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2481/8944.png",
+              "creator": "CSFirst",
+              "id": 24818944
+            },
+            {
+              "title": "Animation Starter Project - Penguin",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2395/6722.png",
+              "creator": "CSFirst",
+              "id": 23956722
+            },
+            {
+              "title": "Animation Starter Project - Gobo",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2395/7767.png",
+              "creator": "CSFirst",
+              "id": 23957767
+            },
+            {
+              "title": "Animation Starter Project - Ghost",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2395/7153.png",
+              "creator": "CSFirst",
+              "id": 23957153
+            },
+            {
+              "title": "Animation Starter Project - Crab",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2395/6837.png",
+              "creator": "CSFirst",
+              "id": 23956837
+            },
+            {
+              "title": "Intro to Art Starter Project",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2420/9090.png",
+              "creator": "CSFirst",
+              "id": 24209090
+            }
+          ],
+          "community_featured_projects": [
+            {
+              "title": "Change color effect by-function",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/141/3159.png",
+              "creator": "dapontes",
+              "id": 1413159
+            },
+            {
+              "title": "CobwebMaker",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/133/0100.png",
+              "creator": "-Scratcher-",
+              "id": 1330100
+            },
+            {
+              "title": "QuadraticMap3_Attractor",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/136/2772.png",
+              "creator": "mathjp",
+              "id": 1362772
+            },
+            {
+              "title": "Plants_Jp1",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/131/8150.png",
+              "creator": "mathjp",
+              "id": 1318150
+            },
+            {
+              "title": "TreeMaker",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/131/5337.png",
+              "creator": "-Scratcher-",
+              "id": 1315337
+            },
+            {
+              "title": "3D Curve art",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/128/7436.png",
+              "creator": "nasami",
+              "id": 1287436
+            },
+            {
+              "title": "pen art maker",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/115/3338.png",
+              "creator": "cooljj100",
+              "id": 1153338
+            },
+            {
+              "title": "e-lisa-avo",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/64/1173.png",
+              "creator": "gerhardmb",
+              "id": 641173
+            },
+            {
+              "title": "Pyramid_IFS_Fractal",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/129/4615.png",
+              "creator": "mathjp",
+              "id": 1294615
+            },
+            {
+              "title": "3D Snail",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/127/0157.png",
+              "creator": "mathjp",
+              "id": 1270157
+            },
+            {
+              "title": "Fractile Shape Maker 1S 1S",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/115/5121.png",
+              "creator": "recycle49",
+              "id": 1155121
+            },
+            {
+              "title": "Mosaik",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/110/3305.png",
+              "creator": "frcroth",
+              "id": 1103305
+            },
+            {
+              "title": "QuadraticMap2_Attractor",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/109/9424.png",
+              "creator": "mathjp",
+              "id": 1099424
+            },
+            {
+              "title": "3D Cube",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/105/2958.png",
+              "creator": "VilceGT",
+              "id": 1052958
+            },
+            {
+              "title": "Fractal_CarpetsV1",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/105/9322.png",
+              "creator": "mathjp",
+              "id": 1059322
+            },
+            {
+              "title": "QuadraticMap1_Attractor",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/100/1796.png",
+              "creator": "mathjp",
+              "id": 1001796
+            },
+            {
+              "title": "Pattern/Shape Generator 1S 1S",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/94/6911.png",
+              "creator": "recycle49",
+              "id": 946911
+            },
+            {
+              "title": "Sweet Rainbow Kaliedoscope Attractor",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/94/0283.png",
+              "creator": "Venazard",
+              "id": 940283
+            },
+            {
+              "title": "Scratch3_Attractor",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/94/6973.png",
+              "creator": "mathjp",
+              "id": 946973
+            },
+            {
+              "title": "Peter_de_Jong_Attractor",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/85/3644.png",
+              "creator": "mathjp",
+              "id": 853644
+            },
+            {
+              "title": "Invertable",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/53/6764.png",
+              "creator": "itsEMILagain",
+              "id": 536764
+            },
+            {
+              "title": "Chalkboard designs",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/66/7803.png",
+              "creator": "Targethero",
+              "id": 667803
+            },
+            {
+              "title": "Blades of grass",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/82/2114.png",
+              "creator": "AddZero",
+              "id": 822114
+            },
+            {
+              "title": "Flexible Line",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/72/8858.png",
+              "creator": "Paddle2See",
+              "id": 728858
+            }
+          ],
+          "community_newest_projects": [
+            {
+              "title": "Pixel Art - Emerald ore",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/8681/8843.png",
+              "creator": "SebastianLavers",
+              "id": 86818843
+            },
+            {
+              "title": "Untitled-10",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/8720/4697.png",
+              "creator": "SebastianLavers",
+              "id": 87204697
+            },
+            {
+              "title": "pixel art - trayne",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/8720/5631.png",
+              "creator": "SebastianLavers",
+              "id": 87205631
+            },
+            {
+              "title": "MY STAR WARS PIXEL ICONS",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/8294/4668.png",
+              "creator": "DevG2857",
+              "id": 82944668
+            },
+            {
+              "title": "[Pixel Art] Bomb",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7663/8750.png",
+              "creator": "-PixelArt-",
+              "id": 76638750
+            },
+            {
+              "title": "[Pixel Art] Pizza",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7652/8188.png",
+              "creator": "-PixelArt-",
+              "id": 76528188
+            },
+            {
+              "title": "[Pixel Art] Ancient Book",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7652/9284.png",
+              "creator": "-PixelArt-",
+              "id": 76529284
+            },
+            {
+              "title": "[Pixel Art] Grass Tile #2",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7567/6352.png",
+              "creator": "-PixelArt-",
+              "id": 75676352
+            },
+            {
+              "title": "Millennium Falcon",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/4829/2520.png",
+              "creator": "HD_Pixel_Squid",
+              "id": 48292520
+            },
+            {
+              "title": "Pixel Art Scene",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/5076/2664.png",
+              "creator": "AgentCNF",
+              "id": 50762664
+            },
+            {
+              "title": "Sunset Pixel Art - By JK102",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7332/8110.png",
+              "creator": "jk102",
+              "id": 73328110
+            },
+            {
+              "title": "Dragon Ball Z Pixel Art",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7225/3242.png",
+              "creator": "agentmcguffin",
+              "id": 72253242
+            },
+            {
+              "title": "Pixel Art - Award",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7260/3768.png",
+              "creator": "Pixels-",
+              "id": 72603768
+            },
+            {
+              "title": "PixelMoltenArmor",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/6927/7136.png",
+              "creator": "pixelart5",
+              "id": 69277136
+            },
+            {
+              "title": "Fishing (Art)",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/1901/6045.png",
+              "creator": "IsoPixel",
+              "id": 19016045
+            },
+            {
+              "title": "Placid Pool Simulation",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/4696/9638.png",
+              "creator": "RememberNovember",
+              "id": 46969638
+            },
+            {
+              "title": "[Pixel Art] Mountain Background",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7558/6228.png",
+              "creator": "-PixelArt-",
+              "id": 75586228
+            },
+            {
+              "title": "[Pixel Art] Log",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7558/0582.png",
+              "creator": "-PixelArt-",
+              "id": 75580582
+            },
+            {
+              "title": "[Pixel Art] Healthbar",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7468/7698.png",
+              "creator": "-PixelArt-",
+              "id": 74687698
+            },
+            {
+              "title": "[Pixel Art] Food",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7450/4518.png",
+              "creator": "-PixelArt-",
+              "id": 74504518
+            },
+            {
+              "title": "[Pixel Art] Starfield",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7450/3672.png",
+              "creator": "-PixelArt-",
+              "id": 74503672
+            },
+            {
+              "title": "[Pixel Art] Nature Scene",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7449/9686.png",
+              "creator": "-PixelArt-",
+              "id": 74499686
+            },
+            {
+              "title": "[Pixel Art] Clouds",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7450/1794.png",
+              "creator": "-PixelArt-",
+              "id": 74501794
+            },
+            {
+              "title": "[Pixel Art] Medieval Door",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7333/1288.png",
+              "creator": "-PixelArt-",
+              "id": 73331288
+            },
+            {
+              "title": "[Pixel Art] Sun and Moon",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7443/2594.png",
+              "creator": "-PixelArt-",
+              "id": 74432594
+            },
+            {
+              "title": "[Pixel Art] Soda Can",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7333/0734.png",
+              "creator": "-PixelArt-",
+              "id": 73330734
+            },
+            {
+              "title": "[Pixel Art] Rock Pack",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7324/3096.png",
+              "creator": "-PixelArt-",
+              "id": 73243096
+            },
+            {
+              "title": "[Pixel Art] Grass Tile",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7321/3098.png",
+              "creator": "-PixelArt-",
+              "id": 73213098
+            },
+            {
+              "title": "[Pixel Art] Animated Coin",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7321/2898.png",
+              "creator": "-PixelArt-",
+              "id": 73212898
+            },
+            {
+              "title": "[Pixel Art] Sword",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7294/4390.png",
+              "creator": "-PixelArt-",
+              "id": 72944390
+            }
+          ],
+          "scratch_design_studio1": [
+            {
+              "gallery_id": 1728540,
+              "creator": "mathjp",
+              "remixers_count": 8,
+              "gallery_title": "Arts Design Challenge",
+              "love_count": 28,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/326/6979.png",
+              "title": "Flowers_Creator",
+              "type": "project",
+              "id": 3266979
+            },
+            {
+              "gallery_id": 1728540,
+              "creator": "-Scratcher-",
+              "remixers_count": 2,
+              "gallery_title": "Arts Design Challenge",
+              "love_count": 9,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/131/5337.png",
+              "title": "TreeMaker",
+              "type": "project",
+              "id": 1315337
+            },
+            {
+              "title": "a beautiful day with a flower",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/326/7716.png",
+              "creator": "Sakura102",
+              "id": 3267716
+            },
+            {
+              "title": "A Walk in the Dream Park",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2032/9589.png",
+              "creator": "JoeTheMan18",
+              "id": 20329589
+            },
+            {
+              "title": "Drawing with Shapes",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7700/9574.png",
+              "creator": "morant",
+              "id": 77009574
+            },
+            {
+              "title": "pretty flower",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/271/1834.png",
+              "creator": "leszpio",
+              "id": 2711834
+            },
+            {
+              "title": "Garden Secret",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/1045/1607.png",
+              "creator": "Eddie101101",
+              "id": 10451607
+            }
+          ],
+          "scratch_design_studio2": [
+            {
+              "title": "Garden Secret",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/1045/1607.png",
+              "creator": "Eddie101101",
+              "id": 10451607
+            },
+            {
+              "title": "The Park",
+              "type": "project",
+              "remixers_count": 168,
+              "love_count": 3062,
+              "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2658/0310.png",
+              "creator": "taliapanda01",
+              "id": 26580310
+            }
+        ]
+    }
 }
\ No newline at end of file
diff --git a/src/views/microworlds/microworlds_projects.json b/src/views/microworlds/microworlds_projects.json
deleted file mode 100644
index 86b4998e1..000000000
--- a/src/views/microworlds/microworlds_projects.json
+++ /dev/null
@@ -1,701 +0,0 @@
-{
-
-  "scratch_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
-    },
-    {
-      "title": "Digital Art Starter Project",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2513/9098.png",
-      "creator": "CSFirst",
-      "id": 25139098
-    },
-    {
-      "title": "Graffiti Starter Project",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2546/8311.png",
-      "creator": "CSFirst",
-      "id": 25468311
-    },
-    {
-      "title": "Paint with Tera Starter ",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2743/2322.png",
-      "creator": "CSFirst",
-      "id": 27432322
-    },
-    {
-      "title": "Interactive Art Starter Project",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2501/4570.png",
-      "creator": "CSFirst",
-      "id": 25014570
-    },
-    {
-      "title": "Interactive Art Starter Project - Kuniyoshi Start",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2482/0113.png",
-      "creator": "CSFirst",
-      "id": 24820113
-    },
-    {
-      "title": "Interactive Art Starter Project - American Gothic",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2445/4633.png",
-      "creator": "CSFirst",
-      "id": 24454633
-    },
-    {
-      "title": "Interactive Art Starter Project - The Scream",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2481/8944.png",
-      "creator": "CSFirst",
-      "id": 24818944
-    },
-    {
-      "title": "Animation Starter Project - Penguin",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2395/6722.png",
-      "creator": "CSFirst",
-      "id": 23956722
-    },
-    {
-      "title": "Animation Starter Project - Gobo",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2395/7767.png",
-      "creator": "CSFirst",
-      "id": 23957767
-    },
-    {
-      "title": "Animation Starter Project - Ghost",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2395/7153.png",
-      "creator": "CSFirst",
-      "id": 23957153
-    },
-    {
-      "title": "Animation Starter Project - Crab",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2395/6837.png",
-      "creator": "CSFirst",
-      "id": 23956837
-    },
-    {
-      "title": "Intro to Art Starter Project",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2420/9090.png",
-      "creator": "CSFirst",
-      "id": 24209090
-    }
-  ],
-  "community_featured_projects": [
-    {
-      "title": "Change color effect by-function",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/141/3159.png",
-      "creator": "dapontes",
-      "id": 1413159
-    },
-    {
-      "title": "CobwebMaker",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/133/0100.png",
-      "creator": "-Scratcher-",
-      "id": 1330100
-    },
-    {
-      "title": "QuadraticMap3_Attractor",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/136/2772.png",
-      "creator": "mathjp",
-      "id": 1362772
-    },
-    {
-      "title": "Plants_Jp1",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/131/8150.png",
-      "creator": "mathjp",
-      "id": 1318150
-    },
-    {
-      "title": "TreeMaker",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/131/5337.png",
-      "creator": "-Scratcher-",
-      "id": 1315337
-    },
-    {
-      "title": "3D Curve art",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/128/7436.png",
-      "creator": "nasami",
-      "id": 1287436
-    },
-    {
-      "title": "pen art maker",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/115/3338.png",
-      "creator": "cooljj100",
-      "id": 1153338
-    },
-    {
-      "title": "e-lisa-avo",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/64/1173.png",
-      "creator": "gerhardmb",
-      "id": 641173
-    },
-    {
-      "title": "Pyramid_IFS_Fractal",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/129/4615.png",
-      "creator": "mathjp",
-      "id": 1294615
-    },
-    {
-      "title": "3D Snail",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/127/0157.png",
-      "creator": "mathjp",
-      "id": 1270157
-    },
-    {
-      "title": "Fractile Shape Maker 1S 1S",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/115/5121.png",
-      "creator": "recycle49",
-      "id": 1155121
-    },
-    {
-      "title": "Mosaik",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/110/3305.png",
-      "creator": "frcroth",
-      "id": 1103305
-    },
-    {
-      "title": "QuadraticMap2_Attractor",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/109/9424.png",
-      "creator": "mathjp",
-      "id": 1099424
-    },
-    {
-      "title": "3D Cube",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/105/2958.png",
-      "creator": "VilceGT",
-      "id": 1052958
-    },
-    {
-      "title": "Fractal_CarpetsV1",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/105/9322.png",
-      "creator": "mathjp",
-      "id": 1059322
-    },
-    {
-      "title": "QuadraticMap1_Attractor",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/100/1796.png",
-      "creator": "mathjp",
-      "id": 1001796
-    },
-    {
-      "title": "Pattern/Shape Generator 1S 1S",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/94/6911.png",
-      "creator": "recycle49",
-      "id": 946911
-    },
-    {
-      "title": "Sweet Rainbow Kaliedoscope Attractor",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/94/0283.png",
-      "creator": "Venazard",
-      "id": 940283
-    },
-    {
-      "title": "Scratch3_Attractor",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/94/6973.png",
-      "creator": "mathjp",
-      "id": 946973
-    },
-    {
-      "title": "Peter_de_Jong_Attractor",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/85/3644.png",
-      "creator": "mathjp",
-      "id": 853644
-    },
-    {
-      "title": "Invertable",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/53/6764.png",
-      "creator": "itsEMILagain",
-      "id": 536764
-    },
-    {
-      "title": "Chalkboard designs",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/66/7803.png",
-      "creator": "Targethero",
-      "id": 667803
-    },
-    {
-      "title": "Blades of grass",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/82/2114.png",
-      "creator": "AddZero",
-      "id": 822114
-    },
-    {
-      "title": "Flexible Line",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/72/8858.png",
-      "creator": "Paddle2See",
-      "id": 728858
-    }
-  ],
-  "community_newest_projects": [
-    {
-      "title": "Pixel Art - Emerald ore",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/8681/8843.png",
-      "creator": "SebastianLavers",
-      "id": 86818843
-    },
-    {
-      "title": "Untitled-10",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/8720/4697.png",
-      "creator": "SebastianLavers",
-      "id": 87204697
-    },
-    {
-      "title": "pixel art - trayne",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/8720/5631.png",
-      "creator": "SebastianLavers",
-      "id": 87205631
-    },
-    {
-      "title": "MY STAR WARS PIXEL ICONS",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/8294/4668.png",
-      "creator": "DevG2857",
-      "id": 82944668
-    },
-    {
-      "title": "[Pixel Art] Bomb",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7663/8750.png",
-      "creator": "-PixelArt-",
-      "id": 76638750
-    },
-    {
-      "title": "[Pixel Art] Pizza",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7652/8188.png",
-      "creator": "-PixelArt-",
-      "id": 76528188
-    },
-    {
-      "title": "[Pixel Art] Ancient Book",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7652/9284.png",
-      "creator": "-PixelArt-",
-      "id": 76529284
-    },
-    {
-      "title": "[Pixel Art] Grass Tile #2",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7567/6352.png",
-      "creator": "-PixelArt-",
-      "id": 75676352
-    },
-    {
-      "title": "Millennium Falcon",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/4829/2520.png",
-      "creator": "HD_Pixel_Squid",
-      "id": 48292520
-    },
-    {
-      "title": "Pixel Art Scene",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/5076/2664.png",
-      "creator": "AgentCNF",
-      "id": 50762664
-    },
-    {
-      "title": "Sunset Pixel Art - By JK102",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7332/8110.png",
-      "creator": "jk102",
-      "id": 73328110
-    },
-    {
-      "title": "Dragon Ball Z Pixel Art",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7225/3242.png",
-      "creator": "agentmcguffin",
-      "id": 72253242
-    },
-    {
-      "title": "Pixel Art - Award",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7260/3768.png",
-      "creator": "Pixels-",
-      "id": 72603768
-    },
-    {
-      "title": "PixelMoltenArmor",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/6927/7136.png",
-      "creator": "pixelart5",
-      "id": 69277136
-    },
-    {
-      "title": "Fishing (Art)",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/1901/6045.png",
-      "creator": "IsoPixel",
-      "id": 19016045
-    },
-    {
-      "title": "Placid Pool Simulation",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/4696/9638.png",
-      "creator": "RememberNovember",
-      "id": 46969638
-    },
-    {
-      "title": "[Pixel Art] Mountain Background",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7558/6228.png",
-      "creator": "-PixelArt-",
-      "id": 75586228
-    },
-    {
-      "title": "[Pixel Art] Log",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7558/0582.png",
-      "creator": "-PixelArt-",
-      "id": 75580582
-    },
-    {
-      "title": "[Pixel Art] Healthbar",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7468/7698.png",
-      "creator": "-PixelArt-",
-      "id": 74687698
-    },
-    {
-      "title": "[Pixel Art] Food",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7450/4518.png",
-      "creator": "-PixelArt-",
-      "id": 74504518
-    },
-    {
-      "title": "[Pixel Art] Starfield",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7450/3672.png",
-      "creator": "-PixelArt-",
-      "id": 74503672
-    },
-    {
-      "title": "[Pixel Art] Nature Scene",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7449/9686.png",
-      "creator": "-PixelArt-",
-      "id": 74499686
-    },
-    {
-      "title": "[Pixel Art] Clouds",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7450/1794.png",
-      "creator": "-PixelArt-",
-      "id": 74501794
-    },
-    {
-      "title": "[Pixel Art] Medieval Door",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7333/1288.png",
-      "creator": "-PixelArt-",
-      "id": 73331288
-    },
-    {
-      "title": "[Pixel Art] Sun and Moon",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7443/2594.png",
-      "creator": "-PixelArt-",
-      "id": 74432594
-    },
-    {
-      "title": "[Pixel Art] Soda Can",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7333/0734.png",
-      "creator": "-PixelArt-",
-      "id": 73330734
-    },
-    {
-      "title": "[Pixel Art] Rock Pack",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7324/3096.png",
-      "creator": "-PixelArt-",
-      "id": 73243096
-    },
-    {
-      "title": "[Pixel Art] Grass Tile",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7321/3098.png",
-      "creator": "-PixelArt-",
-      "id": 73213098
-    },
-    {
-      "title": "[Pixel Art] Animated Coin",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7321/2898.png",
-      "creator": "-PixelArt-",
-      "id": 73212898
-    },
-    {
-      "title": "[Pixel Art] Sword",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7294/4390.png",
-      "creator": "-PixelArt-",
-      "id": 72944390
-    }
-  ],
-  "scratch_design_studio1": [
-    {
-      "gallery_id": 1728540,
-      "creator": "mathjp",
-      "remixers_count": 8,
-      "gallery_title": "Arts Design Challenge",
-      "love_count": 28,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/326/6979.png",
-      "title": "Flowers_Creator",
-      "type": "project",
-      "id": 3266979
-    },
-    {
-      "gallery_id": 1728540,
-      "creator": "-Scratcher-",
-      "remixers_count": 2,
-      "gallery_title": "Arts Design Challenge",
-      "love_count": 9,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/131/5337.png",
-      "title": "TreeMaker",
-      "type": "project",
-      "id": 1315337
-    },
-    {
-      "title": "a beautiful day with a flower",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/326/7716.png",
-      "creator": "Sakura102",
-      "id": 3267716
-    },
-    {
-      "title": "A Walk in the Dream Park",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2032/9589.png",
-      "creator": "JoeTheMan18",
-      "id": 20329589
-    },
-    {
-      "title": "Drawing with Shapes",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7700/9574.png",
-      "creator": "morant",
-      "id": 77009574
-    },
-    {
-      "title": "pretty flower",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/271/1834.png",
-      "creator": "leszpio",
-      "id": 2711834
-    },
-    {
-      "title": "Garden Secret",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/1045/1607.png",
-      "creator": "Eddie101101",
-      "id": 10451607
-    }
-  ],
-  "scratch_design_studio2": [
-    {
-      "title": "Garden Secret",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/1045/1607.png",
-      "creator": "Eddie101101",
-      "id": 10451607
-    },
-    {
-      "title": "The Park",
-      "type": "project",
-      "remixers_count": 168,
-      "love_count": 3062,
-      "thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2658/0310.png",
-      "creator": "taliapanda01",
-      "id": 26580310
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/views/microworlds/microworlds_tips.json b/src/views/microworlds/microworlds_tips.json
deleted file mode 100644
index d91425e92..000000000
--- a/src/views/microworlds/microworlds_tips.json
+++ /dev/null
@@ -1,118 +0,0 @@
-[
-{
-        "title": "Start Dancing",
-        "tips": [
-            {
-                "id": 1,
-                "type": "tip",
-                "title": "First, select a sprite",
-                "thumbnailUrl": "/images/microworlds/hiphop/dancer-sprite.png"
-            },
-            {
-                "id": 2,
-                "type": "tip",
-                "title": "Then, try this script",
-                "thumbnailUrl": "/images/microworlds/hiphop/switch-wait.gif"
-            },
-            {
-                "id": 3,
-                "type": "tip",
-                "title": "Start it!",
-                "thumbnailUrl": "/images/microworlds/hiphop/green-flag.gif"
-            }
-        ]
-    },
-    {
-        "title": "Repeat the Dance",
-        "tips": [    
-            {
-                "id": 4,
-                "type": "tip",
-                "title": "Add another \"wait\"",
-                "thumbnailUrl": "/images/microworlds/hiphop/add-wait.gif"
-            },
-            {
-                "id": 5,
-                "type": "tip",
-                "title": "Drag this block over",
-                "thumbnailUrl": "/images/microworlds/hiphop/add-repeat.gif"
-            },
-            {
-                "id": 6,
-                "type": "tip",
-                "title": "Start it",
-                "thumbnailUrl": "/images/microworlds/hiphop/green-flag.gif"
-            }
-        ]
-    },
-    {
-        "title": "Play Music",
-        "tips": [
-
-            {
-                "id": 7,
-                "type": "tip",
-                "title": "Add music that repeats",
-                "thumbnailUrl": "/images/microworlds/hiphop/add-play-sound.gif"
-            },
-            {
-                "id": 8,
-                "type": "tip",
-                "title": "Start it",
-                "thumbnailUrl": "/images/microworlds/hiphop/green-flag.gif"
-            }
-        ]
-    },
-    {
-        "title": "Shadow Dance",
-        "tips": [
-
-            {
-                "id": 7,
-                "type": "tip",
-                "title": "Add this block",
-                "thumbnailUrl": "/images/microworlds/hiphop/shadow-dance.gif"
-            },
-            {
-                "id": 8,
-                "type": "tip",
-                "title": "Start it",
-                "thumbnailUrl": "/images/microworlds/hiphop/green-flag.gif"
-            },
-            {
-                "id": 9,
-                "type": "tip",
-                "title": "Click the stop sign to reset",
-                "thumbnailUrl": "/images/microworlds/hiphop/stop.gif"
-            }
-
-        ]
-    },
-    {
-        "title": "More things to try",
-        "tips": [
-
-            {
-                "id": 10,
-                "type": "tip",
-                "title": "Try different dance moves",
-                "thumbnailUrl": "/images/microworlds/hiphop/change-dance-moves.gif"
-            },
-            {
-                "id": 11,
-                "type": "tip",
-                "title": "Add more moves",
-                "thumbnailUrl": "/images/microworlds/hiphop/long-dance-script.png"
-            },
-            {
-                "id": 12,
-                "type": "tip",
-                "title": "Change the timing",
-                "thumbnailUrl": "/images/microworlds/hiphop/change-dance-timing.png"
-            }
-
-        ]
-    }
-
-    
-]