1 ---

     2 title: Basic

     3 layout: default

     4 category: demos

     5 ---

     6   

     7   <section id="copy">

     8     <p>This is a basic demo of Isotope. Resize the browser window to see the layout animate.</p>

     9   </section>

    10   

    11   <div id="container">

    12     {% for element in site.elements limit:20 %}

    13       {% include element-partial.html %}

    14     {% endfor %}

    15   </div> <!-- #container -->

    16   

    17   <script src="../{{ site.jquery_js }}"></script>

    18   <script src="../{{ site.isotope_js }}"></script>

    19   <script>

    20     $(function(){

    21       

    22       var $container = $('#container');

    23       

    24       $container.isotope({

    25         itemSelector: '.element'

    26       });

    27       

    28     });

    29   </script>

    30