You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by db...@apache.org on 2015/08/06 03:06:16 UTC
[04/20] docs commit: Added showcase section
Added showcase section
Project: http://git-wip-us.apache.org/repos/asf/cordova-docs/repo
Commit: http://git-wip-us.apache.org/repos/asf/cordova-docs/commit/d2eac020
Tree: http://git-wip-us.apache.org/repos/asf/cordova-docs/tree/d2eac020
Diff: http://git-wip-us.apache.org/repos/asf/cordova-docs/diff/d2eac020
Branch: refs/heads/cordova-website
Commit: d2eac020d30928a494e1c5f690b6f51dccf17d22
Parents: 01674e4
Author: Brad Gashler <bg...@users.noreply.github.com>
Authored: Wed Aug 5 16:46:32 2015 -0700
Committer: Brad Gashler <bg...@users.noreply.github.com>
Committed: Wed Aug 5 16:46:32 2015 -0700
----------------------------------------------------------------------
www/index.html | 61 +++++++++++++++++++++++++--------------
www/static/css-src/main.scss | 20 +++++++++++++
2 files changed, 59 insertions(+), 22 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/d2eac020/www/index.html
----------------------------------------------------------------------
diff --git a/www/index.html b/www/index.html
index 30b2c31..da216bc 100644
--- a/www/index.html
+++ b/www/index.html
@@ -54,36 +54,53 @@ title: Apache Cordova
</div>
</div>
</div>
- <div class="container">
- <!-- Example row of columns -->
- <div class="row">
+<div class="container">
+ <!-- Example row of columns -->
+ <div class="row">
<div class="col-md-12 text-center">
- <h1>Get Started Fast</h1>
- <p>Looks like you're using <span id="current_os">Windows</span> to develop your apps</p>
- <p><a href="#" role="button">Use a different OS?</a></p>
+ <h1>Get Started Fast</h1>
+ <p>Looks like you're using
+ <span id="current_os">Windows</span>to develop your apps</p>
+ <p>
+ <a href="#" role="button">Use a different OS?</a>
+ </p>
</div>
- </div>
- <div class="row">
+ </div>
+ <div class="row">
<div class="col-md-1">
<div class="number_circle">1</div>
</div>
<div class="col-md-7">
- <h2>Lorem ipsum dolor sit amet</h2>
- <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ <h2>Lorem ipsum dolor sit amet</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,
+ ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
</div>
<div class="col-md-4">
- <div class="well_code">
- <div><button type="button" class="btn btn btn-primary pull-right">Copy</button></div>
- $ sudo npm install -g cordova
-
- </div>
- </div>
- </div>
-
- <hr>
-
-
- </div> <!-- /container -->
+ <div class="well_code">
+ <div>
+ <button type="button" class="btn btn btn-primary pull-right">Copy</button>
+ </div>$ sudo npm install -g cordova</div>
+ </div>
+ </div>
+</div>
+<!-- /container -->
+<div class="container-fluid dark">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12 text-center showcase_section_intro">
+ <h1>Supported Platforms</h1>
+ <h3>See a list of
+ <a href="#">features supported</a> in each platform</h3>
+ <p>Cordova wraps your HTML/JavaScript app into a native container which can access the device functions of several platforms.
+ These functions are exposed via a unified JavaScript API, allowing you to easily write one set of code to target nearly every
+ phone or tablet on the market today and publish to their app stores.</p>
+ </div>
+ </div>
+ <hr>
+ </div>
+ <!-- /container -->
+</div>
+<!-- /container-fluid -->
<!-- Bootstrap core JavaScript
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/d2eac020/www/static/css-src/main.scss
----------------------------------------------------------------------
diff --git a/www/static/css-src/main.scss b/www/static/css-src/main.scss
index df92d6b..b454a53 100644
--- a/www/static/css-src/main.scss
+++ b/www/static/css-src/main.scss
@@ -26,6 +26,7 @@ $badge-line-height: 1.25;
/* Other brand colors */
$brand-gold: #F1B444;
$brand-gold-darker: #B58733;
+$gray-90: lighten($gray-base, 10%);
$gray-50: lighten($gray-base, 50%);
$gray-20: lighten($gray-base, 80%);
$gray-10: lighten($gray-base, 90%);
@@ -181,6 +182,22 @@ img#logo_top {
/*
+********* Showcase Section ***********
+*/
+.dark {
+ background-color: $gray-90;
+}
+.showcase_section_intro {
+ margin: auto;
+ float:none;
+ max-width: 600px;
+ h1 { color: $brand-gold; padding-bottom:0; }
+ h2 { color: white; font-size: 18px; padding:0; margin-top:0 }
+ p, span { color: white; text-align: left; }
+
+}
+
+/*
********* Modifications to Bootstrap ***********
*/
button.btn {
@@ -204,4 +221,7 @@ h2 {
font-size:12px;
margin-top:-14px;
padding: 1px 5px;
+}
+p {
+ line-height:30px;
}
\ No newline at end of file
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@cordova.apache.org
For additional commands, e-mail: commits-help@cordova.apache.org