Browse files

docs : create custom-layout-modes section

  • Loading branch information...
1 parent a23c18e commit 346f8461ad2de53baefd31b856889f8e599141d7 @desandro desandro committed Oct 18, 2011
View
12 _layouts/default.html
@@ -47,6 +47,18 @@
{% endfor %}
</ul>
+ <h2>Custom layout modes</h2>
+
+ <ul>
+ {% for demo in site.categories['custom-layout-modes'] reversed %}
+ {% if page.title == demo.title and page.category == 'custom-layout-modes' %}
+ <li class="current"><a href="#content">{{ demo.title }}</a></li>
+ {% else %}
+ <li><a href="{{ link_path }}{{ demo.url }}">{{ demo.title }}</a>
+ {% endif %}
+ {% endfor %}
+ </ul>
+
<h2><a href="{{ root_path }}tests/index.html">Tests</a></h2>
</nav> <!-- #site-nav -->
View
4 ...ts/tests/2011-05-18-centered-masonry.html → ...ut-modes/2011-05-18-centered-masonry.html
@@ -1,7 +1,7 @@
---
-title: centered masonry
+title: Centered Masonry
layout: default
-category: tests
+category: custom-layout-modes
---
<style>
View
4 _posts/demos/2011-05-22-category-rows.html → ...ayout-modes/2011-05-22-category-rows.html
@@ -1,11 +1,11 @@
---
title: Category rows
layout: default
-category: demos
+category: custom-layout-modes
---
<section id="copy">
- <p>This demo uses a custom layout mode, <code>categoryRows</code> that arranges elements into rows based on their category. The layout mode logic relies on sorting to define rows.</p>
+ <p>This demo uses a <a href="../docs/extending-isotope.html">custom layout mode</a>, <code>categoryRows</code> that arranges elements into rows based on their category. The layout mode logic relies on sorting to define rows.</p>
</section>
<section id="options" class="clearfix">
View
4 ...ests/2011-07-07-masonry-corner-stamp.html → ...odes/2011-07-07-masonry-corner-stamp.html
@@ -1,7 +1,7 @@
---
-title: masonry corner stamp
+title: Masonry corner stamp
layout: default
-category: tests
+category: custom-layout-modes
---
<style>
View
4 _posts/tests/2011-07-14-masonry-gutters.html → ...out-modes/2011-07-14-masonry-gutters.html
@@ -1,7 +1,7 @@
---
-title: masonry gutters
+title: Masonry gutters
layout: default
-category: tests
+category: custom-layout-modes
---
<style>
View
2 _posts/docs/2011-05-25-extending-isotope.mdown
@@ -39,7 +39,7 @@ $.extend( $.Isotope.prototype, {
{% endhighlight %}
-[**See Demo: Category Rows**](../demos/category-rows.html)
+[**See Custom layout mode: Category Rows**](../customer-layout-modes/category-rows.html)
All of the [default layout modes](../docs/layout-modes.html) follow this pattern. We'll look at the code behind the _fitRows_ layout mode.

0 comments on commit 346f846

Please sign in to comment.