Hi! I cleaned up your code for you!

.gitignore

@@ -1,2 +1,3 @@
 .strobe
 .DS_Store
+output/

README

@@ -4,7 +4,7 @@ The right tool for the right job.
 This is the source code for the website everyjs.com, an index of modern
 JavaScript.
 
-To add your own library, fork this repository. Then, open js/app.js, and add
+To add your own library, fork this repository. Then, open js/data.js, and add
 an entry to the EveryJS.libraries array. Don't worry about where you put it;
 it'll be sorted alphabetically at runtime. Once you've pushed your changes,
 submit a pull request.

css/style.css

@@ -36,7 +36,7 @@ table { border-collapse: collapse; border-spacing: 0; }
 hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
 input, select { vertical-align: middle; }
 
-body { font:13px/1.231 sans-serif; *font-size:small; } 
+body { font:13px/1.231 sans-serif; *font-size:small; }
 select, input, textarea, button { font:99% sans-serif; }
 pre, code, kbd, samp { font-family: monospace, sans-serif; }
 
@@ -55,7 +55,7 @@ sub { bottom: -0.25em; }
 
 pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
 textarea { overflow: auto; }
-.ie6 legend, .ie7 legend { margin-left: -7px; } 
+.ie6 legend, .ie7 legend { margin-left: -7px; }
 input[type="radio"] { vertical-align: text-bottom; }
 input[type="checkbox"] { vertical-align: bottom; }
 .ie7 input[type="checkbox"] { vertical-align: baseline; }
