Updates.

blackberry · Jan 29, 2012 · 4b0751e · 4b0751e
1 parent 5294f14
commit 4b0751e
Show file tree

Hide file tree

Showing 10 changed files with 437 additions and 512 deletions.
diff --git a/credits.json b/credits.json
@@ -1,4 +1,8 @@
-/* Copyright 2011-2012 Research In Motion Limited.
+/* ===========================================================================
+ * credits.json
+ * ===========================================================================
+ *
+ * Copyright 2011-2012 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -13,11 +17,6 @@
  * limitations under the License.
  */
 
-/* ===========================================================================
- * credits.json
- * ===========================================================================
- */
-
 var groups = [
     {
         path   : "demos/common/images/cards",

diff --git a/default.css b/default.css
@@ -1,4 +1,8 @@
-/* Copyright 2011-2012 Research In Motion Limited.
+/* ===========================================================================
+ * default.css
+ * ===========================================================================
+ *
+ * Copyright 2011-2012 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -13,11 +17,6 @@
  * limitations under the License.
  */
 
-/* ===========================================================================
- * default.css
- * ===========================================================================
- */
-
 body {
     background-color: #4E7BA1;
     font-family: Verdana, Arial, Helvetica, sans-serif;
@@ -113,7 +112,7 @@ img {
     border: 1px solid #B5B8BA;
     border-radius: 15px;
     box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.75);
-    height: 250px;
+    min-height: 250px;
 }
 
 .spacer {

diff --git a/demos/index.html b/demos/index.html
diff --git a/index.html b/index.html
@@ -35,7 +35,6 @@
                     <h1 class="seo">AliceJS - (A Lightweight Independent CSS Engine)</h1>
 
                     <!-- AliceJS Logo (CSS Sprites) -->
-
                     <div id="logo">
                         <div>
                             <div id="logo-alice-img"></div>
@@ -55,7 +54,6 @@ <h1 class="seo">AliceJS - (A Lightweight Independent CSS Engine)</h1>
                     <div style="clear: both;"></div>
 
                     <!-- Overview -->
-
                     <div style="text-align: center;">
                         <a href="demos/index.html" class="big button">View Demos</a>
                     </div>
@@ -78,7 +76,7 @@ <h2>Demos</h2>
 
                     <h2>Implementation</h2>
 
-                    <pre class="prettyprint lang-html linenums">
+                    <pre class="prettyprint lang-html">
 &lt;div id=&quot;DIV1&quot;&gt;HERE IS ONE DIV&lt;/div&gt;
 &lt;img id=&quot;IMG1&quot; src=&quot;/myimg.gif&quot;&gt;
 &lt;script src=&quot;/alice/alice.core.js&quot;&gt;&lt;/script&gt;
@@ -106,20 +104,20 @@ <h2>Architecture</h2>
                     <p>AliceJS is composed exclusively of JS files in a single folder, without image, CSS or any other dependencies. There is an "alice.core.js" file that contains common code and utilities, and then each effect has its own additional JS file, for example, "alice.wobble.js". The goal is to keep each animation separate which makes it easy for a developer to create a minified build with only what is needed and nothing else. AliceJS is lean and right now, the gzipped minified version containing the entire library is about 5K only!</p>
                     <p>The syntax for AliceJS is also kept minimal and in line with CSS, which we believe to be really simple and easy to grasp. For example:</p>
 
-                    <pre class="prettyprint lang-js linenums">
+                    <pre class="prettyprint lang-js">
 alice.wobble("MyDiv", 20, 5, "top-left", 1000, 10, "ease-in-out", -1);
                     </pre>
 
                     <p>This can be thought of as:</p>
-                    <pre class="prettyprint language-css linenums">
+                    <pre class="prettyprint language-css">
 #MyDiv {
     animate-wobble: 20 5% top-left 1000ms 10% ease-in-out infinite;
 }
                     </pre>
 
                     <p>Or more detailed:</p>
 
-                    <pre class="prettyprint language-css linenums">
+                    <pre class="prettyprint language-css">
 #MyDiv {
   animate-wobble-rotation: 20;
   animate-wobble-rotation-ramdomness: 5%;
@@ -163,7 +161,7 @@ <h2>License</h2>
         <div class="fineprint"><p>Copyright &copy; 2011-2012 Research In Motion Limited. &bull; <a href="license.txt">License</a> &bull; <a href="credits.html">Credits</a></p></div>
 
         <!-- Syntax Highlighting -->
-        <link rel="stylesheet" type="text/css" href="libs/prettify/themes/sons-of-obsidian.css">
+        <link rel="stylesheet" type="text/css" href="libs/prettify/themes/sunburst.css">
         <script type="text/javascript" src="libs/prettify/prettify.js"></script>
         <script type="text/javascript" src="libs/prettify/lang-css.js"></script>
 
@@ -184,25 +182,13 @@ <h2>License</h2>
 
             animateLogo = function () {
                 a.spin("logo-alice-img", "left", "", "3000ms");
-/*
-                a.phantomZone("logo-alice-img", "in", "", "", {
-                    "value": "3000ms",
-                    "randomness": "0%",
-                    "offset": "150ms"
-                });
-*/
+
                 a.slide(document.getElementById("logo-alice-txt-alice").children, "left", "0%", {
                     value: "1000ms",
                     randomness: "100%",
                     offset: "250ms"
                 }, "easeOutQuint");
-/*
-                a.spin(document.getElementById("logo-alice-txt-js").children, "up", "10%", {
-                    value: "3000ms",
-                    randomness: "0%",
-                    offset: "250ms"
-                });
-*/
+
                 a.toss(document.getElementById("logo-alice-txt-js").children, "left", "10%", "", {
                     value: "2000ms",
                     randomness: "50%",