Merge pull request #1 from blackberry/master

Made the View Demos button more visible.
blackberry · Aug 26, 2011 · c2f4c34 · c2f4c34
2 parents 9234352 + 7d80937
commit c2f4c34
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 8 deletions.
diff --git a/default.css b/default.css
@@ -136,12 +136,12 @@ a.button:active, button:active, a.button.active, button.active {
 }
 
 button:focus, a.button:hover, button:hover {
-    color: white;
-    border-color: #388AD4;
+    border-color: #4B7F6A;
+    background-color: #196E4C; /*#2D7DC5*/
+    color: #94D4BA;
     text-decoration: none;
     text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
     background-position: 0 -40px;
-    background-color: #2D7DC5;
 }
 
 a.button {
@@ -154,13 +154,15 @@ a.button {
 a.button, button {
     display: inline-block;
     padding: 5px;
-    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+    font-weight: bold;
     text-decoration: none;
-    background-color: #ECECEC;
+    border: 1px solid #BB9A6D; /*#CACACA*/
+    background-color: #F9BF6F; /*#ECECEC*/
+    color: #A26D24;
     white-space: nowrap;
     overflow: visible;
     cursor: pointer;
-    border: 1px solid #CACACA;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     outline: none;

diff --git a/index.html b/index.html
@@ -25,13 +25,19 @@
         </style>
     </head>
     <body>
+        <a href="http://github.com/blackberry/Alice"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
+
         <div class="fineprint"><p id="version"></p></div>
 
         <div id="container">
             <div id="card1" class="card-edge">
                 <div>
                     <h1>Alice</h1>
 
+                    <div style="text-align: center;">
+                        <a href="demos.html" class="big button">View Demos</a>
+                    </div>
+
                     <p><b>Alice</b> - <i>(A Lightweight Independent CSS Engine)</i> is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) in modern browsers for generating high-quality, high-end visual effects.</p>
                     <p>Created by Laurent Hasson (<a href="http://twitter.com/ldhasson">@ldhasson</a>, ldhasson at rim dot com), and co-developed with Jim Ing (<a href="http://twitter.com/jim_ing">@jim_ing</a>, jing at rim dot com)</p>
 
@@ -112,8 +118,13 @@ <h2>Compatibility</h2>
 
                     <h2>Downloads</h2>
 
+                    <div>
+                        <a href="http://github.com/blackberry/Alice/zipball/master" class="big button">ZIP</a>
+                        <a href="http://github.com/blackberry/Alice/tarball/master" class="big button">TAR</a>
+                    </div>
+<!--
                     <p>You can fork this repository and submit features and changes through GitHub's infrastructure.</p>
-                    <p>You can also download a zip of the <a href="../alice.zip">entire alice site</a>, as well as a zip of just the Alice JavaScript code.</p>
+                    <p>You can also download a zip of the <a href="https://github.com/blackberry/Alice/archives/master">entire alice site</a>, as well as a zip of just the Alice JavaScript code.</p>
                     <p>You can also download a version of the entire Alice site packaged as a WebWorks application for the BlackBerry PlayBook:</p>
                     <ol>
                         <li>If you haven't installed the WebWorks SDK for Tablet OS, follow these <a href="http://us.blackberry.com/developers/tablet/webworks.jsp" target="_blank">instructions</a> before continuing.</li>
@@ -127,7 +138,7 @@ <h2>Downloads</h2>
                         </li>
                         <li>An icon should appear at the bottom of your PlayBook screen. Tap it to launch Alice.</li>
                     </ol>
-
+-->
                     <h2>License</h2>
                     <p>Alice is distributed under the Apache 2 license and is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
                 </div>