|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>Ratchet</title>
|
|
|
|
|
<meta name="description" content="">
|
|
|
|
|
<meta name="author" content="">
|
|
|
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
|
|
|
<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="../lib/css/base.css">
|
|
|
|
|
<link rel="stylesheet" href="../lib/css/bars.css">
|
|
|
|
|
<link rel="stylesheet" href="../lib/css/lists.css">
|
|
|
|
|
<link rel="stylesheet" href="../lib/css/forms.css">
|
|
|
|
|
<link rel="stylesheet" href="../lib/css/buttons.css">
|
|
|
|
|
<link rel="stylesheet" href="../lib/css/chevrons.css">
|
|
|
|
|
<link rel="stylesheet" href="../lib/css/counts.css">
|
|
|
|
|
<link rel="stylesheet" href="../lib/css/segmented-controllers.css">
|
|
|
|
|
<link rel="stylesheet" href="../lib/css/popovers.css">
|
|
|
|
|
<link rel="stylesheet" href="../lib/css/sliders.css">
|
|
|
|
|
<link rel="stylesheet" href="../lib/css/toggles.css">
|
|
|
|
|
<link rel="stylesheet" href="../lib/css/push.css">
|
|
|
|
|
<link rel="stylesheet" href="css/docs.css">
|
|
|
|
|
<link rel="stylesheet" href="css/prettify.css">
|
|
|
|
|
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
|
|
|
|
<script type="text/javascript" src="//use.typekit.net/gwz1sef.js"></script>
|
|
|
|
|
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
|
|
|
|
|
<style>
|
|
|
|
|
.iphone [class*="bar"] {
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="512x512" href="img/apple-touch-icon-512x512.png">
|
|
|
|
|
</head>
|
|
|
|
|
<body ontouchstart="">
|
|
|
|
|
<header class="bar-title">
|
|
|
|
|
<h1 class="title">Push</h1>
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
<ul class="list">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="two.html" data-transition="slide-in" data-selector=".iphone-content">
|
|
|
|
|
Load new page with push
|
|
|
|
|
</a>
|
|
|
|
|
<span class="chevron"></span>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
