load featured items(again)

static/js/home.bakma.js

@@ -186,7 +186,6 @@ pandora.ui.home = function() {
                     operator: '+'
                 }]
             }, result => {
-                console.log('!!', result)
                 edit.clips.forEach(function(clip) {
                     clip.sort = result.data.clips.indexOf(clip.id);
                 });
@@ -225,8 +224,35 @@ pandora.ui.home = function() {
     loadEdit()
 
     function showFeatures() {
-        $features.append($footer);
+        pandora.api.getHomeItems({active: true}, function(result) {
-        $features.animate({opacity: 1}, 250);
+            var items = result.data.items.filter(pandora.isCompleteHomeItem),
+                $texts;
+            $features.empty();
+            if (items.length) {
+                $texts = Ox.Element().appendTo($features);
+                items.forEach(function(item) {
+                    var $item = pandora.renderHomeItem({
+                        data: item
+                    }).css({
+                        minHeight: "128px",
+                        borderRadius: "16px",
+                        background: "rgba(0,0,0,0.2)",
+                        border: "5px rgba(0,0,0, 0.01) solid"
+                    }).appendTo($texts);
+                    $item.find('.OxEditableContent').css({
+                        color: "rgb(240, 240, 240)",
+                    })
+
+                });
+            } else {
+                $features.css({
+                    top: '132px'
+                });
+            }
+            $features.append($footer);
+            $features.animate({opacity: 1}, 250);
+        });
+
     }
 
     that.fadeInScreen = function() {