anchor.diff:          $.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).not("[style='display: none']").length;
  -            $("#index .item").filter("[name='" + attribute_id + "']").find(".label").text(count);
  +            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(){
  -
  -        // for semantic ui
  -        $(".ui.dropdown").dropdown();
  -        $(".ui.accordion").accordion();
  -
  -        // for ux
  -        $("#filter .ui.label").hide();
  -
  -        // for filter and list items
  -        var current_classes = [];
  -        var current_classes_string = "";
  +        var active_classes = [];
  +        var active_classes_string = "";
           var target_attribute = "";
           var toggle_classes = function(original_classes, target_class){
  -          if( _.contains( current_classes, target_attribute )){
  -            current_classes = _.without(current_classes, target_attribute);
  +          if( _.contains( active_classes, target_attribute )){
  +            active_classes = _.without(active_classes, target_attribute);
             }else{
  -            current_classes.push(target_attribute);
  +            active_classes.push(target_attribute);
             };
  -          current_classes_string = "";
  -          _.each(current_classes, function(css_class){
  -            current_classes_string = current_classes_string + "." + css_class;
  +          active_classes_string = "";
  +          _.each(active_classes, function(css_class){
  +            active_classes_string = active_classes_string + "." + css_class;
             });
             $("#list .column").hide();
  -          $("#list .column" + current_classes_string ).show();
  +          $("#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(current_classes, target_attribute);
  -          count_attributes_by_id();
  +          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 .item").filter("[name='" + target_attribute + "']").removeClass("active");
  -          toggle_classes(current_classes, target_attribute);
  -          count_attributes_by_id();
  +          $("#index .content .item").filter("[name='" + target_attribute + "']").removeClass("active");
  +          toggle_classes(active_classes, target_attribute);
           });
         };
   
  
positive.code:   section#projects
      #filter
      #list.ui.two.column.stackable.grid
        //-article.column.categories-1
          a.ui.image(href="")
            img(src="")
          .text
  
negative.code:           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
  