[docs][s]: split out tutorials in a separate file.

This commit is contained in:
Rufus Pollock
2012-07-03 19:28:18 +01:00
parent 8bc5154dda
commit 811604d409
3 changed files with 14 additions and 40 deletions

View File

@@ -36,6 +36,13 @@
</a> </a>
</li> </li>
<li class="divider-vertical"></li> <li class="divider-vertical"></li>
<li>
<a href="{{page.root}}docs/tutorials.html">
<i class="icon-road icon-white"></i>
Tutorials
</a>
</li>
<li class="divider-vertical"></li>
<li> <li>
<a href="{{page.root}}demos/"> <a href="{{page.root}}demos/">
<i class="icon-pencil icon-white"></i> <i class="icon-pencil icon-white"></i>
@@ -43,27 +50,14 @@
</a> </a>
</li> </li>
<li class="divider-vertical"></li> <li class="divider-vertical"></li>
</ul>
<ul class="nav pull-right">
<li> <li>
<a href="http://github.com/okfn/recline/"> <a href="http://github.com/okfn/recline/">
<i class="icon-download-alt icon-white"></i> <i class="icon-download-alt icon-white"></i>
GitHub GitHub
</a> </a>
</li> </li>
<li class="divider-vertical"></li>
<li>
<a href="http://twitter.com/ReclineJS">
<i class="icon-star icon-white"></i>
Twitter
</a>
</li>
<li class="divider-vertical"></li>
<li>
<a href="test/">
<i class="icon-ok icon-white"></i>
Unit Tests
</a>
</li>
<li class="divider-vertical"></li>
</ul> </ul>
</div> </div>
</div> </div>

View File

@@ -160,10 +160,14 @@ section.grey:after {
color:#333333; color:#333333;
} }
.library .tutorials .well { .tutorials .well {
height: 60px; height: 60px;
} }
.tutorials {
margin-bottom: 300px;
}
/** Code / Pre **/ /** Code / Pre **/
.container pre { .container pre {

View File

@@ -44,30 +44,6 @@ root: ../
<img src="https://docs.google.com/drawings/pub?id=1tEKX9ybHZKdPImoy7j_m5x3_b9HzcaU1OnNfQB3F9XQ&amp;w=666&amp;h=405" style="display: block; margin: auto;" /> <img src="https://docs.google.com/drawings/pub?id=1tEKX9ybHZKdPImoy7j_m5x3_b9HzcaU1OnNfQB3F9XQ&amp;w=666&amp;h=405" style="display: block; margin: auto;" />
<div id="tutorials" class="tutorials">
<h2>Tutorials</h2>
<div class="alert alert-success"><strong>Note:</strong> A quick read through of the <a href="#concepts">Concepts section</a> will
likely be useful in understanding the details of these tutorials.</div>
<div class="row">
<div class="span4">
<div class="well">
<h4><a href="tutorial-basics.html">Dataset Basics - Creating, Querying, Using</a></h4>
</div>
</div>
<div class="span4">
<div class="well">
<h4><a href="tutorial-backends.html">Backends and loading data from Google Docs, Local CSV, DataHub and more</a></h4>
</div>
</div>
<div class="span4">
<div class="well">
<h4><a href="tutorial-views.html">Views Quickstart - Grids, Graphs, Maps and more</a></h4>
</div>
</div>
</div>
</div>
<h2 id="docs-source">Source Docs (via Docco)</h2> <h2 id="docs-source">Source Docs (via Docco)</h2>
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">