Updating demo site with crawling information

pagerjs.com/demo/fx.html

@@ -83,7 +83,7 @@ <h2><a href="#!/fx/pop">Popout</a></h2>
 
 
 <div class="form-actions">
-    <a class="btn btn-large btn-primary" href="#!/recapitulation">Read a recapitulation about the API</a>
+    <a class="btn btn-large btn-primary" href="#!/crawling">Read about making an AJAX-site crawlable</a>
 </div>
 
 <div data-bind="page: {id: 'popout', modal: true, fx: 'popout'}" style="background-color: rgba(200,200,200,0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0;">

pagerjs.com/demo/index.html

@@ -1304,6 +1304,9 @@ <h1>Guards</h1>
 <div data-bind="page: {id: 'fx', title: 'FX', sourceOnShow: 'fx.html', sourceCache: true, desc: 'effects between page transitions'}">
 </div>
 
+<div data-bind="page: {id: 'crawling', title: 'Crawling', sourceOnShow: 'page/crawling.html', desc: 'making sure the site can be crawled'}">
+</div>
+
 
 <div data-bind="page: {id: 'recapitulation', title: 'Recapitulation', sourceOnShow: 'recapitulation.html', sourceLoaded: recapLoaded, desc: 'the entire API once again'}">
 </div>

pagerjs.com/demo/page/crawling.html

@@ -0,0 +1,27 @@
+<header class="jumbotron subhead">
+    <h1>Crawling</h1>
+
+    <p class="lead">
+        It does not need to be tricky to get your AJAX site indexed correctly by
+        search engines.
+        <br/>
+        <br/>
+        Your site should be indexed as normal if you use HTML5 History.
+        <br/>
+        <br/>
+        If you use <code>#!/</code> your site can be indexed correctly if you
+        provide <code>?_escaped_fragment_=</code>-pages. These can be either generated on
+        the fly or using a tool that generates snapshots.
+        <a href="https://github.com/finnsson/crawlerjs/">Crawler.js</a> is a Node.js-CLI
+        that generates static snapshots of your site using PhantomJS. Read more about it
+        at Googles site about
+        <a href="https://developers.google.com/webmasters/ajax-crawling/">Making AJAX Applications Crawlable</a>.
+    </p>
+</header>
+
+<a target="_blank" href="?_escaped_fragment_=/crawling">See the snapshot of this AJAX page.</a>.
+
+
+<div class="form-actions">
+    <a class="btn btn-large btn-primary" href="#!/recapitulation">Read a recapitulation about the API</a>
+</div>