@ -19,15 +19,15 @@ title: Getting started · Ratchet
<divclass="column lg-units-8 docs-content">
<divclass="column lg-units-8 docs-content">
<divclass="docs-section">
<divclass="docs-section">
<h2>Quick start</h2>
<h2>Quick start</h2>
<pclass="lead">Quickly get up and running with a Ratchet prototype.</p>
<pclass="lead">Quickly get up and running with a Ratchet app.</p>
<h3>1. Create your pages</h3>
<h3>1. Create your pages</h3>
<p>Use the <ahref="/components"data-ignore="push">documentation</a> as a reference for all the available components and piece together the pages of your app. Be sure to look at the <ahref="#pageLayout">basic page template</a> and <ahref="/examples"data-ignore="push">example applications</a>. Make sure to add <code>ratchet-theme-ios.css</code> or <code>ratchet-theme-android.css</code> to your app's <code><head></code> if you have a specific platform in mind.</p>
<p>Use the <ahref="/components"data-ignore="push">documentation</a> as a reference for all the available components and piece together the pages of your app. Be sure to look at the <ahref="#pageLayout">basic page template</a> and <ahref="/examples"data-ignore="push">example applications</a>. Make sure to add <code>ratchet-theme-ios.css</code> or <code>ratchet-theme-android.css</code> to your app's <code><head></code> if you have a specific platform in mind.</p>
<h3>2. Connect pages with push.js</h3>
<h3>2. Connect pages with push.js</h3>
<p>Read about <ahref="/components/#push"data-ignore="push">push.js</a> then start connecting your pages. Push.js allows you to create a prototype that feels like a real app when you save it to your phone. (Need to have a server running).</p>
<p>Read about <ahref="/components/#push"data-ignore="push">push.js</a> then start connecting your pages. Push.js allows you to create a app that feels like a real app when you save it to your phone. (Need to have a server running).</p>
<h3>3. Save the prototype to your phone</h3>
<h3>3. Save the app to your phone</h3>
<p>There are <ahref="https://groups.google.com/forum/#!topic/goratchet/IboE6SCMAyw"data-ignore="push">a few ways to do this</a>, but the simplest is to run a local server on your computer, point Safari on your iPhone to your computer, then click the <spanclass="icon icon-share"></span> button and "Add to Home Screen". For Android, check out <ahref="https://developers.google.com/chrome/mobile/docs/installtohomescreen"data-ignore="push">this guide</a>.</p>
<p>There are <ahref="https://groups.google.com/forum/#!topic/goratchet/IboE6SCMAyw"data-ignore="push">a few ways to do this</a>, but the simplest is to run a local server on your computer, point Safari on your iPhone to your computer, then click the <spanclass="icon icon-share"></span> button and "Add to Home Screen". For Android, check out <ahref="https://developers.google.com/chrome/mobile/docs/installtohomescreen"data-ignore="push">this guide</a>.</p>