johnmichel · June 6, 2011 14:07 · Jun 1, 2011 · May 31, 2011 · May 30, 2011 · May 26, 2011
diff --git a/README.md b/README.md
@@ -3,6 +3,12 @@
 
 A tweet-sized, image-free, cross-browser loading spinner.
 
+Advantages over using an animated GIF:
+
+* No extra HTTP request
+* Alpha transparency
+* Scaleable, so you can zoom in!
+
 What it does
 ------------
 
@@ -15,4 +21,9 @@ The example includes conditional comments to use solid shades of gray instead of
 
 If you only need to target WebKit browsers, you may also use [this version](http://jsfiddle.net/fgnass/GV8eF/) which requires less CSS and has the typical Apple activity-indicator look.
 
-There's even a [third variant](http://jsfiddle.net/fgnass/9BkjZ/) that uses the activity-indicator look on WebKit browsers and falls back to the circle of dots.
+There's even a [third variant](http://jsfiddle.net/fgnass/9BkjZ/) that uses the activity-indicator look on WebKit browsers and falls back to the circle of dots.
+
+Real world usage
+----------------
+
+On iOS devices `setInterval()`-based animations will halt while resources are loaded. Combining this Gist with the [requestAnimationFrame polyfill](https://gist.github.com/997619) should help.
diff --git a/README.md b/README.md
@@ -1,32 +1,18 @@
-140byt.es
-=========
+140byt.es loading spinner
+=========================
 
-A tweet-sized, fork-to-play, community-curated collection of JavaScript.
+A tweet-sized, image-free, cross-browser loading spinner.
 
-How to play
------------
+What it does
+------------
 
-1. Click the ![Fork](https://d3nwyuy0nl342s.cloudfront.net/images/gist/buttons/fork_button.png) button above to fork this gist.
-2. Modify all the files to according to the rules below.
-3. Save your entry and tweet it up!
+The JavaScript function creates eight `<b>` elements containing a bullet character (\u2022) and cycles through their CSS classes every 99 ms. Take a look at the [example](http://jsfiddle.net/fgnass/rFjkZ/) to see what it looks like.
 
-Keep in mind that thanks to the awesome sensibilities of the GitHub team, gists are just repos. So feel free to clone yours and work locally for a more comfortable environment, and to allow commit messages.
+Browser support
+---------------
 
-Rules
------
-All entries must exist in an `index.js` file, whose contents are
+The example includes conditional comments to use solid shades of gray instead of different opacity levels for IE. Alternatively you could use the `Alpha()` filter, it's up to you.
 
-1. an assignable, valid Javascript expression that
-2. contains no more than 140 bytes, and
-3. does not leak to the global scope.
+If you only need to target WebKit browsers, you may also use [this version](http://jsfiddle.net/fgnass/GV8eF/) which requires less CSS and has the typical Apple activity-indicator look.
 
-All entries must also be licensed under the [WTFPL](http://sam.zoy.org/wtfpl/) or equally permissive license.
-
-For more information
---------------------
-
-The [140byt.es](http://140byt.es) site hasn't launched yet, but for now follow [@140bytes](http://twitter.com/140bytes) on Twitter.
-
-To learn about byte-saving hacks for your own code, or to contribute what you've learned, head to [the wiki](https://github.com/jed/140bytes/wiki/Byte-saving-techniques).
-
-140byt.es is brought to you by [Jed Schmidt](http://jed.is). It was inspired by work from [Thomas Fuchs](http://mir.aculo.us) and [Dustin Diaz](http://www.dustindiaz.com/).
+There's even a [third variant](http://jsfiddle.net/fgnass/9BkjZ/) that uses the activity-indicator look on WebKit browsers and falls back to the circle of dots.
diff --git a/annotated.js b/annotated.js
@@ -1,11 +1,11 @@
-function(a,b,c) {
-  setInterval(function() {
-    c=-~c; // incremented on each invocation 
-    for(
-      b=0; // the segment index
-      b<8; // 8 segments (dots)
-      c-1||(a.innerHTML+='<b>•'), // create markup upon the first call 
-      a.childNodes[b].className='b'+b+' o'+(c+b++)%8 // assign two classes: b<#> and o<#>
-    );
-  },100) // invoke every 100ms
-}
+function(a,b,c){
+  setInterval(
+    function(){
+      for(
+        b=0; // the segment index
+        b<8; // 8 segments (dots)
+        c||(a.innerHTML+='<b>•'), // create markup upon the first call
+        a.childNodes[b].className='b'+b+' o'+(++b-~c)%8); // assign two classes: b<#> and o<#>
+        c=-~c // increment by one
+  },99) // invoke every 99ms
+}
diff --git a/example.html b/example.html
@@ -2,30 +2,43 @@
 <head>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <style type="text/css">
-#spinner { position: relative; font-size: 22px; }
-#spinner b { position:absolute; }
-#spinner b.b0 { top:0px; left:20px; }
-#spinner b.b1 { top:3px; left:27px; }
-#spinner b.b2 { top:10px; left:30px; }
-#spinner b.b3 { top:17px; left:27px; }
-#spinner b.b4 { top:20px; left:20px; }
-#spinner b.b5 { top:17px; left:13px; }
-#spinner b.b6 { top:10px; left:09px; }
-#spinner b.b7 { top:3px; left:13px; }
-#spinner b.o0 { opacity: 0.8; _color: #666; }
-#spinner b.o1 { opacity: 0.7; _color: #777; }
-#spinner b.o2 { opacity: 0.6; _color: #888; }
-#spinner b.o3 { opacity: 0.5; _color: #999; }
-#spinner b.o4 { opacity: 0.4; _color: #aaa; }
-#spinner b.o5 { opacity: 0.3; _color: #ccc; }
-#spinner b.o6 { opacity: 0.2; _color: #ddd; }
-#spinner b.o7 { opacity: 0.1; _color: #eee; }
+#spinner { position: relative; font-size: 22px }
+#spinner b { position:absolute }
+#spinner b.b0 { top:00px; left:20px }
+#spinner b.b1 { top:03px; left:27px }
+#spinner b.b2 { top:10px; left:30px }
+#spinner b.b3 { top:17px; left:27px }
+#spinner b.b4 { top:20px; left:20px }
+#spinner b.b5 { top:17px; left:13px }
+#spinner b.b6 { top:10px; left:09px }
+#spinner b.b7 { top:03px; left:13px }
+#spinner b.o0 { opacity: 0.8 }
+#spinner b.o1 { opacity: 0.7 }
+#spinner b.o2 { opacity: 0.6 }
+#spinner b.o3 { opacity: 0.5 }
+#spinner b.o4 { opacity: 0.4 }
+#spinner b.o5 { opacity: 0.3 }
+#spinner b.o6 { opacity: 0.2 }
+#spinner b.o7 { opacity: 0.1 }
 </style>
+<!--[if lte IE 8]>
+<style type="text/css">
+#spinner .o0 { color: #666 }
+#spinner .o1 { color: #777 }
+#spinner .o2 { color: #888 }
+#spinner .o3 { color: #999 }
+#spinner .o4 { color: #aaa }
+#spinner .o5 { color: #ccc }
+#spinner .o6 { color: #ddd }
+#spinner .o7 { color: #eee }
+</style>
+<![endif]-->
 </head>
 <body>
 <div id="spinner"></div>
 <script>
-function spinner(a,b,c){setInterval(function(){c=-~c;for(b=0;b<8;c-1||(a.innerHTML+='<b>•'),a.childNodes[b].className='b'+b+' o'+(c+b++)%8);},100)}
-spinner(document.getElementById('spinner'));
+(
+function(a,b,c){setInterval(function(){for(b=0;b<8;c||(a.innerHTML+='<b>•'),a.childNodes[b].className='b'+b+' o'+(++b-~c)%8);c=-~c},99)}
+)(document.getElementById('spinner'));
 </script>
 </body>
diff --git a/index.js b/index.js
@@ -1 +1 @@
-function(a,b,c){setInterval(function(){c=-~c;for(b=0;b<8;c-1||(a.innerHTML+='<b>•'),a.childNodes[b].className='b'+b+' o'+(c+b++)%8);},100)}
+function(a,b,c){setInterval(function(){for(b=0;b<8;c||(a.innerHTML+='<b>•'),a.childNodes[b].className='b'+b+' o'+(++b-~c)%8);c=-~c},99)}
diff --git a/LICENSE.txt b/LICENSE.txt
@@ -1,7 +1,7 @@
             DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                     Version 2, December 2004
 
- Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>
+ Copyright (C) 2011 Felix Gnass <https://github.com/fgnass>
 
  Everyone is permitted to copy and distribute verbatim or modified
  copies of this license document, and changing it is allowed as long

diff --git a/annotated.js b/annotated.js
@@ -1,9 +1,11 @@
-function(){
-  /* Rules:                      
-  (1) anonymous function or IIFE // make sure
-  (2) may execute immediately    // to annotate
-  (3) <=140 bytes                // your code
-  (4) no globals                 // so everyone
-  (5) permissive license         // can learn
-  (6) have a good time!          // from it!
-*/}
+function(a,b,c) {
+  setInterval(function() {
+    c=-~c; // incremented on each invocation 
+    for(
+      b=0; // the segment index
+      b<8; // 8 segments (dots)
+      c-1||(a.innerHTML+='<b>•'), // create markup upon the first call 
+      a.childNodes[b].className='b'+b+' o'+(c+b++)%8 // assign two classes: b<#> and o<#>
+    );
+  },100) // invoke every 100ms
+}
diff --git a/example.html b/example.html
@@ -0,0 +1,31 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+<style type="text/css">
+#spinner { position: relative; font-size: 22px; }
+#spinner b { position:absolute; }
+#spinner b.b0 { top:0px; left:20px; }
+#spinner b.b1 { top:3px; left:27px; }
+#spinner b.b2 { top:10px; left:30px; }
+#spinner b.b3 { top:17px; left:27px; }
+#spinner b.b4 { top:20px; left:20px; }
+#spinner b.b5 { top:17px; left:13px; }
+#spinner b.b6 { top:10px; left:09px; }
+#spinner b.b7 { top:3px; left:13px; }
+#spinner b.o0 { opacity: 0.8; _color: #666; }
+#spinner b.o1 { opacity: 0.7; _color: #777; }
+#spinner b.o2 { opacity: 0.6; _color: #888; }
+#spinner b.o3 { opacity: 0.5; _color: #999; }
+#spinner b.o4 { opacity: 0.4; _color: #aaa; }
+#spinner b.o5 { opacity: 0.3; _color: #ccc; }
+#spinner b.o6 { opacity: 0.2; _color: #ddd; }
+#spinner b.o7 { opacity: 0.1; _color: #eee; }
+</style>
+</head>
+<body>
+<div id="spinner"></div>
+<script>
+function spinner(a,b,c){setInterval(function(){c=-~c;for(b=0;b<8;c-1||(a.innerHTML+='<b>•'),a.childNodes[b].className='b'+b+' o'+(c+b++)%8);},100)}
+spinner(document.getElementById('spinner'));
+</script>
+</body>
diff --git a/index.js b/index.js
@@ -1 +1 @@
-function(){/******************************************************************************************************************************/}
+function(a,b,c){setInterval(function(){c=-~c;for(b=0;b<8;c-1||(a.innerHTML+='<b>•'),a.childNodes[b].className='b'+b+' o'+(c+b++)%8);},100)}
diff --git a/package.json b/package.json
@@ -1,16 +1,8 @@
 {
-  // [REQUIRED] A name for your library.
-  // This must match /^[a-z_]\w*$/i
-  "name": "140bytes",
-
-  // [OPTIONAL] A description of your library, phrased as a verb predicate.
-  // The gist description is used by default.
-  "description": "Explain the 140byt.es rules.",
-
-  // [OPTIONAL] Up to 5 keywords used for indexing.
+  "name": "spinner",
+  "description": "Display a loading spinner.",
   "keywords": [
-    "140bytes",
-    "master",
-    "rules" 
+    "spinner",
+    "animation"
   ]
 }
diff --git a/annotated.js b/annotated.js
@@ -1,9 +1,9 @@
 function(){
   /* Rules:                      
-  (1) anonymous function       // make sure
-  (2) may execute immediately  // to annotate
-  (3) <=140 bytes              // your code
-  (4) no globals               // so everyone
-  (5) permissive license       // can learn
-  (6) have a good time!        // from it!
+  (1) anonymous function or IIFE // make sure
+  (2) may execute immediately    // to annotate
+  (3) <=140 bytes                // your code
+  (4) no globals                 // so everyone
+  (5) permissive license         // can learn
+  (6) have a good time!          // from it!
 */}
diff --git a/README.md b/README.md
@@ -16,7 +16,7 @@ Rules
 -----
 All entries must exist in an `index.js` file, whose contents are
 
-1. an assignable, valid Javascript expression, that
+1. an assignable, valid Javascript expression that
 2. contains no more than 140 bytes, and
 3. does not leak to the global scope.
 

diff --git a/annotated.js b/annotated.js
@@ -1,9 +1,9 @@
 function(){
   /* Rules:                      
-  (1) anonymous function     // make sure
-  (2) may be self-executing  // to annotate
-  (3) <=140 bytes            // your code
-  (4) no globals             // so everyone
-  (5) MIT license            // can learn
-  (6) have a good time!      // from it!
+  (1) anonymous function       // make sure
+  (2) may execute immediately  // to annotate
+  (3) <=140 bytes              // your code
+  (4) no globals               // so everyone
+  (5) permissive license       // can learn
+  (6) have a good time!        // from it!
 */}
diff --git a/index.js b/index.js
@@ -1 +1 @@
-function(){/*Rules: (1) anonymous function (2) may be self-executing (3) <=140 bytes (4) no globals (5) MIT license (6) have a good time!*/}
+function(){/******************************************************************************************************************************/}
diff --git a/LICENSE.txt b/LICENSE.txt
@@ -1,20 +1,13 @@
-Copyright (c) 2011 YOUR_NAME_HERE, YOUR_URL_HERE
-
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+                    Version 2, December 2004
+
+ Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>
+
+ Everyone is permitted to copy and distribute verbatim or modified
+ copies of this license document, and changing it is allowed as long
+ as the name is changed.
+
+            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. You just DO WHAT THE FUCK YOU WANT TO.
diff --git a/README.md b/README.md
@@ -20,7 +20,7 @@ All entries must exist in an `index.js` file, whose contents are
 2. contains no more than 140 bytes, and
 3. does not leak to the global scope.
 
-All entries must also be licensed under a license as or more permitting than the MIT license.
+All entries must also be licensed under the [WTFPL](http://sam.zoy.org/wtfpl/) or equally permissive license.
 
 For more information
 --------------------

diff --git a/README.md b/README.md
@@ -16,12 +16,11 @@ Rules
 -----
 All entries must exist in an `index.js` file, whose contents are
 
-1. a valid Javascript function expression, that
-2. optionally self-executes,
+1. an assignable, valid Javascript expression, that
 2. contains no more than 140 bytes, and
-3. does not pollute global scope.
+3. does not leak to the global scope.
 
-All entries must also be licensed under the MIT license.
+All entries must also be licensed under a license as or more permitting than the MIT license.
 
 For more information
 --------------------

diff --git a/README.md b/README.md
@@ -10,6 +10,8 @@ How to play
 2. Modify all the files to according to the rules below.
 3. Save your entry and tweet it up!
 
+Keep in mind that thanks to the awesome sensibilities of the GitHub team, gists are just repos. So feel free to clone yours and work locally for a more comfortable environment, and to allow commit messages.
+
 Rules
 -----
 All entries must exist in an `index.js` file, whose contents are

diff --git a/README.md b/README.md
@@ -26,4 +26,6 @@ For more information
 
 The [140byt.es](http://140byt.es) site hasn't launched yet, but for now follow [@140bytes](http://twitter.com/140bytes) on Twitter.
 
+To learn about byte-saving hacks for your own code, or to contribute what you've learned, head to [the wiki](https://github.com/jed/140bytes/wiki/Byte-saving-techniques).
+
 140byt.es is brought to you by [Jed Schmidt](http://jed.is). It was inspired by work from [Thomas Fuchs](http://mir.aculo.us) and [Dustin Diaz](http://www.dustindiaz.com/).
diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
 
   // [OPTIONAL] A description of your library, phrased as a verb predicate.
   // The gist description is used by default.
-  "description": "Explain the 140byt.es rules."
+  "description": "Explain the 140byt.es rules.",
 
   // [OPTIONAL] Up to 5 keywords used for indexing.
   "keywords": [

diff --git a/package.json b/package.json
@@ -1,4 +1,16 @@
 {
+  // [REQUIRED] A name for your library.
+  // This must match /^[a-z_]\w*$/i
   "name": "140bytes",
-  "keywords": [ "140bytes", "master", "rules" ]
+
+  // [OPTIONAL] A description of your library, phrased as a verb predicate.
+  // The gist description is used by default.
+  "description": "Explain the 140byt.es rules."
+
+  // [OPTIONAL] Up to 5 keywords used for indexing.
+  "keywords": [
+    "140bytes",
+    "master",
+    "rules" 
+  ]
 }
diff --git a/README.md b/README.md
@@ -24,4 +24,6 @@ All entries must also be licensed under the MIT license.
 For more information
 --------------------
 
-The [140byt.es](http://140byt.es) site hasn't launched yet, but for now follow [@140bytes](http://twitter.com/140bytes) on Twitter.
+The [140byt.es](http://140byt.es) site hasn't launched yet, but for now follow [@140bytes](http://twitter.com/140bytes) on Twitter.
+
+140byt.es is brought to you by [Jed Schmidt](http://jed.is). It was inspired by work from [Thomas Fuchs](http://mir.aculo.us) and [Dustin Diaz](http://www.dustindiaz.com/).
diff --git a/README.md b/README.md
@@ -14,8 +14,8 @@ Rules
 -----
 All entries must exist in an `index.js` file, whose contents are
 
-1. a valid Javascript function expression, that is
-2. is optionally self-executing,
+1. a valid Javascript function expression, that
+2. optionally self-executes,
 2. contains no more than 140 bytes, and
 3. does not pollute global scope.
 

diff --git a/README.md b/README.md
@@ -7,9 +7,20 @@ How to play
 -----------
 
 1. Click the ![Fork](https://d3nwyuy0nl342s.cloudfront.net/images/gist/buttons/fork_button.png) button above to fork this gist.
-2. Modify all the files to according to the rules and style guide below.
+2. Modify all the files to according to the rules below.
 3. Save your entry and tweet it up!
 
+Rules
+-----
+All entries must exist in an `index.js` file, whose contents are
+
+1. a valid Javascript function expression, that is
+2. is optionally self-executing,
+2. contains no more than 140 bytes, and
+3. does not pollute global scope.
+
+All entries must also be licensed under the MIT license.
+
 For more information
 --------------------
 

diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
 140byt.es
 =========
 
-All the Codes that Fits in Tweet
+A tweet-sized, fork-to-play, community-curated collection of JavaScript.
 
 How to play
 -----------
@@ -12,4 +12,5 @@ How to play
 
 For more information
 --------------------
-The 140byt.es site launched yet, but for now follow [@140bytes](http://twitter.com/140bytes) on Twitter, and keep you eye on http://140byt.es.
+
+The [140byt.es](http://140byt.es) site hasn't launched yet, but for now follow [@140bytes](http://twitter.com/140bytes) on Twitter.
diff --git a/README.md b/README.md
@@ -1,2 +1,15 @@
 140byt.es
-=========
+=========
+
+All the Codes that Fits in Tweet
+
+How to play
+-----------
+
+1. Click the ![Fork](https://d3nwyuy0nl342s.cloudfront.net/images/gist/buttons/fork_button.png) button above to fork this gist.
+2. Modify all the files to according to the rules and style guide below.
+3. Save your entry and tweet it up!
+
+For more information
+--------------------
+The 140byt.es site launched yet, but for now follow [@140bytes](http://twitter.com/140bytes) on Twitter, and keep you eye on http://140byt.es.
diff --git a/README.md b/README.md
@@ -0,0 +1,2 @@
+140byt.es
+=========
diff --git a/package.json b/package.json
@@ -1,4 +1,4 @@
 {
-  "name": "sample",
-  "keywords": [ "sample", "original" ]
+  "name": "140bytes",
+  "keywords": [ "140bytes", "master", "rules" ]
 }
diff --git a/annotated.js b/annotated.js
@@ -1,9 +1,9 @@
 function(){
-  /* Rules:                      // make sure
-  (1) anonymous function         // to annotate
-  (2) optionally self-executing  // your code
-  (3) <140 bytes                 // so everyone
-  (4) no global vars             // can learn
-  (5) MIT license                // from it!
-  (6) good luck!
+  /* Rules:                      
+  (1) anonymous function     // make sure
+  (2) may be self-executing  // to annotate
+  (3) <=140 bytes            // your code
+  (4) no globals             // so everyone
+  (5) MIT license            // can learn
+  (6) have a good time!      // from it!
 */}
diff --git a/index.js b/index.js
@@ -1 +1 @@
-function(){/*Rules: (1) anonymous function (2) optionally self-executing (3) <140 bytes (4) no global vars (5) MIT license (6) good luck!*/}
+function(){/*Rules: (1) anonymous function (2) may be self-executing (3) <=140 bytes (4) no globals (5) MIT license (6) have a good time!*/}
diff --git a/gistfile1.txt → LICENSE.txt b/gistfile1.txt → LICENSE.txt
diff --git a/gistfile1.txt b/gistfile1.txt
@@ -0,0 +1,20 @@
+Copyright (c) 2011 YOUR_NAME_HERE, YOUR_URL_HERE
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/annotated.js b/annotated.js
@@ -0,0 +1,9 @@
+function(){
+  /* Rules:                      // make sure
+  (1) anonymous function         // to annotate
+  (2) optionally self-executing  // your code
+  (3) <140 bytes                 // so everyone
+  (4) no global vars             // can learn
+  (5) MIT license                // from it!
+  (6) good luck!
+*/}
diff --git a/index.js b/index.js
@@ -1 +1 @@
-function(){/******************************************************************************************************************************/}
+function(){/*Rules: (1) anonymous function (2) optionally self-executing (3) <140 bytes (4) no global vars (5) MIT license (6) good luck!*/}
diff --git a/package.json b/package.json
@@ -1,4 +1,4 @@
 {
-  "name": "sample"
+  "name": "sample",
   "keywords": [ "sample", "original" ]
 }
diff --git a/package.json b/package.json
@@ -0,0 +1,4 @@
+{
+  "name": "sample"
+  "keywords": [ "sample", "original" ]
+}
diff --git a/index.js b/index.js
@@ -0,0 +1 @@
+function(){/******************************************************************************************************************************/}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		function(a,b,c){setInterval(function(){c=-~c;for(b=0;b<8;c-1\|\|(a.innerHTML+='<b>•'),a.childNodes[b].className='b'+b+' o'+(c+b++)%8);},100)}
		function(a,b,c){setInterval(function(){for(b=0;b<8;c\|\|(a.innerHTML+='<b>•'),a.childNodes[b].className='b'+b+' o'+(++b-~c)%8);c=-~c},99)}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		function(){/******************************************************************************************************************************/}
		function(a,b,c){setInterval(function(){c=-~c;for(b=0;b<8;c-1\|\|(a.innerHTML+='<b>•'),a.childNodes[b].className='b'+b+' o'+(c+b++)%8);},100)}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		function(){/Rules: (1) anonymous function (2) may be self-executing (3) <=140 bytes (4) no globals (5) MIT license (6) have a good time!/}
		function(){/******************************************************************************************************************************/}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		function(){/******************************************************************************************************************************/}