Added documentation and hid search button (not part of V1 launch)
Project: http://git-wip-us.apache.org/repos/asf/cordova-docs/repo Commit: http://git-wip-us.apache.org/repos/asf/cordova-docs/commit/0ba27ee9 Tree: http://git-wip-us.apache.org/repos/asf/cordova-docs/tree/0ba27ee9 Diff: http://git-wip-us.apache.org/repos/asf/cordova-docs/diff/0ba27ee9 Branch: refs/heads/cordova-website Commit: 0ba27ee9645609f2564a22bcca748b51ebc9f856 Parents: a5b7c5a Author: Brad Gashler <[email protected]> Authored: Tue Aug 11 17:02:09 2015 -0700 Committer: Brad Gashler <[email protected]> Committed: Tue Aug 11 17:02:09 2015 -0700 ---------------------------------------------------------------------- www/_includes/header.html | 4 +-- www/index.html | 51 +++++++++++++++++++-------------------- www/static/css-src/main.scss | 2 +- 3 files changed, 28 insertions(+), 29 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/0ba27ee9/www/_includes/header.html ---------------------------------------------------------------------- diff --git a/www/_includes/header.html b/www/_includes/header.html index 47068d5..ed8f902 100644 --- a/www/_includes/header.html +++ b/www/_includes/header.html @@ -11,7 +11,7 @@ <a class="navbar-brand" href="{{ site.baseurl }}/"><img id="logo_top" src="{{ site.baseurl }}/static/img/logo_full_2.svg"/></a> </div> <div id="navbar" class="navbar-collapse collapse"> - <img class="pull-right hidden-xs" style="width:25px" src="{{ site.baseurl }}/static/img/search_icon.svg"/> + <img class="pull-right hidden-xs hidden" style="width:25px" src="{{ site.baseurl }}/static/img/search_icon.svg"/> <div class="nav_bar_center"> <ul class="nav navbar-nav"> <li {% if page.docs_tab %}class="active"{% endif %}> @@ -29,7 +29,7 @@ <li> <a href="{{ site.baseurl }}/#contact">Contact</a> </li> - <li class="visible-xs"> + <li class="visible-xs hidden"> <img class="" style="width:25px;margin-left:13px" src="{{ site.baseurl }}/static/img/search_icon.svg"/> </li> </ul> http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/0ba27ee9/www/index.html ---------------------------------------------------------------------- diff --git a/www/index.html b/www/index.html index 9e89e20..998efd2 100644 --- a/www/index.html +++ b/www/index.html @@ -60,7 +60,7 @@ title: Apache Cordova <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> + <span id="current_os">Windows</span> to develop your apps</p> <p> <a href="#" role="button">Use a different OS?</a> </p> @@ -72,16 +72,15 @@ title: Apache Cordova <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>Installing Cordova</h2> + <p>Cordova command-line runs on <a href="http://nodejs.org/";>Node.js</a> and available on <a href="https://npmjs.org/package/cordova";>NPM</a>. Follow <a href="{{ site.baseurl }}/docs/en/edge/guide_platforms_index.md.html#Platform%20Guides">platform specific guides</a> to install additional platform dependencies. Open a command prompt or Terminal, and type <code>npm install -g cordova</code></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 + $ npm install -g cordova </div> </div> </div> @@ -90,16 +89,16 @@ title: Apache Cordova <div class="number_circle">2</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>Create a project</h2> + <p>Create a Cordova project using the command-line tool to create a blank project. Navigate to the directory where to create your project and type <code>cordova create <PATH></code></p> + <p>For a complete set of options, type cordova help create</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 + $ cordova create MyApp </div> </div> </div> @@ -108,16 +107,18 @@ title: Apache Cordova <div class="number_circle">3</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>Add a platform</h2> + <p>After creating a Cordova project, navigate to the project directory. From the project directory, you need to add a platform you want to build your app.</p> + <p>To add platform, type <code>cordova platform add <platform name></code>.</p> + <p>For a complete list of platforms you can add, run <code>cordova platform</code></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 + <p>$ cd MyApp</p> + <p>$ cordova platform add browser</p> </div> </div> </div> @@ -126,16 +127,16 @@ title: Apache Cordova <div class="number_circle">4</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>Run your app</h2> + <p>From the command line, run <code>cordova run <platform name></code>.</p> + <p>You can replace browser with the platform that you would like to run (e.g. iOS, Android, Windows)</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 + $ cordova run browser </div> </div> </div> @@ -144,17 +145,15 @@ title: Apache Cordova <div class="number_circle">5</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>Common next steps</h2> + <ul class="nav"> + <li><a href="{{ site.baseurl }}/docs/en/edge/index.html">Read the docs</a></li> + <li><a href="{{ site.baseurl }}/docs/en/edge/guide_cli_index.md.html">Add a Plugin</a></li> + <li><a href="{{ site.baseurl }}/docs/en/edge/config_ref_index.md.html">Add Icons and Splash Screen</a></li> + <li><a href="{{ site.baseurl }}/docs/en/edge/config_ref_images.md.html">Configure Your App</a></li> + </ul> </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> </div> http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/0ba27ee9/www/static/css-src/main.scss ---------------------------------------------------------------------- diff --git a/www/static/css-src/main.scss b/www/static/css-src/main.scss index 9f075ee..428f8ec 100644 --- a/www/static/css-src/main.scss +++ b/www/static/css-src/main.scss @@ -54,7 +54,7 @@ $scree-md-max: $screen-lg - 1; } -@media (min-width: $screen-sm-min) { body { font-size:.5em; } } +/* @media (min-width: $screen-sm-min) { body { font-size:.5em; } } */ body { --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
