anchor.diff:            render_attributes(menu_id, menu_items);
           });
         }).done(function(){
  +
  +        // for semantic ui
  +        $(".ui.dropdown").dropdown();
  +        $(".ui.accordion").accordion();
  +
  +        // for ux
  +        $("#filter .ui.label").hide();
  +
           // dom manipulation
           initialize_pilot();
  +
         }).done(function(){
           count_attributes_by_id();
  +      }).done(function(){
  +        // TODO: sort menu items
         });
   
         // TBD
  
positive.code:           var name = project.name.zh;
            var intro = project.intro.zh.short;
            var content = "";
            $.each(project.category, function(index, category){
              if( !_.contains(menus.categories, category)){
                menus.categories.push(category);
              }
              var category_id = "categories-" + (menus.categories.length -1);
              classes.push(category_id);
            });
            $.each(classes, function(class_index, class_name){
              classes_string = classes_string + " " + class_name;
            });
  
negative.code:         $.each(menus, function(menu_index, menu_items){
            $.each(menu_items, function(item_index, item){
              var attribute_id = $("#index .item").filter(":contains('" + item + "')").attr("name");
              var count = $("#list ." + attribute_id).length;
              $("#index .content .item").filter("[name='" + attribute_id + "']").find(".label").text(count);
            });
            $("#index .title").filter(":contains('" + menu_index + "')").append(" (" + menu_items.length + ")");
          });
        };
  
        var initialize_pilot = function(){
          var active_classes = [];
          var active_classes_string = "";
          var target_attribute = "";
          var toggle_classes = function(original_classes, target_class){
            if( _.contains( active_classes, target_attribute )){
              active_classes = _.without(active_classes, target_attribute);
            }else{
              active_classes.push(target_attribute);
            };
            active_classes_string = "";
            _.each(active_classes, function(css_class){
              active_classes_string = active_classes_string + "." + css_class;
            });
            $("#list .column").hide();
            $("#list .column" + active_classes_string ).show();
          };
          $("#index").on("click tap", ".content .item", function(){
            $(this).toggleClass("active");
            $("#filter").show();
            target_attribute = $(this).attr("name");
            $("#filter .ui.label").filter("[name='" + target_attribute + "']").fadeToggle();
            toggle_classes(active_classes, target_attribute);
          });
          $("#filter").on("click tap", ".ui.label .delete.icon", function(){
            $(this).parent().fadeOut();
            target_attribute = $(this).parent().attr("name");
            $("#index .content .item").filter("[name='" + target_attribute + "']").removeClass("active");
            toggle_classes(active_classes, target_attribute);
          });
        };
  
  