Jekyll the docs.

.gitignore

@@ -33,4 +33,5 @@ nbproject
 .svn
 .CVS
 .idea
-node_modules
+node_modules
+_site

_config.yml

@@ -0,0 +1,4 @@
+name: Ratchet
+authors: Connor Sears, Dave Gamache, and Jacob Thornton
+description: Prototype iPhone apps with simple HTML, CSS, and JS components.
+url: http://maker.github.io/ratchet

_includes/components.html

@@ -0,0 +1 @@
+components.html

_includes/footer.html

@@ -0,0 +1,8 @@
+<div class="docs-outer-wrapper docs-footer">
+  <section class="content-section">
+    <div class="docs-inner-wrapper">
+      <h3>License &amp; credit</h3>
+      <p>Ratchet is under the the MIT license, meaning you're basically free to use the framework as you please. Ratchet was lovingly crafted by <a data-ignore="push" href="http://www.twitter.com/dhg">Dave Gamache</a>, <a data-ignore="push" href="http://www.twitter.com/connors">Connor Sears</a>, and <a data-ignore="push" href="http://www.twitter.com/fat">Jacob Thornton</a>.</p>
+    </div>
+  </section>
+</div>

_includes/header.html

@@ -0,0 +1,35 @@
+<meta charset="utf-8">
+<title>{{ site.name }}</title>
+<meta name="description" content="{{ site.name }}: {{ site.description }}">
+<meta name="author" content="{{ site.authors }}">
+<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="../dist/ratchet.css">
+<link rel="stylesheet" href="assets/css/docs.css">
+<link rel="stylesheet" href="assets/css/prettify.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">
+<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/img/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon-precomposed" sizes="57x57" href="assets/img/apple-touch-icon-57x57.png">
+
+<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
+<script src="assets/js/prettify.js"></script>
+<script src="../dist/ratchet.js"></script>
+<script src="assets/js/docs.js"></script>
+<script src="assets/js/fingerblast.js"></script>
+<script type="text/javascript">
+
+  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);
+  })();
+
+</script>

_includes/jumbotron.html

@@ -0,0 +1,23 @@
+<header class="docs-outer-wrapper docs-header">
+  <div class="docs-inner-wrapper">
+    <hgroup class="docs-header-text">
+      <h2 class="docs-header-subtitle">Prototype iPhone apps with simple HTML, CSS, and JS components.</h2>
+      <a data-ignore="push" href="http://maker.github.com/ratchet/ratchet.zip" class="docs-btn" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V1.0']);">Download Ratchet</a>
+    </hgroup>
+  </div>
+  <section class="social">
+    <ul>
+      <li>
+        <iframe src="http://ghbtns.com/github-btn.html?user=maker&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://maker.github.com/ratchet/" data-text="Ratchet: Prototype iPhone 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>
+  </section>
+</header>

_includes/nav.html

@@ -0,0 +1,26 @@
+<nav class="docs-outer-wrapper docs-masthead">
+  <div class="docs-inner-wrapper">
+    <ul class="docs-navigation">
+      <li class="nav-item"><a href="#gettingStarted">Getting started</a></li>
+      <li class="nav-item nav-components">
+        <a data-ignore="push" class="nav-components-link" href="">Components</a>
+        <ul class="components-list">
+          <li><a href="#bars">Bars</a></li>
+          <li><a href="#table-views">Table views</a></li>
+          <li><a href="#buttons">Buttons</a></li>
+          <li><a href="#segmentedControllers">Segmented controllers</a></li>
+          <li><a href="#counts">Counts</a></li>
+          <li><a href="#forms">Forms</a></li>
+          <li><a href="#toggles">Toggles</a></li>
+          <li><a href="#popovers">Popovers</a></li>
+          <li><a href="#modals">Modals</a></li>
+          <li><a href="#sliders">Sliders</a></li>
+          <li><a href="#push">Push</a></li>
+        </ul>
+      </li>
+      <li class="nav-item"><a href="#pageSetup">Page setup</a></li>
+      <li data-ignore="push" class="nav-item"><a href="http://github.com/maker/ratchet">View on GitHub</a></li>
+    </ul>
+    <h1 class="docs-masthead-title">Ratchet</h1>
+  </div>
+</nav>

_layouts/default.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    {% include header.html %}
+  </head>
+  <body ontouchstart="">
+    <!-- Masthead & navigation -->
+    {% include nav.html %}
+
+    <!-- Jumbotron -->
+    {% include jumbotron.html %}
+
+    <!-- Page content -->
+    {{ content }}
+
+    <!-- Footer -->
+    {% include footer.html %}
+  </body>
+ </html>

one.html

@@ -9,7 +9,7 @@
     <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">s
+    <link rel="stylesheet" href="../dist/ratchet.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]-->