Tron Theme

A CSS stylesheet that implements a theme similar to the UI we briefly see in Tron: Legacy. Try hovering over various elements to see how they react.

The Grid. A digital frontier. I tried to picture clusters of information as they traveled through the computer. Ships, motorcycles. With the circuits like freeways. I kept dreaming of a world I thought I'd never see. And then, one day... I got in.
—Kevin Flynn

Keyboard

The touchscreen keyboard we see in the arcade scene using pure CSS. We can't quite curve the border around the space bar, but it's pretty close otherwise.

Paragraphs and Lists

This object accepts a series of data-points through the collect() method, and provides an average via the getAverage() method. Note:

• We can do anything we want to the object via this: we can access, set, delete, or mutate any attribute.
• We can't use the function f(x,y) syntax when defining methods; instead, assign an attribute of the object to an anonymous function, as shown.
• if you don't have anything else to return, return this from methods. This enables method chaining (see below) which is very convenient.
  

Code Blocks

The methodize function is defined as follows:

function methodize(original) {
  return function() {
    [].unshift.call(arguments, this);
    return original.apply(this, arguments);
  }
}