Browse Source

docs - move Getting Starting into Intro

pull/14/head
David DeSandro 14 years ago
parent
commit
046b8c6f60
  1. 33
      _posts/docs/2010-12-01-introduction.mdown
  2. 41
      _posts/docs/2010-12-02-getting-started.mdown

33
_posts/docs/2010-12-01-introduction.mdown

@ -25,6 +25,39 @@ related: etc
Use in non-commercial and personal applications is free.
## Getting started
Isotope requires jQuery 1.4.3 and greater.
### Markup
Isotope works on a container element with a group of similar child items.
{% highlight html %}
<div id="container">
<div class="item">...</div>
<div class="item">...</div>
<div class="item">...</div>
...
</div>
{% endhighlight %}
### Script
{% highlight javascript %}
$('#container').isotope({
// options
itemSelector : '.item',
layoutMode : 'fitRows'
});
{% endhighlight %}
There are a number of [options](options.html) you can specify. Within the options is where you can [set the layout mode](layout-modes.html), [filter items](filtering.html), and [sort items](sorting.html).
## Code repository
%% This project lives on GitHub at.... %%

41
_posts/docs/2010-12-02-getting-started.mdown

@ -1,41 +0,0 @@
---
title: Getting Started
category: docs
layout: doc
related: etc
---
this is how you get started
Isotope requires jQuery 1.4.3 and greater.
## Markup
Isotope works on a container element with a group of similar child items.
{% highlight html %}
<div id="container">
<div class="item">...</div>
<div class="item">...</div>
<div class="item">...</div>
...
</div>
{% endhighlight %}
## Script
{% highlight javascript %}
$('#container').isotope({
// options
itemSelector : '.item',
layoutMode : 'fitRows'
});
{% endhighlight %}
There are a number of <a href="options.html">options</a> you can specify. Within the options is where you can <a href="layout-modes.html">set the layout mode</a>, <a href="filtering.html">filter items</a>, and <a href="sorting.html">sort items</a>.
Loading…
Cancel
Save