@@ -127,11 +127,11 @@ a:hover { color: #036; }
 
 @media print {
   * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
-  -ms-filter: none !important; } 
+  -ms-filter: none !important; }
   a, a:visited { color: #444 !important; text-decoration: underline; }
   a[href]:after { content: " (" attr(href) ")"; }
   abbr[title]:after { content: " (" attr(title) ")"; }
-  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
+  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
   thead { display: table-header-group; }
   tr, img { page-break-inside: avoid; }
@@ -142,6 +142,7 @@ a:hover { color: #036; }
 
 body {
   min-width: 760px;
+  font-family: "Helvetica", sans-serif;
 }
 
 #wrapper {

deploy.rb

@@ -0,0 +1,35 @@
+require 'fileutils'
+include FileUtils
+
+rm_rf "output"
+mkdir_p "output"
+
+puts pwd
+
+Dir['*'].each do |item|
+  puts "Copying #{item}"
+  cp_r(item, "output") unless item == "output"
+end
+
+uglified = nil
+IO.popen("uglifyjs output/js/app.js", "r") do |io|
+  uglified = io.read
+end
+
+rm "output/js/app.js"
+
+File.open("output/js/app.js", "w") do |file|
+  file.write uglified
+end
+
+mkdir_p "output/.strobe"
+File.open("output/.strobe/config", "w") do |file|
+  file.write <<eos
+---
+STROBE_APPLICATION_ID: 243
+eos
+end
+
+cd "output" do
+  `strobe deploy --yes`
+end

index.html

@@ -13,9 +13,6 @@
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
   <link rel="stylesheet" href="css/style.css?v=2">
 
-  <script type="text/javascript" src="http://use.typekit.com/mqp4vpt.js"></script>
-  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
-
   <script type="text/javascript">
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', 'UA-22688618-2']);
@@ -41,7 +38,25 @@ <h3>Libraries</h3>
       <p>The list of JavaScript libraries is generated dynamically. Please enable JavaScript in your browser.</p>
     </noscript>
     <script type="text/html">
-      {{#collection contentBinding="EveryJS.listController" tagName="table"}}
+      {{#view EveryJS.SortByView}}
+        Sort by
+        <select>
+          <option value="name">Name</option>
+          <option value="size">Size</option>
+        </select>
+      {{/view}}
+      {{#view EveryJS.FilterByView}}
+      Filter by Type
+      <select>
+          <option value="all">All</option>
+          <option value="dom">DOM manipulation</option>
+          <option value="animation">Animation</option>
+          <option value="mvc">MVC</option>
+          <option value="mobile-only">Mobile-only</option>
+        </select>
+      {{/view}}
+
+      {{#collection EveryJS.ListView tagName="table"}}
       <td>
         {{#with content}}
           <a {{bindAttr href="website"}}>{{name}}</a>
@@ -100,7 +115,8 @@ <h3>House Rules</h3>
 
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
   <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.6.1.min.js"%3E%3C/script%3E'))</script>
-  <script src="js/libs/sproutcore-2.0.a.2.min.js"></script>
+  <script src="js/libs/sproutcore-2.0.a.3.min.js"></script>
+  <script src="js/data.js"></script>
   <script src="js/app.js"></script>
 </body>
 </html>

js/app.js

@@ -1,142 +1,73 @@
 var EveryJS = SC.Application.create();
 
-EveryJS.libraries = [
-  {
-    name: "jQuery",
-    website: "http://www.jquery.com",
-    description: "jQuery is a fast and concise JavaScript library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.",
-    useIf: [
-      "You need DOM manipulation or event handling across all browsers."
-    ],
-    dependencies: null,
-    license: "MIT",
-    tags: ['dom'],
-    size: 31
-  },
-
-  {
-    name: "Ender",
-    website: "http://ender.no.de/",
-    description: "Ender is an open, powerful, micro-to-macro API for composing your own custom JavaScript library; it wraps up application agnostic, independent modules into a slick, intuitive, and familiar interface so you don't have to.",
-    useIf: [
-      "You want to easily construct your own bespoke framework."
-    ],
-    size: "7.5K with default configuration. Will vary"
-  },
-
-  {
-    name: "SproutCore",
-    website: "http://www.sproutcore.com",
-    description: "SproutCore provides both an MVC architecture and bindings, with views that automatically update any time properties change.",
-    useIf: [
-      "You want to avoid bugs related to keeping the DOM in sync with your data model.",
-      "You want stateful MVC, like you'd find in Cocoa."
-    ],
-    dependencies: ["jQuery"],
-    size: 29
-  },
-
-  {
-    name: "Backbone.js",
-    website: "http://documentcloud.github.com/backbone/",
-    description: "Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.",
-    dependencies: ["Underscore", "jQuery or Zepto (optional but recommended)"],
-    size: 3.9
-  },
-
-  {
-    name: "Dojo Toolkit",
-    website: "http://documentcloud.github.com/backbone/",
-    description: "Dojo Toolkit is an open source modular JavaScript toolkit designed to ease the rapid development of cross-platform, JavaScript/Ajax-based applications and web sites.",
-    size: "3.9K - 5MB; applications load modules dynamically"
-  },
-
-  {
-    name: "MooTools",
-    website: "http://mootools.net/",
-    description: "MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It provides cross-platform helpers for manipulating the DOM, handling events, animating elements, and extends JavaScript built-in classes with additional functionality.",
-    useIf: [ "You need DOM manipulation or event handling across all browsers." ],
-    size: 25
-  },
-
-  {
-    name: "Morpheus",
-    website: "https://github.com/ded/morpheus",
-    description: "Morpheus lets you \"tween anything\" in parallel on multiple elements, from integers to colors, with easing transitions, in a single high-performant loop utilizing the CPU-friendly requestAnimationFrame standard.",
-    useIf: [
-      "You want to animate multiple elements and have them stay in sync."
-    ],
-    size: 1.3
-  },
-
-  {
-    name: "xui",
-    website: "http://xuijs.com/",
-    description: "A super micro tiny DOM library for authoring HTML5 mobile web applications.",
-    browserSupport: "Different builds for WebKit, BlackBerry, and IE.",
-    useIf: [
-      "You are able to deliver different libraries depending on the platform, such as in PhoneGap builds."
-    ],
-    size: "8K or lower, depending on build"
-  },
-
-  {
-    name: "Zepto",
-    website: "http://zeptojs.com/",
-    description: "Zepto.js is a minimalist JavaScript framework for mobile WebKit browsers, with a jQuery-compatible syntax.",
-    browserSupport: "Supports mobile WebKit browsers only.",
-    useIf: [
-      "You don't have to support desktop browsers and file size is important."
-    ],
-    size: 4.8
-  },
-
-  {
-    name: "Handlebars",
-    website: "http://handlebars.strobeapp.com/",
-    description: "Mustache-compatible semantic templating engine.",
-    size: 8
-  },
-
-  {
-    name: "Underscore",
-    website: "http://documentcloud.github.com/underscore/",
-    description: "Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.",
-    useIf: [
-      "You need features of ECMAScript 5 in non-ES5 browsers."
-    ],
-    size: 3
-  },
-
-  {
-    name: "Uki",
-    website: "http://www.ukijs.org",
-    description: "Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane.",
-    useIf: [
-      "You need a simple UI kit for creating desktop-like interfaces."
-    ],
-    size: 34
-  },
-  {
-    name: "YUI 3",
-    website: "http://developer.yahoo.com/yui/3/",
-    description: "Yahoo!'s next-generation JavaScript and CSS library. It powers the new Yahoo! homepage, Yahoo! Mail, and many other Yahoo! sites.",
-    size: "15K to start; modules are loaded dynamically"
-  },
-  {
-    name: "Closure Tools",
-    website: "http://code.google.com/closure/",
-    description: "Closure Tools is a set of open-source JavaScript tools behind some of Google's big web apps like Gmail, Google Maps, and Google Docs.",
-    size: "modules can be loaded dynamically"
-  }
-];
+EveryJS.loaded = function() {
+  EveryJS.listController.set('content', EveryJS_libraries);
+};
+
+EveryJS.listController = SC.ArrayProxy.create({
+  content: null,
+
+  sortBy: 'name',
+  filterBy: null,
+
+  arrangedObjects: function(key, value) {
+    var content = this.get('content'),
+        sortBy = this.get('sortBy'),
+        filterBy = this.get('filterBy'),
+        arrangedObjects, tags;
+
+    if (value !== undefined) { return value; }
+    if (sortBy === this._lastSort && filterBy === this._lastFilter) {
+      return this._lastVal;
+    }
+    if (!content) { return null; }
+
+    // Eliminate any items that don't match our filter.
+    if (filterBy && filterBy !== 'all') {
+      arrangedObjects = [];
+      content.forEach(function(item) {
+        tags = SC.get(item, 'tags');
+        if (tags && tags.indexOf(filterBy) > -1) {
+          arrangedObjects.push(item);
+        }
+      });
+    } else {
+      arrangedObjects = SC.copy(content);
+    }
 
-EveryJS.libraries.sort(function(a,b) {
-  return SC.compare(a.name.toLowerCase(), b.name.toLowerCase());
+    arrangedObjects.sort(function(a, b) {
+      if (sortBy === 'size') {
+        a = a.sortSize || a[sortBy];
+        b = b.sortSize || b[sortBy];
+      } else {
+        a = a[sortBy];
+        b = b[sortBy];
+      }
+
+      if (sortBy === 'size') {
+        a = parseFloat(a);
+        b = parseFloat(b);
+      }
+
+      if (typeof a === 'string') {
+        a = a.toLowerCase();
+      }
+      if (typeof b === 'string') {
+        b = b.toLowerCase();
+      }
+
+      return SC.compare(a, b);
+    });
+
+    this._lastVal = arrangedObjects;
+    this._lastFilter = filterBy;
+    this._lastSort = sortBy;
+    return arrangedObjects;
+  }.property('sortBy', 'filterBy')
 });
 
-EveryJS.listController = SC.ArrayProxy.create({
-  content: EveryJS.libraries
+EveryJS.ListView = SC.CollectionView.extend({
+  contentBinding: 'EveryJS.listController.arrangedObjects'
 });
 
 EveryJS.SizeView = SC.View.extend({
@@ -152,6 +83,20 @@ EveryJS.SizeView = SC.View.extend({
   }.property('size')
 });
 
+EveryJS.FilterByView = SC.View.extend({
+  change: function(evt) {
+    var elem = this.$('select');
+    EveryJS.listController.set('filterBy', elem.val());
+  }
+});
+
+EveryJS.SortByView = SC.View.extend({
+  change: function(evt) {
+    var elem = this.$('select');
+    EveryJS.listController.set('sortBy', elem.val());
+  }
+});
+
 Handlebars.registerHelper('list', function(key) {
   var buf = '<ul>', list;
   list = SC.get(this, key);
@@ -160,3 +105,7 @@ Handlebars.registerHelper('list', function(key) {
   });
   return new Handlebars.SafeString(buf + '</ul>');
 });
+
+if (EveryJS_libraries) {
+  EveryJS.listController.set('content', EveryJS_libraries);
+}