Add interactive design studio, and make studios show arts projects.

Also many design changes.

src/components/carousel/carousel.jsx

@@ -51,6 +51,8 @@ var Carousel = React.createClass({
                         href = '/' + item.type + '/' + item.id + '/';
                     }
 
+                    href = "//scratch.mit.edu" + href;
+
                     return (
                         <Thumbnail key={item.id}
                                    showLoves={this.props.showLoves}

src/views/microworlds_art/microworlds_art.jsx

@@ -43,18 +43,26 @@ var Microworld = React.createClass({
             videoOpen2: false,
             videoOpen3: false,
             featuredGlobal: {},
+            featuredLocal: {},
         };
     },
     componentDidMount: function () {
         this.getFeaturedGlobal();
+        this.getFeaturedLocal();
     },
     getFeaturedGlobal: function () {
         this.api({
             uri: '/proxy/featured'
         }, function (err, body) {
-            if (!err) this.setState({featuredGlobal: body});
+            if (!err) {
+                this.setState({featuredGlobal: body});
+            }
         }.bind(this));
     },
+    getFeaturedLocal: function () {
+        var art_projects = require("./microworlds_art_projects");
+        this.setState({featuredLocal: art_projects});
+    },
     renderVideos: function (frameProps) {
         return (
             <div className="videos-section section">
@@ -104,8 +112,11 @@ var Microworld = React.createClass({
             <div className="editor section">
                 <h1>Start Creating!</h1>
                 {/*<iframe src="//scratch.mit.edu/projects/embed-editor/86999051/?isMicroworld=true"
-                        frameborder="0"> </iframe>*/}
+                        frameborder="0"> </iframe>
-                <img src="/images/scratch-og.png" href="//scratch.mit.edu/projects/88148127/#editor" style={{width:"10%"}}></img>
+                */}
+                <a href="//scratch.mit.edu/projects/88148127/#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"
                         frameborder="0"> </iframe>
                 {this.renderTips()}
@@ -219,26 +230,30 @@ var Microworld = React.createClass({
 
             );
     },
-    renderProjectIdeasBox: function() {
+    renderStarterProject: function() {
-        var rows = [
+        return (
+            <div className="project-ideas">
                 <Box
                     title="More Starter Projects"
                     key="design_studio">
-                <Carousel items={this.state.featuredGlobal.scratch_design_studio} />
+                    <Carousel items={this.state.featuredLocal.scratch_starter_projects} />
-            </Box>,
+                </Box>
+            </div>
+        )
+    },
+    renderProjectIdeasBox: function() {
+        var rows = [
             <Box
                 title="Featured Community Projects"
                 key="community_featured_projects">
-                <Carousel items={this.state.featuredGlobal.community_featured_projects} />
+                <Carousel items={this.state.featuredLocal.community_featured_projects} />
             </Box>,
             <Box
                 title="All Community Projects"
                 key="community_all_projects">
-                <Carousel items={this.state.featuredGlobal.community_featured_studios} />
+                <Carousel items={this.state.featuredLocal.community_newest_projects} />
             </Box>,
         ];
-        console.log(this.state.featuredGlobal);
-
         return (
             <div className="project-ideas">
                 {rows}
@@ -248,15 +263,28 @@ var Microworld = React.createClass({
     renderForum: function() {
         return (
         <div className="forum">
-            <h1>Forum</h1>
+            <h1>Chat with other art lovers!</h1>
             <img src="/images/forum-image.png"/>
         </div>
         )
     },
     renderDesignStudio: function() {
         return (
+            <div className="side-by-side section">
+                <h1>Join our Design Challenge!</h1>
                 <div className="design-studio">
-            <img src="/images/design-studio-image.png"/>
+                    <iframe src="https://scratch.mit.edu/projects/89144801/#fullscreen" frameborder="0"> </iframe>
+                </div>
+                <div className="design-studio-projects">
+                    <Box
+                        title="Examples"
+                        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} />
+                        </Box>
+                    </div>
                 </div>
         )
     },
@@ -273,8 +301,8 @@ var Microworld = React.createClass({
         return (
             <div>
                 <div className="top-banner section">
-                    <h1>Art and Creating</h1>
+                    <h1>Make Some Art</h1>
-                    <p>Watch a video about how to create with technology.<br></br>
+                    <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!
@@ -285,12 +313,12 @@ var Microworld = React.createClass({
 
                 <div className="content">
                     {this.renderEditorWindow()}
-
+                    <h1>Check out ideas for more projects</h1>
-                    {this.renderProjectIdeasBox()}
+                    {this.renderStarterProject()}
-                    <div className="side-by-side section">
-                        {this.renderForum()}
                     {this.renderDesignStudio()}
-                    </div>
+                    <h1>Get inspiration from other projects</h1>
+                    {this.renderProjectIdeasBox()}
+                    {this.renderForum()}
                 </div>
             </div>
 

src/views/microworlds_art/microworlds_art.scss

@@ -18,6 +18,14 @@ $base-bg: $ui-white;
       line-height: 2em;
   }
 
+  h1 {
+    margin: 0 auto;
+    padding: 5px 0;
+    max-width: 500px;
+    text-align: center;
+    color: $type-gray;
+  }
+
   .top-banner, .videos-section, .section {
       padding: 30px 0;
       width: 100%;
@@ -75,7 +83,7 @@ $base-bg: $ui-white;
       background-color: $type-gray;
       width: 70px;
       height: 50px;
-      top: 69%;
+      top: 60%;
 
       &,
       &:after {
@@ -131,20 +139,30 @@ $base-bg: $ui-white;
       margin-left: auto;
       margin-right: auto;
       width: 900px;
+      height:520px;
 
-      img {
+      .box {
-        width: 450px;
+        width: 400px;
       }
 
-      .forum,.design-studio {
+      .design-studio-projects,.design-studio {
-        width: 50%;
+        width: 400px;
+        height: 500px;
         display: inline-block;
       }
-      .forum {
+      .design-studio-projects {
-        float:left;
+        float:right;
       }
       .design-studio {
-        float: right;
+        float: left;
+
+        iframe {
+          margin-top: 60px;
+          width: 960px;
+          -webkit-transform: scale(0.5);
+          -webkit-transform-origin: top left;
+          -moz-transform: scale(0.5);
+        }
       }
 
 

src/views/microworlds_art/microworlds_art_projects.json

@@ -0,0 +1,701 @@
+{
+
+  "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
+    }
+  ]
+}