You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by mw...@apache.org on 2012/07/17 07:06:36 UTC
[9/10] git commit: Update design of index.html
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 <mi...@michaelbrooks.ca>
Authored: Fri Jul 13 14:50:07 2012 -0700
Committer: Michael Brooks <mi...@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">