Return-Path: 
 <callback-commits-return-4211-apmail-incubator-callback-commits-archive=incubator.apache.org@incubator.apache.org>
X-Original-To: apmail-incubator-callback-commits-archive@minotaur.apache.org
Delivered-To: apmail-incubator-callback-commits-archive@minotaur.apache.org
Received: from mail.apache.org (hermes.apache.org [140.211.11.3])
	by minotaur.apache.org (Postfix) with SMTP id BF851DEF3
	for <apmail-incubator-callback-commits-archive@minotaur.apache.org>;
 Tue, 17 Jul 2012 05:06:41 +0000 (UTC)
Received: (qmail 78969 invoked by uid 500); 17 Jul 2012 05:06:41 -0000
Delivered-To: apmail-incubator-callback-commits-archive@incubator.apache.org
Received: (qmail 78924 invoked by uid 500); 17 Jul 2012 05:06:41 -0000
Mailing-List: contact callback-commits-help@incubator.apache.org; run by ezmlm
Precedence: bulk
List-Help: <mailto:callback-commits-help@incubator.apache.org>
List-Unsubscribe: <mailto:callback-commits-unsubscribe@incubator.apache.org>
List-Post: <mailto:callback-commits@incubator.apache.org>
List-Id: <callback-commits.incubator.apache.org>
Reply-To: callback-dev@incubator.apache.org
Delivered-To: mailing list callback-commits@incubator.apache.org
Received: (qmail 78416 invoked by uid 99); 17 Jul 2012 05:06:36 -0000
Received: from tyr.zones.apache.org (HELO tyr.zones.apache.org)
 (140.211.11.114)
    by apache.org (qpsmtpd/0.29) with ESMTP; Tue, 17 Jul 2012 05:06:36 +0000
Received: by tyr.zones.apache.org (Postfix, from userid 65534)
	id 4C87714C68; Tue, 17 Jul 2012 05:06:36 +0000 (UTC)
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 8bit
From: mwbrooks@apache.org
To: callback-commits@incubator.apache.org
X-Mailer: ASF-Git Admin Mailer
Subject: [9/10] git commit: Update design of index.html
Message-Id: <20120717050636.4C87714C68@tyr.zones.apache.org>
Date: Tue, 17 Jul 2012 05:06:36 +0000 (UTC)

Update design of index.html


Project: http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/commit/b18d442a
Tree: http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/tree/b18d442a
Diff: http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/diff/b18d442a

Branch: refs/heads/hello-cordova
Commit: b18d442a9ee3935f94def09d8abac2cb8c86b739
Parents: 9143dde
Author: Michael Brooks <michael@michaelbrooks.ca>
Authored: Fri Jul 13 14:50:07 2012 -0700
Committer: Michael Brooks <michael@michaelbrooks.ca>
Committed: Fri Jul 13 14:50:07 2012 -0700

----------------------------------------------------------------------
 www/css/index.css |   71 +++++++++++++++++++++++++++++++++++++++++++----
 www/index.html    |    6 +++-
 2 files changed, 69 insertions(+), 8 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/blob/b18d442a/www/css/index.css
----------------------------------------------------------------------
diff --git a/www/css/index.css b/www/css/index.css
index 89db1c3..972e500 100644
--- a/www/css/index.css
+++ b/www/css/index.css
@@ -1,16 +1,75 @@
+html,
 body {
-    background-color:#EEEEEE;
-    font-family:monospace;
-    font-size:1em;
+    height:100%;
 }
 
+body {
+    background-image: linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
+    background-image: -o-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
+    background-image: -moz-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
+    background-image: -webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
+    background-image: -ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
+    background-image: -webkit-gradient(
+        linear,
+        left top,
+        left bottom,
+        color-stop(0, #A7A7A7),
+        color-stop(0.51, #E4E4E4)
+    );
+}
+
+body,
 h1 {
+    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
+    font-size:1em;
+    font-weight:300;
+    text-transform:uppercase;
+}
+
+.logo {
     background:url(../img/cordova.png) center center no-repeat;
     background-size:contain;
-    height:200px;
-    width:100%;
+    height:500px;
+    margin:0px auto;
+    margin-bottom:-50px;
+    width:426px;
+    max-width:100%;
+}
+
+h1 {
+    font-size:2em;
+    margin:0px;
+    text-align:center;
 }
 
-p {
+.report {
+    background-color:#333333;
+    -webkit-border-radius:4px;
+    -moz-border-radius:4px;
+    border-radius:4px;
+    color:#FFFFFF;
+    display:block;
+    font-size:0.8em;
+    margin:5px auto;
+    padding:2px 4px;
     text-align:center;
+    width:200px;
+}
+
+.report-on {
+    background-color:#4B946A;
+}
+
+.hide {
+    display:none;
+}
+
+@-webkit-keyframes fade {
+    from { opacity: 1.0; }
+    50% { opacity: 0.4; }
+    to { opacity: 1.0; }
+}
+ 
+.blink {
+    -webkit-animation:fade 3000ms infinite;
 }

http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/blob/b18d442a/www/index.html
----------------------------------------------------------------------
diff --git a/www/index.html b/www/index.html
index 41bfdf1..c7c9069 100644
--- a/www/index.html
+++ b/www/index.html
@@ -8,8 +8,10 @@
         <title>Hello Cordova</title>
     </head>
     <body>
-        <h1></h1>
-        <p>deviceready... <span id="deviceready">initializing</span></p>
+        <div class="logo"></div>
+        <h1>Apache Cordova™</h1>
+        <p class="report report-off blink">Establishing Connection</p>
+        <p class="report report-on blink hide">Connection Ready</p>
 
         <script type="text/javascript" src="js/index.js"></script>
         <script type="text/javascript">