JavaScriptCodes
diff --git a/‎LICENSE.txt
Lines changed: 21 additions & 0 deletions b/‎LICENSE.txt
Lines changed: 21 additions & 0 deletions
diff --git a/‎dist/snabbt.min.js
Lines changed: 2 additions & 2 deletions b/‎dist/snabbt.min.js
Lines changed: 2 additions & 2 deletions
diff --git a/‎docs/cards.html
Lines changed: 6 additions & 0 deletions b/‎docs/cards.html
Lines changed: 6 additions & 0 deletions
diff --git a/‎docs/cards.js
Lines changed: 5 additions & 15 deletions b/‎docs/cards.js
Lines changed: 5 additions & 15 deletions
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Daniel Lundin
+
+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.
@@ -32,6 +32,9 @@
       #toolbar {
         text-align: center;
       }
+      p {
+        text-align: center;
+      }
     </style>
   </head>
   <body onload="init()">
@@ -46,6 +49,9 @@
       <button id="wall_button" class="button-primary">Wall</button>
       <button id="cylinder_button">Cylinder</button>
     </div>
+    <div class="container">
+      <p>DOM elements animated with <a href="index.html">snabbt.js</a>.</p>
+    </div>
 
     <script src="snabbt.min.js"></script>
     <script src="cards.js"></script>
 
@@ -12,9 +12,9 @@ var BOTTOM = 400;
 
 var TILT = Math.PI/8;
 var PYTH_ANGLE = Math.PI/2 - TILT;
-var TILTED_CARD_HEIGHT = Math.sin(PYTH_ANGLE) * CARD_HEIGHT;
+var TILTED_CARD_HEIGHT = Math.sin(PYTH_ANGLE) * CARD_HEIGHT + 2;
 var TILTED_CARD_WIDTH = Math.cos(PYTH_ANGLE) * CARD_HEIGHT;
-var PYRAMID_WIDTH = TILTED_CARD_WIDTH * 2;
+var PYRAMID_WIDTH = TILTED_CARD_WIDTH * 2 + 4;
 
 var COLORS = randomColor({
   count: 40,
@@ -40,16 +40,6 @@ function create_card(container, index) {
   card.style.width = CARD_WIDTH + 'px';
   card.style.background = COLORS[index % COLORS.length];
 
-  //var front = document.createElement('div');
-  //front.className = 'front';
-  //front.style.background = COLORS[index % COLORS.length];
-
-  //var back = document.createElement('div');
-  //back.className = 'back';
-  //back.style.background = COLORS[index % COLORS.length];
-
-  //card.appendChild(front);
-  //card.appendChild(back);
   container.appendChild(card);
   return card;
 }
@@ -89,7 +79,6 @@ function build_formation(positions) {
       position: positions[i].position,
       rotation: positions[i].rotation,
       easing: 'cos',
-      //perspective: 2000,
       delay: i * 50
     });
   }
@@ -110,7 +99,7 @@ function set_mode(mode) {
 
   build_formation(positions);
   current_mode = mode;
-}
+};
 
 function rotate_container() {
   var container = document.getElementById('surface');
@@ -175,7 +164,8 @@ function house_row_positions(count, x, y, z) {
 }
 
 function pyramid_postions(x, y, z) {
-  var spacing = TILTED_CARD_WIDTH / 2;
+  // Firefox flickers if elements overlap
+  var spacing = (TILTED_CARD_WIDTH / 2) + 2;
 
   return [{
     position: [x - spacing, y, z],