diff --git a/_layouts/demo.html b/_layouts/demo.html index 89ef849..5804a81 100644 --- a/_layouts/demo.html +++ b/_layouts/demo.html @@ -2,7 +2,7 @@ - {{ page.title }} + Isotope Demo: {{ page.title }} diff --git a/_layouts/doc.html b/_layouts/doc.html index 8f53f44..51bbf68 100644 --- a/_layouts/doc.html +++ b/_layouts/doc.html @@ -2,7 +2,7 @@ - {{ site.name }}: {{ page.title }} + {{ site.name }} Docs: {{ page.title }} diff --git a/_posts/demos/2010-12-13-elements-complete.html b/_posts/demos/2010-12-13-elements-complete.html index 0b0242f..5fc97f2 100644 --- a/_posts/demos/2010-12-13-elements-complete.html +++ b/_posts/demos/2010-12-13-elements-complete.html @@ -2,6 +2,7 @@ title: Elements Complete layout: elements category: demos +related: etc ---
diff --git a/_posts/demos/2010-12-16-elements-partial.html b/_posts/demos/2010-12-16-elements-partial.html index 487040d..003bc44 100644 --- a/_posts/demos/2010-12-16-elements-partial.html +++ b/_posts/demos/2010-12-16-elements-partial.html @@ -2,6 +2,7 @@ title: Elements Partial layout: elements category: demos +related: etc ---
diff --git a/_posts/demos/2010-12-29-layout-modes.html b/_posts/demos/2010-12-29-layout-modes.html index b1f9ac0..c2d85f5 100644 --- a/_posts/demos/2010-12-29-layout-modes.html +++ b/_posts/demos/2010-12-29-layout-modes.html @@ -2,6 +2,7 @@ title: Layout Modes layout: demo category: demos +related: layouts ---
diff --git a/_posts/demos/2010-12-30-filtering.html b/_posts/demos/2010-12-30-filtering.html index 12af90d..90ee9b0 100644 --- a/_posts/demos/2010-12-30-filtering.html +++ b/_posts/demos/2010-12-30-filtering.html @@ -2,6 +2,7 @@ title: Filtering layout: demo category: demos +related: filtering ---
diff --git a/_posts/demos/2010-12-30-sorting.html b/_posts/demos/2010-12-30-sorting.html index 1a84703..3b501f3 100644 --- a/_posts/demos/2010-12-30-sorting.html +++ b/_posts/demos/2010-12-30-sorting.html @@ -2,6 +2,7 @@ title: Sorting layout: demo category: demos +related: sorting ---
diff --git a/_posts/demos/2010-12-31-relayout.html b/_posts/demos/2010-12-31-relayout.html index e0d124b..0bc0e65 100644 --- a/_posts/demos/2010-12-31-relayout.html +++ b/_posts/demos/2010-12-31-relayout.html @@ -2,6 +2,7 @@ title: reLayout layout: demo category: demos +related: methods ---
diff --git a/_posts/demos/2011-01-03-adding-items.html b/_posts/demos/2011-01-03-adding-items.html index 626111c..c37507a 100644 --- a/_posts/demos/2011-01-03-adding-items.html +++ b/_posts/demos/2011-01-03-adding-items.html @@ -2,6 +2,7 @@ title: Adding items layout: demo category: demos +related: methods ---
diff --git a/_posts/docs/2010-12-01-introduction.mdown b/_posts/docs/2010-12-01-introduction.mdown index 837c9de..2c1dc2f 100644 --- a/_posts/docs/2010-12-01-introduction.mdown +++ b/_posts/docs/2010-12-01-introduction.mdown @@ -3,10 +3,13 @@ title: Introduction category: docs layout: doc +related: etc --- -Isotope is a layout, filtering, and sorting plugin for jQuery. +Isotope is a layout, filtering, and sorting plugin for jQuery. + +Top notch performance that can handle ## Features diff --git a/_posts/docs/2010-12-02-getting-started.mdown b/_posts/docs/2010-12-02-getting-started.mdown index 5ad3671..ab666eb 100644 --- a/_posts/docs/2010-12-02-getting-started.mdown +++ b/_posts/docs/2010-12-02-getting-started.mdown @@ -3,6 +3,7 @@ title: Getting Started category: docs layout: doc +related: etc --- diff --git a/_posts/docs/2010-12-03-options.mdown b/_posts/docs/2010-12-03-options.mdown index f96458d..4e3ac67 100644 --- a/_posts/docs/2010-12-03-options.mdown +++ b/_posts/docs/2010-12-03-options.mdown @@ -4,6 +4,7 @@ title: Options category: docs layout: doc body_class: option-def +related: etc --- diff --git a/_posts/docs/2010-12-04-methods.mdown b/_posts/docs/2010-12-04-methods.mdown index 8b59258..0aca1de 100644 --- a/_posts/docs/2010-12-04-methods.mdown +++ b/_posts/docs/2010-12-04-methods.mdown @@ -3,6 +3,7 @@ title: Methods category: docs layout: doc +related: methods --- @@ -15,7 +16,8 @@ layout: doc {% endhighlight %} -Adds elements to the pool of item elements of the container, but does sort, filter or layout. +Adds elements to the pool of item elements of the container, but does sort, filter or layout. More details in [Adding items](adding-items.html). + ## appended @@ -25,9 +27,9 @@ Adds elements to the pool of item elements of the container, but does sort, filt {% endhighlight %} -Adds elements via `addItems` method, then triggers `layout` just for those new elements. +Adds elements via `addItems` method, then triggers `layout` just for those new elements. Useful for Infinite Scroll. More details in [Adding items](adding-items.html). -Useful for Infinite Scroll. +[**See Demo: Adding items**](../demos/adding-items.html). ## destroy @@ -47,7 +49,9 @@ Removes Isotope functionality completely. Returns element back to pre-init state {% endhighlight %} -Appends elements to container, adds items to via `addItems` method, and then triggers `reLayout` method so new elements are properly filtered, sorted and laid-out. +Appends elements to container, adds items to via `addItems` method, and then triggers `reLayout` method so new elements are properly filtered, sorted and laid-out. More details in [Adding items](adding-items.html). + +[**See Demo: Adding items**](../demos/adding-items.html). ## layout @@ -77,7 +81,6 @@ Modifies options for plugin instance. {% endhighlight %} - Resets layout properties and lays-out every item element. [**See Demo: reLayout**](../demos/relayout.html) diff --git a/_posts/docs/2010-12-05-layout-modes.mdown b/_posts/docs/2010-12-05-layout-modes.mdown index b840b03..290f6f8 100644 --- a/_posts/docs/2010-12-05-layout-modes.mdown +++ b/_posts/docs/2010-12-05-layout-modes.mdown @@ -4,6 +4,7 @@ title: Layout Modes category: docs layout: doc body_class: option-def +related: layout --- diff --git a/_posts/docs/2010-12-06-filtering.mdown b/_posts/docs/2010-12-06-filtering.mdown index a9d7f86..db18e9e 100644 --- a/_posts/docs/2010-12-06-filtering.mdown +++ b/_posts/docs/2010-12-06-filtering.mdown @@ -3,6 +3,7 @@ title: Filtering category: docs layout: doc +related: filtering --- diff --git a/_posts/docs/2010-12-07-sorting.mdown b/_posts/docs/2010-12-07-sorting.mdown index eb6b597..f3f108b 100644 --- a/_posts/docs/2010-12-07-sorting.mdown +++ b/_posts/docs/2010-12-07-sorting.mdown @@ -3,6 +3,7 @@ title: Sorting category: docs layout: doc +related: sorting --- @@ -12,7 +13,7 @@ Isotope can rearrange item elements via sorting. ## Markup -In our example, each item element has several data points that can be used for sorting. +In our example, each item element has several data points that can be used for sorting. There's the elemental symbol, number, name of the element, weight, and category. {% highlight html %} @@ -35,7 +36,6 @@ In our example, each item element has several data points that can be used for s {% endhighlight %} -There's the elemental symbol, number, name of the element, weight, and category. ## getSortData diff --git a/_posts/docs/2010-12-09-animating.mdown b/_posts/docs/2010-12-09-animating.mdown index f6ffe49..0466c6b 100644 --- a/_posts/docs/2010-12-09-animating.mdown +++ b/_posts/docs/2010-12-09-animating.mdown @@ -3,6 +3,7 @@ title: Animating category: docs layout: doc +related: animating --- diff --git a/_posts/docs/2010-12-10-adding-items.mdown b/_posts/docs/2010-12-10-adding-items.mdown index 513f74a..4bfc83b 100644 --- a/_posts/docs/2010-12-10-adding-items.mdown +++ b/_posts/docs/2010-12-10-adding-items.mdown @@ -3,6 +3,7 @@ title: Adding items category: docs layout: doc +related: methods --- diff --git a/css/style.css b/css/style.css index f3065ad..668235e 100644 --- a/css/style.css +++ b/css/style.css @@ -440,9 +440,46 @@ code .nd { color: #9FAD7E; } /* CSS pseudo selector */ } +/**** Super list ****/ + +#super-list { + list-style: none; + margin: 0; + padding: 0; + margin-bottom: 40px; +} + +#super-list li { + display: inline-block; + font-size: 28px; + line-height: 1.2em; + margin: 2px; + font-weight: 300; +} + +#super-list li.feature { background: #111; } +#super-list li span, +#super-list li a { + display: block; + padding: 0.2em 0.5em; +} +#super-list li a { + color: #222; +/* font-weight: bold;*/ +} +#super-list li.doc a { background: #3CF; } +#super-list li.demo a { background: #FC3; } + +#super-list li a:hover, +#super-list li a.doc:hover, +#super-list li a.demo:hover { + background: white; +} /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } /* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } + + diff --git a/index.html b/index.html index f5fa367..9076b1e 100644 --- a/index.html +++ b/index.html @@ -1,25 +1,99 @@ --- title: Index -layout: default +layout: nil --- - + + + + + {{ site.name }} + + -

{{ page.title }}

+

{{ site.name }}

-

Docs

-
    +
    +

    Filter

    + +

    Sort

    + +
    + +
      +
    • Aggressively enhanced for CSS3 transforms & transitions
      • +
    • Dynamic, intelligent layouts
      • +
    • Reveal and hide items with filtering
      • +
    • Re-order items with sorting
      • +
    • Get sorting data from just about anything
      • +
    • Built on jQuery UI's widget bridge for powerful methods
      • {% for doc in site.categories.docs reversed %} -
    • {{ doc.title }}
      • +
    • Docs: {{ doc.title }}
      • + {% endfor %} + {% for demo in site.categories.demos reversed %} +
    • Demo: {{ demo.title }}
      • {% endfor %}
    + +

    Docs

    +
      +
    +

    Demos

      {% for demo in site.categories.demos reversed %}
    • {{ demo.title }}
      • {% endfor %} -
    \ No newline at end of file +
+ + + + + + + + + + + \ No newline at end of file