<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title > Ratchet< / title >
< meta name = "description" content = "Ratchet: Prototype mobile apps with simple HTML, CSS, and JS components." >
< meta name = "author" content = "Connor Sears" >
< meta name = "viewport" content = "initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" >
< link rel = "shortcut icon" href = "../favicon.ico" >
< meta name = "apple-mobile-web-app-capable" content = "yes" >
< meta name = "apple-mobile-web-app-status-bar-style" content = "black" >
< link rel = "stylesheet" href = "../dist/ratchet.css" >
< link rel = "stylesheet" href = "../assets/css/docs.css" >
< link rel = "stylesheet" href = "../assets/css/pygments.css" >
<!-- [if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif] -->
< link rel = "apple-touch-icon-precomposed" sizes = "114x114" href = "../assets/img/apple-touch-icon-114x114.png" >
< script src = "http://code.jquery.com/jquery-1.7.2.min.js" > < / script >
< script src = "../dist/ratchet.js" > < / script >
< script src = "../assets/js/docs.js" > < / script >
< script src = "../assets/js/fingerblast.js" > < / script >
<!-- Typekit -->
< script type = "text/javascript" src = "//use.typekit.net/asj6ttm.js" > < / script >
< script type = "text/javascript" > try { Typekit . load ( ) ; } catch ( e ) { } < / script >
<!-- Roboto -->
< link href = 'http://fonts.googleapis.com/css?family=Roboto:400,700,500' rel = 'stylesheet' type = 'text/css' >
< script >
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36050008-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
// Remove once I add back in the docs.js
// $(function() {
// $(window).on('load', function () { new FingerBlast('.body'); });
// });
< / script >
< / head >
< body class = "docs-home" ontouchstart = "" >
< div class = "docs-header" >
< header class = "docs-masthead clearfix" >
< div class = "container" >
< div class = "column units-2" >
< h1 class = "docs-title" >
< a href = "/" data-ignore = "push" > Ratchet< / a >
< / h1 >
< nav class = "docs-nav clearfix" >
< a class = "docs-nav-trigger icon icon-bars pull-right js-docs-nav-trigger" href = "#" > < / a >
< div class = "docs-nav-group" >
< a class = "docs-nav-item" href = "/" data-ignore = "push" > Home< / a >
< a class = "docs-nav-item" href = "/getting-started" data-ignore = "push" > Getting started< / a >
< a class = "docs-nav-item" href = "/components" data-ignore = "push" > Components< / a >
< a class = "docs-nav-item" href = "/examples" data-ignore = "push" > Examples< / a >
< a class = "docs-nav-item" href = "https://github.com/twbs/ratchet" data-ignore = "push" > GitHub project< / a >
< / div >
< / nav >
< / div >
< / div >
< / header >
< div class = "docs-header-content" >
< p class = "docs-subtitle" > Build mobile apps with simple HTML‚ CSS‚ and JS components.< / p >
< a data-ignore = "push" href = "https://github.com/twbs/ratchet/archive/v2.0.0.zip" class = "btn btn-primary" onClick = "_gaq.push(['_trackEvent', 'Downloads', 'V2.0']);" > Download Ratchet< / a >
< p class = "version" > Currently v2.0.0< / p >
< / div >
< div id = "carbonads-container" > < div class = "carbonad" > < div id = "azcarbon" > < / div > < script type = "text/javascript" > var z = document . createElement ( "script" ) ; z . type = "text/javascript" ; z . async = true ; z . src = "http://engine.carbonads.com/z/58147/azcarbon_2_1_0_HORIZ" ; var s = document . getElementsByTagName ( "script" ) [ 0 ] ; s . parentNode . insertBefore ( z , s ) ; < / script > < / div > < / div >
< div class = "docs-footer" >
<!-- Social links -->
< ul class = "social" >
< li >
< iframe src = "http://ghbtns.com/github-btn.html?user=twbs&repo=ratchet&type=watch&count=true" allowtransparency = "true" frameborder = "0" scrolling = "0" width = "100px" height = "20px" > < / iframe >
< / li >
< li >
< a data-ignore = "push" href = "https://twitter.com/share" class = "twitter-share-button" data-url = "http://goratchet.com" data-text = "Ratchet – Build mobile apps with simple HTML, CSS, and JS components." data-via = "GoRatchet" > Tweet< / a >
< script > ! function ( d , s , id ) { var js , fjs = d . getElementsByTagName ( s ) [ 0 ] ; if ( ! d . getElementById ( id ) ) { js = d . createElement ( s ) ; js . id = id ; js . src = "//platform.twitter.com/widgets.js" ; fjs . parentNode . insertBefore ( js , fjs ) ; } } ( document , "script" , "twitter-wjs" ) ; < / script >
< / li >
< li > < a data-ignore = "push" href = "https://twitter.com/GoRatchet" class = "twitter-follow-button" data-show-count = "true" >
Follow @GoRatchet< / a >
< script > ! function ( d , s , id ) { var js , fjs = d . getElementsByTagName ( s ) [ 0 ] ; if ( ! d . getElementById ( id ) ) { js = d . createElement ( s ) ; js . id = id ; js . src = "//platform.twitter.com/widgets.js" ; fjs . parentNode . insertBefore ( js , fjs ) ; } } ( document , "script" , "twitter-wjs" ) ; < / script >
< / li >
< / ul >
< p class = "docs-footer-content" > Code licensed under the MIT license and the docs are licensed under CC BY 3.0. Ratchet version 2.0.0 was lovingly crafted by < a href = "https://twitter.com/connors" data-ignore = "push" > Connor Sears< / a > .< / p >
< / div >
< / div >
< / body >
< / html >
