docs : create custom-layout-modes section

kavanagh · Oct 18, 2011 · 346f846 · 346f846
1 parent a23c18e
commit 346f846
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 9 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -47,6 +47,18 @@ <h2>Demos</h2>
       {% 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 -->

diff --git a/...ts/tests/2011-05-18-centered-masonry.html → ...ut-modes/2011-05-18-centered-masonry.html b/...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>

diff --git a/_posts/demos/2011-05-22-category-rows.html → ...ayout-modes/2011-05-22-category-rows.html b/_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">

diff --git a/...ests/2011-07-07-masonry-corner-stamp.html → ...odes/2011-07-07-masonry-corner-stamp.html b/...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>

diff --git a/_posts/tests/2011-07-14-masonry-gutters.html → ...out-modes/2011-07-14-masonry-gutters.html b/_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>

diff --git a/_posts/docs/2011-05-25-extending-isotope.mdown b/_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.