gitaeks · May 2, 2016 06:16
diff --git a/basic-template.html b/basic-template.html
 <!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Ratchet template page</title>

    <!-- Sets initial viewport load and disables zooming  -->
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">

    <!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!-- Include the compiled Ratchet CSS -->
    <link href="path/to/ratchet.css" rel="stylesheet">
    <link href="path/to/ratchet-plus.css" rel="stylesheet">

    <!-- jQuery -->
    <script src="path/to/jquery.min.js"></script>
    
    <!-- Include the compiled Ratchet JS -->
    <script src="path/to/ratchet.js"></script>
    <script src="path/to/ratchet-plus.js"></script>
  </head>
  <body>

    <!-- Make sure all your bars are the first things in your <body> -->
    <header class="bar bar-nav">
      <h1 class="title">Ratchet Plus</h1>
    </header>

    <!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) -->
    <div class="content">
      <p class="content-padded">Thanks for downloading Ratchet. This is an example HTML page that's linked up to compiled Ratchet CSS and JS, has the proper meta tags and the HTML structure. Need some more help before you start filling this with your own content? Check out some Ratchet resources:</p>
    </div>

 <script src="path/to/jquery.finger.min.js"></script>
 <script src="path/to/jquery.history.js"></script>

 <!-- ratchet plus JS -->
 <script src="path/to/ratchet-plus.js" type="text/javascript"></script>

 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Ratchet template page</title>

	<!-- Sets initial viewport load and disables zooming -->
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">

	<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<!-- Include the compiled Ratchet CSS -->
	<link href="path/to/ratchet.css" rel="stylesheet">
	<link href="path/to/ratchet-plus.css" rel="stylesheet">

	<!-- jQuery -->
	<script src="path/to/jquery.min.js"></script>

	<!-- Include the compiled Ratchet JS -->
	<script src="path/to/ratchet.js"></script>
	<script src="path/to/ratchet-plus.js"></script>
	</head>
	<body>

	<!-- Make sure all your bars are the first things in your <body> -->
	<header class="bar bar-nav">
	<h1 class="title">Ratchet Plus</h1>
	</header>

	<!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) -->
	<div class="content">
	<p class="content-padded">Thanks for downloading Ratchet. This is an example HTML page that's linked up to compiled Ratchet CSS and JS, has the proper meta tags and the HTML structure. Need some more help before you start filling this with your own content? Check out some Ratchet resources:</p>
	</div>

	<script src="path/to/jquery.finger.min.js"></script>
	<script src="path/to/jquery.history.js"></script>

	<!-- ratchet plus JS -->
	<script src="path/to/ratchet-plus.js" type="text/javascript"></script>

	</body>
	</html>
No results found